:root{--color-primary: #258cf4;--color-primary-hover: #1d7ad8;--bg-light: #fcfcfc;--bg-dark: #101922;--surface-app: #f5f7f8;--surface-panel: #ffffff;--surface-muted: #f5f7f8;--surface-hover: #f0f2f5;--surface-input: #f5f7f8;--border-color: #e5e7eb;--border-light: #f0f2f5;--icon-muted: #60758a;--text-main: #111418;--text-900: #111827;--text-600: #4b5563;--text-500: #6b7280;--text-400: #9ca3af;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-md: 0 10px 25px rgba(0, 0, 0, .08);--shadow-hero: 0 20px 50px rgba(37, 140, 244, .3);--shadow-hero-hover: 0 25px 60px rgba(37, 140, 244, .4);--overlay-bg: rgba(0, 0, 0, .4);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .08);--color-warning: #f59e0b;--priority-high-bg: #fee2e2;--priority-high-text: #dc2626;--priority-med-bg: #dbeafe;--priority-med-text: #258cf4;--priority-low-bg: #f3f4f6;--priority-low-text: #6b7280;--segmented-bg: #f5f7f8;--segmented-border: #f3f4f6;--segmented-text: #6b7280;--btn-secondary-bg: #f3f4f6;--btn-secondary-text: #374151;--btn-secondary-hover: #e5e7eb}:root[data-theme=dark]{--surface-app: #101922;--surface-panel: #17212c;--surface-muted: #202d3c;--surface-hover: #253244;--surface-input: #202d3c;--border-color: #2d3a49;--border-light: #243040;--icon-muted: #b4c3d6;--text-main: #edf2f7;--text-900: #edf2f7;--text-600: #c5d1df;--text-500: #9badc2;--text-400: #8296ad;--shadow-md: 0 10px 25px rgba(0, 0, 0, .25);--overlay-bg: rgba(0, 0, 0, .6);--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .25);--color-success-bg: rgba(16, 185, 129, .12);--priority-high-bg: rgba(239, 68, 68, .15);--priority-high-text: #f87171;--priority-med-bg: rgba(37, 140, 244, .15);--priority-med-text: #60a5fa;--priority-low-bg: #253244;--priority-low-text: #9badc2;--segmented-bg: #202d3c;--segmented-border: #2d3a49;--segmented-text: #9badc2;--btn-secondary-bg: #253244;--btn-secondary-text: #c5d1df;--btn-secondary-hover: #2d3a49}html,body{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--surface-app);color:var(--text-900)}.dialog__icon-circle{width:64px;height:64px;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.dialog__icon-circle .material-symbols-outlined{font-size:32px}.dialog__icon-circle--accent{background:#facc151f;color:#a16207}.dialog__icon-circle--blue{background:#258cf41a;color:var(--color-primary)}.dialog__icon-circle--green{background:#16a34a1a;color:#16a34a}.dialog__icon-circle--red{background:#dc26261a;color:#dc2626}.dialog__icon-circle--orange{background:#d977061a;color:#d97706}.dialog__title{font-size:20px;font-weight:700;color:var(--text-900);margin:0 0 4px}.dialog__desc{font-size:14px;color:var(--text-500);margin:0 0 28px}.dialog__hint{font-size:13px;font-weight:600;color:#d97706;margin:-20px 0 24px}.dialog__fields{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;text-align:left}.dialog__actions{display:flex;gap:12px}.dialog__btn{flex:1;padding:12px 24px;font-size:14px;font-weight:600;border:0;border-radius:10px;cursor:pointer;transition:background .15s ease}.dialog__btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.dialog__btn--secondary:hover{background:var(--btn-secondary-hover)}.dialog__btn--primary{background:var(--color-primary);color:#fff}.dialog__btn--primary:hover{background:var(--color-primary-hover)}.dialog__btn--danger{background:#dc2626;color:#fff}.dialog__btn--danger:hover{background:#b91c1c}.dialog__btn--warning{background:#d97706;color:#fff}.dialog__btn--warning:hover{background:#b45309}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field__label{display:block;font-size:13px;font-weight:600;color:var(--text-600);margin-bottom:6px}.field__input{width:100%;height:48px;padding:0 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-panel);color:var(--text-900);font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.field__input::placeholder{color:var(--text-400)}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #258cf426}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.icon-grid__item{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:10px;background:var(--surface-muted);color:var(--text-500);cursor:pointer;transition:all .15s ease}.icon-grid__item .material-symbols-outlined{font-size:22px}.icon-grid__item:hover{background:var(--border-color)}.icon-grid__item--active{border-color:var(--color-primary);background:#258cf414;color:var(--color-primary)}.color-grid{display:flex;gap:8px;flex-wrap:wrap}.color-grid__item{width:40px;height:40px;border-radius:10px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.color-grid__item:hover{transform:scale(1.1)}.color-grid__item--active{border-width:2px;border-style:solid;box-shadow:0 0 0 2px var(--surface-panel),0 0 0 4px currentColor}.color-grid__dot{width:16px;height:16px;border-radius:50%}.type-toggle{display:flex;gap:8px}.type-toggle__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border:2px solid var(--border-color);border-radius:10px;background:var(--surface-panel);color:var(--text-500);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.type-toggle__btn .material-symbols-outlined{font-size:20px}.type-toggle__btn:hover{border-color:var(--text-400)}.type-toggle__btn--active-expense{border-color:#dc2626;background:var(--color-danger-bg);color:#dc2626}.type-toggle__btn--active-income{border-color:#16a34a;background:#16a34a14;color:#16a34a}.category-select{display:flex;flex-wrap:wrap;gap:8px}.category-select__item{display:flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid var(--border-color);border-radius:10px;background:var(--surface-panel);font-size:13px;font-weight:600;color:var(--text-600);cursor:pointer;transition:all .15s ease}.category-select__item:hover{border-color:var(--text-400)}.category-select__item--active{border-color:var(--color-primary);background:#258cf40d;color:var(--color-primary)}.category-select__icon{font-size:18px}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit}