.notifications-banner{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.notification{align-items:center;animation:slideIn .3s ease-out;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-danger{background:var(--danger-light);border-left-color:var(--danger)}.notification-warning{background:var(--warning-light);border-left-color:var(--warning)}.notification-info{background:#dbeafe;border-left-color:#3b82f6}.notification-content{flex:1 1;flex-direction:column;gap:var(--space-xs)}.notification-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.notification-header strong{color:var(--gray-900);font-size:15px}.notification-message{color:var(--gray-700);font-size:14px}.notification-close{align-items:center;border-radius:50%;color:var(--gray-600);display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:24px}.notification-close:hover{background:#0000001a}.notification-action{border-radius:var(--radius-sm);color:var(--primary);font-size:14px;font-weight:600;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:background .2s;white-space:nowrap}.notification-action:hover{background:#0000000d}@media (max-width:768px){.notification{align-items:flex-start;flex-direction:column}.notification-action{align-self:flex-end}}@media (max-width:480px){.add-page{padding:.5rem 0}.add-header{flex-direction:column;gap:.75rem;margin-bottom:1rem;text-align:center}.add-header h1{font-size:1.25rem}.form-group{margin-bottom:1rem}.form-input,.form-select{font-size:.9rem;padding:.75rem}.option-icon{font-size:1.25rem;height:32px;width:32px}.btn-primary,.btn-secondary{font-size:.9rem;padding:.75rem 1rem}.add-form-container{padding:0 .5rem}.add-form,.option-content{padding:1rem}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.form-input,.form-multiselect,.form-select,.form-textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}.visible{visibility:visible}.flex{display:flex}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-0{padding-top:0}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.underline-offset-4{text-underline-offset:4px}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fed7aa;--success:#22c55e;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--border-color:#e5e7eb;--info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--gray-50:#1f2937;--gray-100:#374151;--gray-200:#4b5563;--gray-300:#6b7280;--gray-400:#9ca3af;--gray-500:#d1d5db;--gray-600:#e5e7eb;--gray-700:#f3f4f6;--gray-800:#f9fafb;--gray-900:#fff;--success-light:#065f46;--danger-light:#7f1d1d;--warning-light:#78350f;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--border:#2a2a2a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--info:#3b82f6}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;transition:background-color .3s,color .3s}html{font-size:16px}@media (max-width:480px){html{font-size:14px}}@media (min-width:1200px){html{font-size:18px}}@media (max-width:1200px){.layout-container{max-width:100%;padding:1rem}}@media (max-width:768px){.layout-container{padding:.75rem}body{font-size:16px;line-height:1.5}.card{margin-bottom:1rem}.btn-primary,.btn-secondary{font-size:16px;min-height:44px}}@media (max-width:480px){.layout-container{padding:.5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.card{border-radius:8px;margin:0 0 1rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background:#2a2a2a!important;border:1px solid #404040!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;padding:12px!important}input::placeholder,textarea::placeholder{color:#ccc!important;opacity:1!important}input:focus,select:focus,textarea:focus{background:#2a2a2a!important;border-color:#f97316!important;box-shadow:0 0 0 2px #f973164d!important;color:#fff!important;outline:none!important}.form-input,.form-select,input.form-input,select.form-select{background:#2a2a2a!important;border:1px solid #404040!important;color:#fff!important}.form-input::placeholder,.form-select::placeholder{color:#ccc!important;opacity:1!important}.form-input:focus,.form-select:focus{background:#2a2a2a!important;border-color:#f97316!important;box-shadow:0 0 0 2px #f973164d!important;color:#fff!important;outline:none!important}.btn{border-radius:6px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--space-sm) var(--space-lg);transition:all .2s}.btn-primary{background:#f97316}.btn-primary:hover{background:#ea580c;background:var(--primary-dark)}.btn-secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#d1d5db;background:var(--gray-300)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{font-size:13px;padding:6px 12px}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px;padding:var(--space-lg);transition:background-color .3s,border-color .3s}.card-header{font-size:16px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-md)}.card-header,input,select,textarea{color:#111827;color:var(--text-primary)}input,select,textarea{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:border-color .2s,box-shadow .2s,background-color .2s}input:focus,select:focus,textarea:focus{border-color:#f97316;border-color:var(--primary);box-shadow:0 0 0 3px #fed7aa;box-shadow:0 0 0 3px var(--primary-light);outline:none}label{color:#6b7280;color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}h1,h2,h3{color:#111827;color:var(--text-primary);margin-top:0}.btn-danger:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn:focus-visible{box-shadow:0 0 0 3px #fed7aa;box-shadow:0 0 0 3px var(--primary-light);outline:none}h1{font-size:28px;font-weight:700}h2{font-size:22px}h2,h3{font-weight:600}h3{font-size:18px}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-header{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:0 2px 4px #0000001a;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:80px;padding:1rem 2rem}@media (max-width:1024px){.header-container{gap:1.5rem;max-width:100%;min-height:70px;padding:.75rem 1.5rem}}@media (max-width:768px){.header-container{flex-wrap:nowrap;gap:1rem;min-height:60px;padding:.5rem 1rem}}@media (max-width:480px){.header-container{gap:.75rem;min-height:55px;padding:.5rem .75rem}}.header-logo{align-items:center;color:var(--primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.logo-image{height:36px;object-fit:contain;width:36px}@media (max-width:1024px){.logo-image{height:32px;width:32px}}@media (max-width:768px){.logo-image{height:28px;width:28px}}@media (max-width:480px){.logo-image{height:24px;width:24px}}.header-logo:hover{color:var(--primary-dark)}.header-actions{gap:1.5rem}.header-nav{align-items:center;display:flex;gap:1.5rem}@media (max-width:1024px){.header-nav{gap:1.5rem}}@media (max-width:768px){.header-nav{display:none}}.header-nav a{border-radius:6px;color:var(--text-primary);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.header-nav a:hover{background:var(--bg-secondary);color:var(--primary)}.header-nav a.active{background:var(--primary);color:#fff}.header-nav a.active:hover{background:var(--primary-dark)}.brand{display:flex;flex-direction:column;line-height:1}.brand-name{font-weight:800}.brand-subtitle{color:var(--text-secondary);font-size:13px;font-weight:600;margin-top:2px}.header-actions{flex:0 0 auto;gap:1rem}.header-actions,.header-avatar{align-items:center;display:flex}.header-avatar{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border-radius:50%;box-shadow:0 4px 10px #f9731659;color:#fff;cursor:pointer;font-weight:700;height:36px;justify-content:center;justify-self:end;position:relative;width:36px}.user-initials{font-size:.9rem}.user-menu{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #00000059;padding:.5rem;position:absolute;right:1rem;top:64px;width:240px;z-index:200}.user-info{border-bottom:1px solid var(--border);gap:.75rem;padding:.5rem .5rem .75rem}.avatar-mini,.user-info{align-items:center;display:flex}.avatar-mini{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.user-meta{display:flex;flex-direction:column}.user-email{color:var(--text-secondary);font-size:12px}.user-menu-item{background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;padding:.75rem;text-align:left;text-decoration:none;width:100%}.user-menu-item:hover{background:#ffffff0d}.user-menu-item.danger{color:var(--danger)}@media (max-width:768px){.header-container{padding:0 .5rem}.header-nav{gap:1rem}.header-nav a{font-size:.9rem;padding:.4rem .8rem}}@media (max-width:640px){.header-nav{gap:.5rem}.header-nav a{font-size:.85rem;padding:.3rem .6rem}}@media (min-width:769px){.mobile-nav{display:none}}@media (max-width:768px){.header-container{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between;padding:.5rem 1rem}.header-logo{flex:0 0 auto;min-width:0}.header-actions{align-items:center;display:flex;flex:0 0 auto;gap:.75rem}.header-nav{display:none}.mobile-nav{display:flex}}@media (max-width:480px){.header-container{gap:.5rem;padding:.5rem .75rem}.brand-name{font-size:1.1rem}.brand-subtitle{font-size:.7rem}.header-actions{gap:.5rem}.header-nav{display:none}.mobile-nav{display:flex}.user-menu{left:.5rem;right:.5rem;width:auto}}.mobile-nav{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.mobile-nav a{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.5rem .75rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav a:hover{background:var(--bg-secondary);color:var(--primary)}.mobile-nav a.active{background:var(--primary);color:#fff}.menu-separator{background:var(--border);height:1px;margin:.5rem 0}.sidebar-toggle{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:fixed;right:20px;top:15px;transition:all .3s ease;width:50px;z-index:1001}@media (max-width:1024px){.sidebar-toggle{font-size:1.1rem;height:45px;right:16px;top:12px;width:45px}}@media (max-width:768px){.sidebar-toggle{font-size:1rem;height:40px;right:12px;top:10px;width:40px}}@media (max-width:480px){.sidebar-toggle{font-size:.9rem;height:36px;right:8px;top:8px;width:36px}}.sidebar-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar{background:var(--bg-primary);border-left:1px solid var(--border);box-shadow:-4px 0 12px #0000001a;height:100vh;overflow-y:auto;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:1000}@media (max-width:1024px){.sidebar{right:-280px;width:280px}}@media (max-width:768px){.sidebar{right:-260px;width:260px}}@media (max-width:480px){.sidebar{right:-240px;width:240px}}.sidebar.open{right:0}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.sidebar-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.sidebar-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.sidebar-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav{padding:1rem 0}.sidebar-section{margin-bottom:1.5rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem 1.5rem;text-transform:uppercase}.sidebar-separator{background:var(--border);height:1px;margin:1rem 1.5rem}.mobile-nav-section,.mobile-separator{display:none}@media (max-width:768px){.mobile-nav-section,.mobile-separator{display:block}}.sidebar-link{align-items:center;border-left:3px solid #0000;color:var(--text-primary);display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background:var(--bg-secondary)}.sidebar-link.active,.sidebar-link:hover{border-left-color:var(--primary);color:var(--primary)}.sidebar-link.active{background:var(--primary-light);font-weight:600}.sidebar-icon{font-size:1.2rem;text-align:center;width:24px}.sidebar-label{font-size:1rem;font-weight:500}@media (max-width:768px){.sidebar{right:-280px;width:280px}.sidebar-toggle{font-size:1.1rem;height:45px;right:15px;top:12px;width:45px}}@media (max-width:480px){.sidebar{right:-100%;width:100%}.sidebar-toggle{font-size:1rem;height:40px;right:10px;top:10px;width:40px}}.layout{background:var(--bg-primary);min-height:100vh;position:relative}.layout-container{margin:0 auto;max-width:1400px;padding:1rem 2rem 2rem}@media (max-width:1024px){.layout-container{max-width:100%;padding:.75rem 1.5rem 1.5rem}}@media (max-width:768px){.layout-container{padding:.5rem 1rem 1rem}}@media (max-width:480px){.layout-container{padding:.25rem .5rem .5rem}.main-content{padding:0}.card{border-radius:8px;margin:0 0 1rem}}@media (max-width:768px) and (min-width:481px){.layout-container{padding:1rem}.main-content{padding:1rem 0}}@media (max-width:1024px) and (min-width:769px){.layout-container{padding:1.5rem}}.home-container{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh}.home-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2rem 0}.header-content{align-items:center;display:grid;grid-template-columns:1fr auto;margin:0 auto;max-width:1200px;padding:0 1rem}.app-logo,.header-left{align-items:center;display:flex}.app-logo{gap:1rem}.logo-img{height:48px;object-fit:contain;width:48px}.logo-text h1{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.logo-text p{color:var(--text-secondary);font-size:.9rem;margin:0}.header-right{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-auto-flow:column}.btn-new-transaction{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #f9731666;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-new-transaction:hover{background:linear-gradient(135deg,#fb923c 0,var(--primary) 100%);box-shadow:0 8px 24px #f9731680;color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-new-transaction .icon{height:16px;width:16px}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border-radius:50%;box-shadow:0 4px 10px #f9731659;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.home-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:0 2rem}.content-left{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.content-right{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-primary);border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 10px 24px #00000040;padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:0 16px 32px #00000059;transform:translateY(-2px)}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:.5rem}.card-title .icon{color:var(--primary);height:18px;width:18px}.card-filter{background:#ffffff0a;border-radius:6px;color:var(--text-secondary);font-size:.85rem;padding:.25rem .75rem}.budget-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid #f9731633;grid-column:1/-1}.budget-info{margin-bottom:1rem}.budget-plan{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.budget-spent{font-size:1.1rem;margin-bottom:1rem}.amount-spent{color:var(--primary);font-weight:700}.progress-container{margin-bottom:1rem}.progress-bar{background:#ffffff0f}.progress-fill{box-shadow:0 0 10px #f9731680}.budget-remaining{font-size:1.1rem;font-weight:600}.amount-remaining{color:var(--success)}.accounts-card{grid-column:1/-1}.empty-state{padding:2rem 0}.empty-state p{color:var(--text-secondary);margin-bottom:1rem}.btn-add{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-add,.btn-add:hover{color:var(--text-primary);text-decoration:none}.btn-add:hover{background:var(--bg-secondary);border-color:var(--primary)}.btn-add .icon{height:16px;width:16px}.accounts-list{display:flex;flex-direction:column;gap:.75rem}.account-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;padding:.75rem}.account-name{font-weight:500}.account-balance{color:var(--success);font-weight:600}.chart-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border);min-height:300px}.chart-container{height:200px}.empty-chart{color:var(--text-secondary);padding:2rem 0;text-align:center}.chart-hint{font-size:.85rem;margin-top:.5rem;opacity:.8}.summary-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid #f9731633}.summary-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.summary-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:.75rem 0}.summary-item:hover{background:#ffffff05}.summary-item:last-of-type{border-bottom:none;margin-bottom:1rem}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-value{color:var(--text-primary);font-weight:600}.summary-value.spent{color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);box-shadow:0 4px 15px #f9731666;text-decoration:none;transition:all .3s ease;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#fb923c 0,var(--primary) 100%);box-shadow:0 6px 20px #f9731699;color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 3px 10px #f9731666;transform:translateY(0)}.settings-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.settings-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid #f9731633}.setting-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 0}.setting-item:last-of-type{border-bottom:none}.setting-label{color:var(--text-secondary);font-size:.9rem}.setting-value{color:var(--text-primary);font-weight:500}@media (max-width:1024px){.home-content{gap:1.5rem;grid-template-columns:1fr}.content-right{order:-1}.content-left{grid-template-columns:1fr}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-right{justify-content:center;width:100%}.content-left{grid-template-columns:1fr}.card{padding:1rem}}@media (max-width:480px){.home-content{gap:1rem;padding:0 .5rem}.logo-text h1{font-size:1.5rem}.btn-new-transaction{font-size:.9rem;min-height:44px;padding:.75rem 1rem;width:100%}.card{margin-bottom:.75rem;padding:.75rem}.summary-item{align-items:flex-start;flex-direction:column;gap:.25rem}.summary-value{font-size:.9rem}.budget-info p{font-size:.875rem}.account-item{align-items:flex-start;flex-direction:column;gap:.25rem}.account-balance{font-size:.9rem}}@media (max-width:768px) and (min-width:481px){.home-content{gap:1.5rem;grid-template-columns:1fr}.content-right{order:-1}.card{padding:1.25rem}.btn-primary{font-size:1rem;padding:.75rem 1.5rem}}@media (max-width:1024px) and (min-width:769px){.home-content{gap:2rem;grid-template-columns:1fr}.content-right{order:-1}.content-left{grid-template-columns:1fr}}.add-page{background:var(--bg-primary);min-height:100vh;padding:2rem 0}.add-header{gap:1rem;margin:0 auto 2rem;max-width:600px;padding:0 1rem}.add-header,.btn-back{align-items:center;display:flex}.btn-back{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.btn-back,.btn-back:hover{color:var(--text-primary);text-decoration:none}.btn-back:hover{background:var(--bg-primary);border-color:var(--primary)}.btn-back .icon{height:16px;width:16px}.add-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.add-form-container{margin:0 auto;max-width:600px;padding:0 1rem}.add-form{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.type-option{cursor:pointer;position:relative}.type-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.option-content{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.type-option:hover .option-content{background:var(--bg-primary);border-color:var(--primary)}.type-option.active .option-content{background:var(--primary-light);border-color:var(--primary)}.option-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}.option-icon.income{background:var(--success)}.option-icon.expense{background:var(--danger)}.option-content span{color:var(--text-primary);font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.form-group .icon{color:var(--primary);height:16px;width:16px}.form-input,.form-select{background:#2a2a2a!important;border:1px solid #404040!important;border-radius:8px;color:#fff!important;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:-ms-input-placeholder,.form-input::-moz-placeholder,.form-input::-webkit-input-placeholder,.form-input::value{color:#ccc!important;opacity:1!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#2a2a2a!important;border:1px solid #404040!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;padding:12px!important}input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#ccc!important;opacity:1!important}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{background:#2a2a2a!important;border-color:#f97316!important;box-shadow:0 0 0 2px #f973164d!important;color:#fff!important;outline:none!important}.form-input:focus,.form-select:focus{background:var(--bg-secondary)!important;border-color:var(--primary)!important;color:var(--text-primary)!important}.form-input::placeholder{opacity:.7}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-hint,.form-input::placeholder{color:var(--text-secondary)}.form-hint{font-size:.875rem;margin-top:.5rem}.form-hint a{color:var(--primary);font-weight:500;text-decoration:none}.form-hint a:hover{text-decoration:underline}.form-actions{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary)}.btn-primary{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary .icon,.spinner{height:16px;width:16px}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.add-form-container{max-width:100%}.add-form{padding:1.75rem}}@media (max-width:768px){.add-page{padding:1rem 0}.add-header{margin-bottom:1.5rem}.add-header h1{font-size:1.5rem}.add-form{padding:1.5rem}.type-selector{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{flex:1 1}}@media (max-width:480px){.add-page{padding:.5rem 0}.add-header{flex-direction:column;gap:.75rem;margin-bottom:1rem;text-align:center}.add-header h1{font-size:1.25rem}.form-group{margin-bottom:1rem}.form-input,.form-select{font-size:.9rem;padding:.75rem}.option-icon{font-size:1.25rem;height:32px;width:32px}.btn-primary,.btn-secondary{font-size:.9rem;padding:.75rem 1rem}.add-form-container{padding:0 .5rem}.add-form,.option-content{padding:1rem}}.page-header{align-items:flex-start;display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}@media (max-width:1024px){.page-header{flex-direction:column;gap:var(--space-md)}}@media (max-width:768px){.page-header{flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}}.page-header h2{margin-bottom:var(--space-xs)}.transactions-summary{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-xl)}@media (max-width:1024px){.transactions-summary{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.transactions-summary{gap:var(--space-md);grid-template-columns:1fr;margin-bottom:var(--space-lg)}}.transactions-summary-card{background:#fff;border-left:4px solid;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.transactions-summary-card.income{border-left-color:var(--success)}.transactions-summary-card.expense{border-left-color:var(--danger)}.transactions-summary-card.balance{border-left-color:var(--primary)}.summary-label{color:var(--gray-600);font-size:14px;margin-bottom:var(--space-xs)}.summary-value{color:var(--gray-900);font-size:22px;font-weight:700}.transactions-list{display:flex;flex-direction:column;gap:var(--space-md)}.transaction-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-sm);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-md);transition:all .2s}.transaction-item:hover{background:var(--gray-100);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.transaction-left{align-items:center;display:flex;flex:1 1;gap:var(--space-md);min-width:0}.transaction-badge{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.transaction-details{flex:1 1;min-width:0}.transaction-category{color:var(--gray-900);font-weight:600;margin-bottom:var(--space-xs)}.transaction-meta{color:var(--gray-500);font-size:13px}.transaction-note{color:var(--gray-600);font-size:13px;font-style:italic;margin-top:var(--space-xs)}.transaction-amount{font-size:16px;font-weight:700;white-space:nowrap}.transaction-amount.income{color:var(--success)}.transaction-amount.expense{color:var(--danger)}.filters-panel{margin-bottom:var(--space-xl)}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.filters-header h3{font-size:16px;font-weight:600;margin:0}.filters-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{gap:var(--space-xs)}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.transactions-summary{grid-template-columns:1fr}.transaction-item{align-items:flex-start;flex-direction:column}.transaction-amount{align-self:flex-end;font-size:18px}.filters-grid{grid-template-columns:1fr}}.budget-form{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.budget-form input{flex:1 1;min-width:200px}.budget-stats{display:flex;flex-direction:column;gap:var(--space-md)}.stat-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding-bottom:var(--space-sm)}.category-card{flex-direction:column}.category-card,.category-header{display:flex;gap:var(--space-md)}.category-header{align-items:center;justify-content:space-between}.category-name{align-items:center;color:var(--gray-900);display:flex;gap:var(--space-sm)}.category-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.category-amounts{align-items:baseline;display:flex;font-size:14px;gap:var(--space-xs)}.category-amounts .spent{color:var(--gray-900);font-weight:700}.category-amounts .separator{color:var(--gray-400)}.category-amounts .limit{color:var(--gray-600)}.category-progress{align-items:center;display:flex;gap:var(--space-md)}.category-progress .progress-bar{flex:1 1}.category-pct{color:var(--gray-700);font-size:14px;font-weight:600;min-width:45px;text-align:right}.category-pct.warn{color:var(--warning)}.limit-form{display:flex;gap:var(--space-sm)}.limit-form input{flex:1 1}@media (max-width:768px){.categories-grid{grid-template-columns:1fr}.budget-form{flex-direction:column}.budget-form input{min-width:100%}}.category-form{grid-gap:var(--space-md);align-items:center;display:grid;gap:var(--space-md);grid-template-columns:2fr 1fr auto auto}@media (max-width:1024px){.category-form{gap:var(--space-sm);grid-template-columns:1fr 1fr}.category-form button{grid-column:1/-1}}@media (max-width:768px){.category-form{gap:var(--space-sm);grid-template-columns:1fr}.category-form button{grid-column:1}}.color-input-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.color-input-wrapper input[type=color]{border:1px solid var(--gray-300);cursor:pointer;height:38px;width:50px}.color-label{color:var(--gray-600);font-size:13px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);margin:0;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.categories-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:1024px){.categories-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.categories-grid{gap:var(--space-md);grid-template-columns:1fr}}.category-form input,.category-form select{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.category-form input::placeholder{color:var(--text-secondary)!important;opacity:.8!important}.category-form input:focus,.category-form select:focus{background:var(--bg-secondary)!important;border-color:var(--primary)!important;color:var(--text-primary)!important}.category-item{flex-direction:column;gap:var(--space-md)}.category-item-header{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.category-preview{align-items:center;display:flex;flex:1 1;gap:var(--space-sm)}.category-color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--gray-300);flex-shrink:0;height:20px;width:20px}.category-name-input{background:#0000;border:none;border-bottom:2px solid #0000;flex:1 1;font-weight:600;padding:var(--space-xs) 0;transition:border-color .2s}.category-name-input:focus{border-bottom-color:var(--primary);outline:none}.category-item-controls{align-items:center;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:var(--space-lg);padding-top:var(--space-sm)}.category-item-controls .btn-danger{margin-left:auto;order:1}@media (max-width:768px){.categories-grid,.category-form{grid-template-columns:1fr}.category-item-controls{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.category-item-controls .btn-danger{align-self:flex-end;margin-left:0;order:0}}.account-total{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;margin-bottom:var(--space-xl);padding:var(--space-xl);text-align:center}.total-label{font-size:14px;margin-bottom:var(--space-sm);opacity:.9}.total-value{font-size:32px;font-weight:700}.account-form{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:2fr 1.5fr 1.5fr auto}@media (max-width:1024px){.account-form{gap:var(--space-sm);grid-template-columns:1fr 1fr}.account-form button{grid-column:1/-1}}@media (max-width:768px){.account-form{gap:var(--space-sm);grid-template-columns:1fr}.account-form button{grid-column:1}}.accounts-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width:1024px){.accounts-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.accounts-grid{gap:var(--space-md);grid-template-columns:1fr}}.account-form input,.account-form select{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.account-form input::placeholder{color:var(--text-secondary)!important;opacity:.8!important}.account-form input:focus,.account-form select:focus{background:var(--bg-secondary)!important;border-color:var(--primary)!important;color:var(--text-primary)!important}.account-card{display:flex;flex-direction:column;gap:var(--space-lg)}.account-header{align-items:center;display:flex;gap:var(--space-md)}.account-actions{border-top:1px solid var(--border);display:flex;justify-content:flex-end;margin-bottom:var(--space-md);padding-top:var(--space-sm)}.account-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.account-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.account-name-input{background:#0000;border:none;border-bottom:2px solid #0000;font-size:16px;font-weight:600;padding:var(--space-xs) 0;transition:border-color .2s}.account-name-input:focus{border-bottom-color:var(--primary);outline:none}.account-type-select{background:#0000;border:none;color:var(--gray-600);cursor:pointer;font-size:13px;padding:2px 0}.account-type-select:focus{outline:none}.account-balance-section{border-top:1px solid var(--gray-100);padding-top:var(--space-md)}.account-balance-section label{color:var(--gray-600);font-size:13px;margin-bottom:var(--space-sm)}.balance-input-wrapper{align-items:center;display:flex;gap:var(--space-md)}.balance-input{flex:1 1;font-size:18px;font-weight:600;padding:var(--space-sm)}.balance-display{color:var(--primary);font-size:20px;font-weight:700}@media (max-width:768px){.account-form,.accounts-grid{grid-template-columns:1fr}.total-value{font-size:28px}}.goals-page{margin:0 auto;max-width:1200px}.goals-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.goals-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.goals-header .text-muted{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.goal-form-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.goal-form-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.goal-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid #ffffff26;border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a;outline:none}.goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.goal-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;padding:1.5rem;transition:all .3s ease}.goal-card:hover{border-color:#ffffff1f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.goal-card.completed{background:#22c55e0d;border-color:#22c55e33;opacity:.7}.goal-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.goal-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.goal-title h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.completed-icon{color:var(--success)}.goal-actions{display:flex;flex-shrink:0;gap:.5rem}.goal-progress{margin-bottom:1rem}.goal-details{display:flex;flex-direction:column;gap:.75rem}.goal-deadline{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.goal-deadline.overdue{color:var(--danger);font-weight:600}.goal-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.goals-header{align-items:stretch;flex-direction:column}.form-row,.goals-grid{grid-template-columns:1fr}.form-actions,.goal-header{flex-direction:column}.goal-header{align-items:stretch}.goal-actions{justify-content:flex-end}}@media (max-width:480px){.goal-card{padding:1.25rem}.goal-actions{flex-direction:column}.goal-actions .btn{width:100%}}.debts-page{margin:0 auto;max-width:1200px}.debts-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.debts-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.debts-header .text-muted{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.debt-form-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.debt-form-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.debt-form{display:flex;flex-direction:column;gap:1rem}.debts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.debt-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;padding:1.5rem;transition:all .3s ease}.debt-card:hover{border-color:#ffffff1f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.debt-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.debt-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.debt-title h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.priority-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.debt-amounts{margin-bottom:1rem}.amount-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.total-amount{color:var(--text-primary);font-size:1.25rem;font-weight:700}.remaining-amount{color:var(--text-secondary);font-size:.9rem}.interest-rate{color:var(--warning);font-size:.85rem;font-weight:600}.debt-progress{margin-bottom:1rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-text{color:var(--text-primary);font-size:.9rem;font-weight:600}.progress-percentage{color:var(--primary);font-size:.9rem;font-weight:700}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,#fb923c 100%);border-radius:4px;height:100%;transition:width .3s ease}.debt-details{display:flex;flex-direction:column;gap:.75rem}.debt-due-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.debt-due-date.overdue{color:var(--danger);font-weight:600}.debt-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.debts-header{align-items:stretch;flex-direction:column}.debts-grid,.form-row{grid-template-columns:1fr}.debt-header,.form-actions{flex-direction:column}.debt-header{align-items:stretch}.debt-title{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.debt-card{padding:1.25rem}.amount-info{align-items:flex-start;flex-direction:column;gap:.25rem}}.recurrings-page{margin:0 auto;max-width:1200px}.recurrings-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.recurrings-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.recurrings-header .text-muted{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.recurring-form-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;margin-bottom:2rem;padding:1.5rem}.recurring-form-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.recurring-form{gap:1rem}.form-group,.recurring-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group select{background:#ffffff08;border:1px solid #ffffff26;border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.recurrings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.recurring-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;padding:1.5rem;transition:all .3s ease}.recurring-card:hover{border-color:#ffffff1f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.recurring-card.inactive{background:#6b72800d;border-color:#6b728033;opacity:.6}.recurring-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.recurring-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.recurring-title h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.type-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.type-badge.income{background:#22c55e26;color:var(--success)}.type-badge.expense{background:#ef444426;color:var(--danger)}.recurring-actions{display:flex;flex-shrink:0;gap:.5rem}.recurring-amount{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.amount{font-size:1.25rem;font-weight:700}.amount.income{color:var(--success)}.amount.expense{color:var(--danger)}.frequency{background:#ffffff0d;border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.25rem .75rem}.recurring-details{display:flex;flex-direction:column;gap:.75rem}.recurring-category,.recurring-next-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.recurring-next-date.overdue{color:var(--danger);font-weight:600}.recurring-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.empty-state{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.recurrings-header{align-items:stretch;flex-direction:column}.form-row,.recurrings-grid{grid-template-columns:1fr}.form-actions,.recurring-header{flex-direction:column}.recurring-header{align-items:stretch}.recurring-title{align-items:flex-start;flex-direction:column;gap:.5rem}.recurring-actions{justify-content:flex-end}}@media (max-width:480px){.recurring-card{padding:1.25rem}.recurring-amount{align-items:flex-start;gap:.5rem}.recurring-actions,.recurring-amount{flex-direction:column}.recurring-actions .btn{width:100%}}.stats-page{margin:0 auto;max-width:1200px}.stats-page h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stats-page .text-muted{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.stats-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#ffffff1f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card.income .stat-icon{background:linear-gradient(135deg,#22c55e26,#22c55e40);color:var(--success)}.stat-card.expense .stat-icon{background:linear-gradient(135deg,#ef444426,#ef444440);color:var(--danger)}.stat-card.balance .stat-icon{background:linear-gradient(135deg,#f9731626,#f9731640);color:var(--primary)}.stat-content h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.stat-amount{font-size:1.5rem;font-weight:700;margin:0}.stat-amount.positive{color:var(--success)}.stat-amount.negative{color:var(--danger)}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;padding:1.5rem}.chart-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.chart-container{align-items:center;display:flex;height:300px;justify-content:center}.top-categories{background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;padding:1.5rem}.top-categories h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.categories-list{display:flex;flex-direction:column;gap:.75rem}.category-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:all .2s ease}.category-item:hover{background:#ffffff0d;border-color:#ffffff1a}.category-rank{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.category-info,.category-rank{align-items:center;display:flex}.category-info{flex:1 1;gap:.75rem}.category-color{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--gray-300);flex-shrink:0;height:16px;width:16px}.category-name{color:var(--text-primary);font-weight:600}.category-amount{color:var(--text-primary);font-size:1.1rem;font-weight:700}@media (max-width:768px){.charts-grid,.stats-summary{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-icon{height:48px;width:48px}.stat-amount{font-size:1.25rem}.chart-container{height:250px}}@media (max-width:480px){.category-item{align-items:flex-start;flex-direction:column;gap:.5rem}.category-info{justify-content:space-between;width:100%}.category-amount{font-size:1rem}}.settings-page{margin:0 auto;max-width:800px}.settings-header{margin-bottom:2rem}.settings-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.settings-header .text-muted{color:var(--text-secondary);font-size:1rem;margin:0}.settings-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.settings-card{grid-gap:1.5rem;align-items:start;background:var(--bg-primary);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 12px #0003;display:grid;gap:1.5rem;grid-template-columns:auto 1fr;padding:2rem;transition:all .3s ease}.settings-card:hover{border-color:#ffffff1f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.card-icon{align-items:center;background:linear-gradient(135deg,#f9731626,#fb923c26);border-radius:12px;color:var(--primary);display:flex;height:56px;justify-content:center;width:56px}.card-body{display:flex;flex-direction:column;gap:1rem}.card-body h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.card-description{color:var(--text-secondary);font-size:.95rem;margin:0}.profile-info{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:1rem;padding:1rem}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border-radius:50%;box-shadow:0 4px 12px #f9731666;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;width:56px}.profile-details{display:flex;flex-direction:column;gap:.25rem}.profile-email{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.profile-status{align-items:center;color:var(--success);display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.status-dot{animation:pulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-outline{background:#0000;border:1px solid #ffffff26;color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d;border-color:var(--primary);transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}@media (max-width:768px){.settings-card{grid-template-columns:1fr;padding:1.5rem}.card-icon{height:48px;width:48px}.profile-info{flex-direction:column;text-align:center}.settings-header h2{font-size:1.75rem}}@media (max-width:480px){.settings-card{padding:1.25rem}.card-body h3{font-size:1.25rem}.btn{width:100%}}.auth-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-lg);position:relative}.auth-page:before{background:radial-gradient(circle,#f9731626 0,#0000 70%);height:600px;right:-20%;top:-50%;width:600px}.auth-page:after,.auth-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-page:after{background:radial-gradient(circle,#f973161a 0,#0000 70%);bottom:-30%;height:400px;left:-10%;width:400px}.auth-container{max-width:460px;position:relative;width:100%;z-index:1}.auth-header{margin-bottom:var(--space-xl);text-align:center}.auth-logo{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:800;gap:.75rem;justify-content:center;margin-bottom:var(--space-md)}.auth-logo .logo-image{filter:drop-shadow(0 4px 10px rgba(249,115,22,.3));height:56px;object-fit:contain;width:56px}.auth-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 40px #0006;padding:2.5rem}.auth-card h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.auth-form{gap:var(--space-lg)}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-form label{color:var(--text-primary);font-size:.95rem;font-weight:500}.auth-form input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.auth-form input:focus{background:#ffffff0d;border-color:var(--primary);box-shadow:0 0 0 3px #f973161a;outline:none}.auth-form input::placeholder{color:var(--text-secondary);opacity:.6}.auth-form small{color:var(--text-secondary);font-size:.85rem}.auth-submit{background:linear-gradient(135deg,var(--primary) 0,#fb923c 100%);border:none;border-radius:10px;box-shadow:0 4px 15px #f973164d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--space-sm);padding:1rem;transition:all .3s ease;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 6px 20px #f9731666;transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-toggle{color:var(--text-secondary);font-size:14px;margin-top:var(--space-lg);text-align:center}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:var(--primary-dark)}.auth-divider{margin:var(--space-xl) 0;position:relative;text-align:center}.auth-divider:before{background:var(--gray-200);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--bg-primary);color:var(--text-secondary);font-size:13px;padding:0 var(--space-md);position:relative}.auth-footer{margin-top:var(--space-xl)}.auth-footer p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--space-md)}.auth-form input[type=email],.auth-form input[type=password],input[type=email],input[type=password]{background:#2a2a2a!important;border:1px solid #404040!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;padding:12px!important;width:100%!important}.auth-form input::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#ccc!important;opacity:1!important}.auth-form input:focus,input[type=email]:focus,input[type=password]:focus{background:#2a2a2a!important;border-color:#f97316!important;box-shadow:0 0 0 2px #f973164d!important;color:#fff!important;outline:none!important}@media (max-width:768px){.auth-card{padding:2rem}.auth-logo{font-size:2rem}.auth-logo .logo-image{height:48px;width:48px}.auth-page{padding:1rem}}.notification-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;min-width:320px;overflow:hidden;position:fixed;right:20px;top:20px;z-index:1000}.notification-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.notification-icon.success{color:var(--success)}.notification-icon.error{color:var(--danger)}.notification-icon.warning{color:var(--warning)}.notification-icon.info{color:var(--info)}.notification-text{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.notification-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.notification-close .icon{height:16px;width:16px}.notification-toast.success{border-left:4px solid var(--success)}.notification-toast.error{border-left:4px solid var(--danger)}.notification-toast.warning{border-left:4px solid var(--warning)}.notification-toast.info{border-left:4px solid var(--info)}@media (max-width:480px){.notification-toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}
/*# sourceMappingURL=main.baf0b172.css.map*/