:root{--bg-primary: #080b12;--bg-secondary: #0d1117;--bg-card: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .07);--glass-hover: rgba(255, 255, 255, .07);--bg-sidebar: rgba(13, 17, 23, .95);--bg-modal: #0f1320;--bg-drawer: #0d1117;--bg-select-option: #141928;--accent: #6C63FF;--accent-teal: #3ECFCF;--gradient: linear-gradient(135deg, #6C63FF 0%, #3ECFCF 100%);--gradient-subtle: linear-gradient(135deg, rgba(108,99,255,.15) 0%, rgba(62,207,207,.15) 100%);--text-primary: #f0f4ff;--text-secondary: #8892a4;--text-muted: #4a5568;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--blue: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-width: 240px;--transition: .2s ease}[data-theme=light]{--bg-primary: #f0f4ff;--bg-secondary: #e8edf8;--bg-card: rgba(255, 255, 255, .75);--glass-border: rgba(108, 99, 255, .12);--glass-hover: rgba(108, 99, 255, .06);--bg-sidebar: rgba(255, 255, 255, .95);--bg-modal: #ffffff;--bg-drawer: #f5f7ff;--bg-select-option: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af}[data-theme=light] .input{background:#0000000d}[data-theme=light] tbody tr:hover{background:#00000005}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .orb-purple{opacity:.12}[data-theme=light] .orb-teal{opacity:.08}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass{background:var(--bg-card);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg)}.gtext{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.spinner{width:36px;height:36px;border:3px solid rgba(108,99,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.6}.orb-purple{width:500px;height:500px;background:#6c63ff1a;top:-150px;left:-100px}.orb-teal{width:400px;height:400px;background:#3ecfcf12;bottom:-100px;right:5%}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 18px #6c63ff47}.btn-primary:hover{box-shadow:0 6px 24px #6c63ff66;transform:translateY(-1px)}.btn-ghost{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-hover);color:var(--text-primary)}.btn-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:var(--red)}.btn-danger:hover{background:#ef444438}.btn-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:var(--green)}.btn-success:hover{background:#22c55e38}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{width:100%;padding:11px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;transition:var(--transition);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff1f}.input::placeholder{color:var(--text-muted)}select.input option{background:var(--bg-select-option)}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.badge-income{background:#22c55e1f;color:var(--green)}.badge-expense{background:#ef44441f;color:var(--red)}.badge-paid{background:#22c55e1f;color:var(--green)}.badge-unpaid{background:#94a3b81a;color:var(--text-secondary)}.badge-overdue{background:#ef44441f;color:var(--red)}.badge-monthly{background:#3b82f61f;color:var(--blue)}.badge-weekly{background:#f59e0b1f;color:var(--yellow)}.badge-yearly{background:#6c63ff1f;color:var(--accent)}.badge-one_time{background:#94a3b81a;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal{background:var(--bg-modal);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:440px;box-shadow:0 24px 60px #00000080;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-header h3{font-size:17px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200}.drawer{position:fixed;top:0;right:0;height:100%;width:400px;background:var(--bg-drawer);border-left:1px solid var(--glass-border);z-index:201;padding:28px;overflow-y:auto;animation:slideInRight .25s ease;box-shadow:-20px 0 60px #0006}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.drawer-header h3{font-size:17px;font-weight:700}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-size:22px;font-weight:800}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state h4{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:13px}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--red);padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.type-toggle{display:flex;gap:0;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px}.type-toggle button{flex:1;padding:8px 12px;border:none;background:none;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);color:var(--text-muted)}.type-toggle button.active-income{background:#22c55e26;color:var(--green)}.type-toggle button.active-expense{background:#ef444426;color:var(--red)}.progress-bar{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--glass-border)}tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:var(--transition)}tbody tr:hover{background:#ffffff05}tbody td{padding:13px 16px;font-size:14px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:20px 12px;position:relative;z-index:10}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 10px 24px}.sidebar-logo-icon{width:36px;height:36px;background:var(--gradient-subtle);border:1px solid rgba(108,99,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:var(--transition);position:relative}.sidebar-link:hover{background:#ffffff0a;color:var(--text-primary)}.sidebar-link.active{background:#6c63ff1f;color:var(--text-primary)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--gradient);border-radius:0 2px 2px 0}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-link-label{white-space:nowrap}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:12px 10px 4px;border-top:1px solid var(--glass-border);margin-top:8px}.sidebar-user{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sidebar-avatar{width:32px;height:32px;border-radius:8px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-email{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-logout{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:var(--transition);flex-shrink:0}.sidebar-logout:hover{background:#ef44441a;color:var(--red)}.sidebar-theme-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:var(--transition);flex-shrink:0}.sidebar-theme-toggle:hover{background:#6c63ff1a;color:var(--accent)}.notif-wrap{position:relative}.notif-bell{width:38px;height:38px;border-radius:10px;background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition)}.notif-bell:hover,.notif-bell.active{background:#6c63ff1f;border-color:#6c63ff4d;color:var(--accent)}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:inherit;border:2px solid var(--bg-primary)}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-height:480px;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;z-index:300;box-shadow:0 20px 60px #0006;animation:slideUp .18s ease}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.notif-panel-title{font-size:14px;font-weight:700}.notif-mark-all{background:none;border:none;font-family:inherit;font-size:12px;color:var(--accent);cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{overflow-y:auto;flex:1}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-muted);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:11px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:var(--transition)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#6c63ff0a}.notif-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.notif-body{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-msg{font-size:12px;color:var(--text-secondary);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:11px;color:var(--text-muted);margin:0}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}.layout{display:flex;height:100%;position:relative;overflow:hidden}.layout-main{flex:1;overflow-y:auto;position:relative;z-index:1;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;justify-content:flex-end;padding:14px 36px;border-bottom:1px solid var(--glass-border);background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;flex-shrink:0}.layout-content{padding:32px 36px;max-width:1300px;flex:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative}.login-card{width:100%;max-width:420px;padding:36px 32px 28px;position:relative;z-index:1;box-shadow:0 32px 80px #0006}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;justify-content:center}.login-brand-icon{width:44px;height:44px;border-radius:12px;background:var(--gradient-subtle);border:1px solid rgba(108,99,255,.25);display:flex;align-items:center;justify-content:center}.login-brand-name{font-size:20px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tabs{display:flex;gap:0;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.login-tab{flex:1;padding:9px;border:none;background:none;border-radius:8px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.login-tab.active{background:var(--gradient);color:#fff;box-shadow:0 2px 10px #6c63ff4d}.login-form{display:flex;flex-direction:column}.login-submit{width:100%;justify-content:center;padding:12px;font-size:14px;margin-top:4px}.login-forgot{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:12.5px;cursor:pointer;text-align:center;margin-top:10px;transition:var(--transition);display:block;width:100%}.login-forgot:hover{color:var(--accent)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.login-google{width:100%;justify-content:center;padding:11px}.login-tagline{text-align:center;color:var(--text-muted);font-size:12px;margin-top:20px;font-style:italic}.info-msg{background:#3ecfcf1a;border:1px solid rgba(62,207,207,.2);color:var(--accent-teal);padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.dashboard{animation:fadeIn .3s ease}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.stat-card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-body{min-width:0}.stat-card-label{font-size:11.5px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:5px}.stat-card-value-row{display:flex;align-items:baseline;gap:7px}.stat-card-value{font-size:22px;font-weight:800}.stat-card-suffix{font-size:12px;color:var(--text-muted)}.stat-card-trend{font-size:14px;font-weight:700}.stat-card-trend.up{color:var(--green)}.stat-card-trend.down{color:var(--red)}.dashboard-charts{display:grid;grid-template-columns:1fr 360px;gap:16px;margin-bottom:24px}.dashboard-chart-main,.dashboard-chart-side{padding:22px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.chart-title{font-size:15px;font-weight:700}.chart-subtitle{font-size:12px;color:var(--text-muted)}.dashboard-recent{padding:22px}.transactions-page{animation:fadeIn .3s ease}.txn-filters{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:16px;flex-wrap:wrap}.txn-search-wrap{flex:1;min-width:200px;position:relative}.txn-search{width:100%;padding:9px 14px 9px 38px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:13.5px;outline:none;transition:var(--transition)}.txn-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff1a}.txn-search::placeholder{color:var(--text-muted)}.txn-type-filter{display:flex;gap:4px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px}.txn-filter-btn{padding:7px 14px;border:none;background:none;border-radius:8px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.txn-filter-btn.active{background:var(--gradient);color:#fff;box-shadow:0 2px 8px #6c63ff40}.txn-table-wrap{padding:8px 0}.txn-date{color:var(--text-muted);font-size:13px;white-space:nowrap}.txn-desc{font-weight:500}.txn-delete{padding:6px 8px}.budgets-page{animation:fadeIn .3s ease}.budgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.budget-card{padding:20px;transition:var(--transition)}.budget-card:hover{transform:translateY(-2px)}.budget-card.over{border-color:#ef444440}.budget-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:8px}.budget-card-name{font-size:15px;font-weight:700;margin-bottom:3px}.budget-card-period{font-size:12px;color:var(--text-muted)}.budget-card-amounts{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.budget-spent{font-size:24px;font-weight:800}.budget-limit{font-size:15px;color:var(--text-muted)}.budget-card-footer{display:flex;justify-content:space-between;margin-top:8px}.pots-page{animation:fadeIn .3s ease}.pots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pot-card{padding:22px;display:flex;flex-direction:column;transition:var(--transition)}.pot-card:hover{transform:translateY(-2px)}.pot-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:8px}.pot-name{font-size:16px;font-weight:700;margin-bottom:3px}.pot-deadline{font-size:12px;color:var(--text-muted)}.pot-ring-wrap{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:14px}.pot-ring-label{position:absolute;display:flex;flex-direction:column;align-items:center}.pot-ring-pct{font-size:20px;font-weight:800}.pot-done-badge{font-size:10px;font-weight:700;color:var(--green);background:#22c55e1f;padding:2px 7px;border-radius:20px;margin-top:2px}.pot-amounts{display:flex;align-items:baseline;gap:6px;justify-content:center;margin-bottom:12px}.pot-current{font-size:20px;font-weight:800}.pot-target{font-size:14px;color:var(--text-muted)}.pot-actions{display:flex;gap:8px}.bills-page{animation:fadeIn .3s ease}.bills-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.bills-stat{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.bills-stat-val{font-size:22px;font-weight:800}.bills-stat-label{font-size:11.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.bills-list{display:flex;flex-direction:column;gap:10px}.bill-card{display:flex;align-items:center;gap:16px;padding:18px 20px;transition:var(--transition)}.bill-card:hover{transform:translate(2px)}.bill-card-overdue{border-color:#ef444433}.bill-card-icon{width:40px;height:40px;background:#6c63ff1a;border:1px solid rgba(108,99,255,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.bill-card-info{flex:1;min-width:0}.bill-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.bill-name{font-size:15px;font-weight:700}.bill-due{font-size:12px;color:var(--text-muted)}.bill-card-amount{font-size:20px;font-weight:800;white-space:nowrap;padding:0 16px}.bill-card-actions{display:flex;gap:8px;flex-shrink:0}.overdue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s ease infinite;margin-right:2px}.categories-page{padding:0}.cat-section{margin-bottom:36px}.cat-section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.cat-section-title{font-size:15px;font-weight:700}.cat-section-sub{font-size:12px;color:var(--text-muted)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.cat-card{padding:16px;display:flex;flex-direction:column;gap:12px;transition:var(--transition)}.cat-card:hover{border-color:#6c63ff40}.cat-card-top{display:flex;align-items:center;gap:12px}.cat-color-dot{width:36px;height:36px;border-radius:10px;flex-shrink:0;opacity:.9}.cat-info{display:flex;flex-direction:column;gap:5px;min-width:0}.cat-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card-actions{display:flex;gap:8px;justify-content:flex-end}.cat-action-btn{padding:6px 10px;font-size:12px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:var(--transition);outline:none}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 0 3px #6c63ff40}.settings-page{max-width:720px}.settings-header{margin-bottom:28px}.settings-title{font-size:24px;font-weight:700;margin:0 0 4px}.settings-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.settings-sections{display:flex;flex-direction:column;gap:20px}.settings-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.settings-card-head{padding:18px 24px 14px;border-bottom:1px solid var(--glass-border)}.settings-card-title{font-size:15px;font-weight:700;margin:0 0 2px}.settings-card-desc{font-size:13px;color:var(--text-secondary);margin:0}.settings-card-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.settings-card-danger-zone .settings-card-head{border-left:3px solid var(--red)}.settings-avatar-row{display:flex;align-items:center;gap:14px}.settings-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#6c63ff,#3ecfcf);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-avatar-name{font-size:15px;font-weight:600;margin:0 0 2px}.settings-avatar-email{font-size:13px;color:var(--text-secondary);margin:0}.settings-fields{display:flex;flex-direction:column;gap:12px}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-input-disabled{opacity:.5;cursor:not-allowed}.settings-save-btn{align-self:flex-start;padding:9px 20px;border-radius:10px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:var(--transition)}.settings-save-btn:hover:not(:disabled){opacity:.88}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-pref-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-pref-text{flex:1}.settings-pref-label{font-size:14px;font-weight:600;margin:0 0 2px}.settings-pref-sub{font-size:13px;color:var(--text-secondary);margin:0}.settings-divider{height:1px;background:var(--glass-border);margin:0 -24px}.settings-theme-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition);flex-shrink:0}.settings-theme-btn:hover{background:#6c63ff1a;border-color:#6c63ff4d;color:var(--accent)}.settings-currency-select{max-width:240px;flex-shrink:0}.settings-outline-btn{padding:8px 16px;border-radius:10px;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition);flex-shrink:0;font-family:inherit}.settings-outline-btn:hover:not(:disabled){background:var(--glass-hover);border-color:var(--text-secondary)}.settings-outline-btn:disabled{opacity:.5;cursor:not-allowed}.settings-danger-btn{padding:8px 16px;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:var(--red);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition);flex-shrink:0;font-family:inherit}.settings-danger-btn:hover:not(:disabled){background:#ef444426;border-color:var(--red)}.settings-danger-btn:disabled{opacity:.45;cursor:not-allowed}.settings-danger-text{color:var(--red)}.settings-inline-msg{font-size:13px;margin:0}.settings-inline-msg.ok{color:#10b981}.settings-inline-msg.err{color:var(--red)}.settings-delete-warning{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 14px}.settings-delete-hint{font-size:13px;color:var(--text-muted);margin:0 0 8px}@media (max-width: 560px){.settings-two-col{grid-template-columns:1fr}.settings-pref-row{flex-direction:column;align-items:flex-start}.settings-currency-select{max-width:100%;width:100%}}