*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #eef3fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-muted: #eef2f7;--text: #0f172a;--text-muted: #64748b;--text-soft: #94a3b8;--border: rgba(148, 163, 184, .24);--border-strong: rgba(37, 99, 235, .26);--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--input-bg: #ffffff;--input-border: rgba(148, 163, 184, .32);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 10px 28px rgba(15, 23, 42, .06);--shadow-md: 0 18px 42px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 70px rgba(15, 23, 42, .14);--transition-fast: .16s ease;--transition-base: .22s ease;--transition-smooth: .32s cubic-bezier(.22, 1, .36, 1)}body.dark{--bg: #020617;--surface: #111827;--surface-soft: #0f172a;--surface-muted: #1f2937;--text: #f8fafc;--text-muted: #94a3b8;--text-soft: #64748b;--border: rgba(148, 163, 184, .18);--border-strong: rgba(59, 130, 246, .3);--primary: #3b82f6;--primary-hover: #2563eb;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--input-bg: #111827;--input-border: rgba(148, 163, 184, .2);--shadow-sm: 0 10px 28px rgba(0, 0, 0, .24);--shadow-md: 0 18px 42px rgba(0, 0, 0, .34);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .48)}html,body,#root{width:100%;min-height:100vh}html{overflow-x:hidden}body{min-height:100svh;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 30%),var(--bg);color:var(--text);transition:background var(--transition-base),color var(--transition-base)}body.dark{background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 32%),var(--bg)}button,input,select,textarea{font:inherit}button{border:none}img,svg,canvas{max-width:100%}a{color:inherit}.layout{display:flex;min-height:100vh}.main-content,.content{flex:1;width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:28px 30px}.sidebar{position:sticky;top:0;z-index:100;width:260px;min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at top left,rgba(37,99,235,.24),transparent 32%),linear-gradient(180deg,#081225,#020617);border-right:1px solid rgba(255,255,255,.06);transition:width var(--transition-smooth),left var(--transition-smooth)}.sidebar.collapsed{width:88px}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.sidebar-logo-image{height:44px;max-width:170px;object-fit:contain;object-position:left center}.collapse-btn{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:#fff;background:#ffffff12;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.collapse-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-link{min-height:46px;padding:12px 14px;border-radius:15px;display:flex;align-items:center;gap:14px;color:#ffffffb8;text-decoration:none;font-size:13.5px;font-weight:700;position:relative;overflow:hidden;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.sidebar-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 14px 28px #2563eb47}.sidebar-link.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:var(--radius-full);background:#fff}.user-card{padding:12px;border-radius:18px;display:flex;align-items:center;gap:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.055)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));font-size:13px;font-weight:800;box-shadow:0 10px 22px #2563eb4d}.user-name{max-width:150px;overflow:hidden;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.user-role{margin-top:2px;color:#ffffff85;font-size:12px;font-weight:600}.sidebar.collapsed .sidebar-logo-image,.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .user-card>div:not(.user-avatar){display:none}.sidebar.collapsed .sidebar-top,.sidebar.collapsed .sidebar-link,.sidebar.collapsed .user-card{justify-content:center}.sidebar.collapsed .sidebar-link{padding:13px}.topbar{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-left{display:flex;flex-direction:column;gap:4px}.topbar-title{color:var(--text);font-size:clamp(26px,2.2vw,32px);font-weight:900;line-height:1.05;letter-spacing:-1px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-menu-wrapper{position:relative}.topbar-avatar,.icon-btn{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;cursor:pointer;transition:transform var(--transition-fast),border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.icon-btn{border:1px solid var(--border);color:var(--text);background:linear-gradient(180deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-sm)}.topbar-avatar{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));font-size:13px;font-weight:900;box-shadow:0 12px 24px #2563eb38}.icon-btn:hover,.topbar-avatar:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.topbar-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:1200;width:260px;padding:18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-lg);animation:dropdownIn .16s ease both}.topbar-dropdown strong{display:block;margin-bottom:6px;color:var(--text);font-size:14px;font-weight:850}.topbar-dropdown p{color:var(--text-muted);font-size:13px;line-height:1.55}.user-dropdown{width:235px}.logout-btn{width:100%;min-height:42px;margin-top:14px;padding:0 12px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--danger);background:#ef44441a;font-size:13px;font-weight:850;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.logout-btn:hover{background:#ef444429;transform:translateY(-1px)}.theme-toggle{position:relative;width:68px;height:38px;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle:disabled{opacity:.65;cursor:not-allowed;transform:none}.theme-toggle.dark{background:#111827}.theme-toggle-icon{position:absolute;top:50%;z-index:1;transform:translateY(-50%);font-size:16px;pointer-events:none}.theme-toggle-sun{left:12px}.theme-toggle-moon{right:12px}.theme-toggle-thumb{position:absolute;top:4px;left:4px;z-index:2;width:28px;height:28px;border-radius:var(--radius-full);background:#fff;box-shadow:0 8px 18px #0f172a38;transition:transform var(--transition-smooth)}.theme-toggle.dark .theme-toggle-thumb{transform:translate(30px);background:#374151}.primary-btn,.secondary-btn,.danger-btn{min-height:44px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13.5px;font-weight:850;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-base),background var(--transition-base),border var(--transition-base)}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 14px 28px #2563eb3d}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover{transform:translateY(-2px)}.primary-btn:hover{box-shadow:0 18px 34px #2563eb47}.secondary-btn{border:1px solid var(--border);color:var(--text);background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.secondary-btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.danger-btn{color:#fff;background:linear-gradient(135deg,#ef4444,var(--danger));box-shadow:0 12px 24px #ef444433}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled,.icon-btn:disabled,.topbar-avatar:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn:focus-visible,.secondary-btn:focus-visible,.danger-btn:focus-visible,.icon-btn:focus-visible,.topbar-avatar:focus-visible,.collapse-btn:focus-visible,.edit-btn:focus-visible,.delete-btn:focus-visible,.transaction-menu-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb29,var(--shadow-sm)}.card,.kpi-card,.goal-card,.transaction-item,.planning-diagnosis-card{min-width:0;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-sm);transition:transform var(--transition-base),border var(--transition-base),box-shadow var(--transition-base)}.card{border-radius:24px;overflow:hidden;animation:cardFadeIn .35s ease both}.card:hover,.kpi-card:hover,.goal-card:hover,.transaction-item:hover,.planning-diagnosis-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-header{padding:22px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-title{color:var(--text);font-size:17px;font-weight:850;letter-spacing:-.35px}.card-subtitle{margin-top:6px;color:var(--text-muted);font-size:13px;line-height:1.55}.card-content{padding:22px}.auth-page{position:relative;min-height:100svh;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(22,163,74,.11),transparent 32%),var(--bg)}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:430px;padding:30px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-lg)}.auth-logo{display:flex;align-items:center;gap:14px;margin-bottom:30px}.auth-logo-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 14px 28px #2563eb47}.auth-logo strong{display:block;color:var(--text);font-size:18px;font-weight:900}.auth-logo span{display:block;margin-top:3px;color:var(--text-muted);font-size:13px}.auth-header{margin-bottom:24px}.auth-header h1{margin-bottom:8px;color:var(--text);font-size:26px;font-weight:900;letter-spacing:-.9px}.auth-header p{color:var(--text-muted);font-size:14px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label,.modal label{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:800}.auth-form input,.modal input,.modal select,.search-input,.filter-select,.period-select,.transactions-search-input,.transactions-filter-select{width:100%;min-height:48px;border:1px solid var(--input-border);border-radius:14px;padding:0 15px;color:var(--text);background:var(--input-bg);outline:none;font-size:14px;font-weight:600;transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.auth-form input:focus,.modal input:focus,.modal select:focus,.search-input:focus,.filter-select:focus,.period-select:focus,.transactions-search-input:focus,.transactions-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.auth-error{padding:12px;border-radius:var(--radius-sm);color:var(--danger);background:#ef44441a;font-size:13px;font-weight:800}.auth-submit{width:100%;margin-top:4px}.auth-switch{width:100%;margin-top:18px;color:var(--primary);background:transparent;font-size:14px;font-weight:850;cursor:pointer}.password-rules{padding:12px;border-radius:15px;display:grid;gap:8px;border:1px solid var(--border);background:#94a3b814}.password-rule{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750}.password-rule.valid{color:var(--success)}.password-rule.invalid{color:var(--danger);opacity:.82}.finance-dashboard-page{--finance-card: #ffffff;--finance-card-soft: #f8fafc;--finance-card-muted: #eef2f7;--finance-text: #0f172a;--finance-muted: #64748b;--finance-border: rgba(148, 163, 184, .24);--finance-grid: rgba(148, 163, 184, .16);--finance-tooltip: rgba(255, 255, 255, .98);display:grid;gap:18px}body.dark .finance-dashboard-page{--finance-card: #111827;--finance-card-soft: #0f172a;--finance-card-muted: #1f2937;--finance-text: #f8fafc;--finance-muted: #94a3b8;--finance-border: rgba(148, 163, 184, .18);--finance-grid: rgba(148, 163, 184, .12);--finance-tooltip: rgba(15, 23, 42, .98)}.finance-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.finance-period-select{width:220px}.finance-date-range{display:flex;align-items:center;gap:10px}.finance-date-range input{min-height:44px;border:1px solid var(--finance-border);border-radius:12px;padding:0 12px;color:var(--finance-text);background:var(--finance-card);outline:none}.finance-date-range span{color:var(--finance-muted);font-size:13px;font-weight:700}.clear-date-filter{min-height:44px;padding:0 14px;border-radius:13px;color:var(--danger);background:#ef44441a;font-size:13px;font-weight:850;cursor:pointer}.finance-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-metric-card{position:relative;min-height:128px;padding:18px;border:1px solid var(--finance-border);border-radius:20px;background:radial-gradient(circle at top right,rgba(99,102,241,.18),transparent 34%),linear-gradient(180deg,var(--finance-card),var(--finance-card-soft));box-shadow:0 16px 34px #0f172a12;overflow:hidden}body.dark .finance-metric-card{box-shadow:0 16px 34px #00000047}.finance-metric-card.income{background:radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 34%),linear-gradient(180deg,var(--finance-card),var(--finance-card-soft))}.finance-metric-card.expense{background:radial-gradient(circle at top right,rgba(239,68,68,.18),transparent 34%),linear-gradient(180deg,var(--finance-card),var(--finance-card-soft))}.finance-metric-card.saving{background:radial-gradient(circle at top right,rgba(99,102,241,.2),transparent 34%),linear-gradient(180deg,var(--finance-card),var(--finance-card-soft))}.finance-metric-top{display:flex;justify-content:space-between;margin-bottom:14px}.finance-metric-top span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#6366f1;background:#6366f11f}.finance-metric-card.income .finance-metric-top span{color:#22c55e;background:#22c55e1f}.finance-metric-card.expense .finance-metric-top span{color:#ef4444;background:#ef44441f}.finance-metric-card p{margin:0 0 10px;color:var(--finance-muted);font-size:13px;font-weight:800}.finance-metric-card strong{display:block;color:var(--finance-text);font-size:26px;font-weight:900;letter-spacing:-.8px}.finance-metric-card small{display:block;margin-top:10px;color:var(--finance-muted);font-size:12px;font-weight:700}.finance-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.85fr);gap:18px}.finance-secondary-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:18px}.finance-panel{min-width:0;border:1px solid var(--finance-border);border-radius:22px;padding:18px;background:linear-gradient(180deg,var(--finance-card),var(--finance-card-soft));box-shadow:0 18px 40px #0f172a12;overflow:hidden}body.dark .finance-panel{box-shadow:0 18px 40px #00000047}.finance-panel-header{margin-bottom:16px}.finance-panel-header h3{margin:0;color:var(--finance-text);font-size:18px;font-weight:900;letter-spacing:-.35px}.finance-panel-header p{max-width:620px;margin-top:5px;color:var(--finance-muted);font-size:12.5px;line-height:1.5}.finance-chart{width:100%;height:300px}.finance-chart-large{height:330px}.finance-category-layout{display:grid;gap:16px}.finance-donut-wrapper{position:relative;width:100%;height:270px}.finance-donut-center{position:absolute;left:50%;top:50%;padding:12px;border-radius:999px;display:grid;gap:3px;text-align:center;transform:translate(-50%,-50%);pointer-events:none;background:color-mix(in srgb,var(--finance-card) 88%,transparent);box-shadow:0 10px 28px #00000014}body.dark .finance-donut-center{background:#0f172ae0;box-shadow:0 10px 28px #0000003d}.finance-donut-center span{color:var(--finance-muted);font-size:11px;font-weight:800}.finance-donut-center strong{color:var(--finance-text);font-size:16px;font-weight:950;letter-spacing:-.3px}.finance-category-list{display:grid;gap:9px}.finance-category-item{min-height:64px;padding:11px 12px;border:1px solid var(--finance-border);border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--finance-card-muted)}body.dark .finance-category-item,body.dark .finance-small-stat,body.dark .finance-transaction-row,body.dark .finance-year-share-card{background:#1f2937b8}.finance-category-info{min-width:0;display:grid;gap:9px}.finance-category-info>div:first-child{min-width:0;display:flex;align-items:center;gap:9px}.finance-category-dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.finance-category-info strong{min-width:0;color:var(--finance-text);font-size:13px;font-weight:850;line-height:1.25}.finance-category-progress,.finance-year-share-progress{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#94a3b833}.finance-category-progress span,.finance-year-share-progress i{display:block;height:100%;border-radius:inherit}.finance-category-item p{margin:0;min-width:96px;display:grid;justify-items:end;gap:2px;color:var(--finance-text);font-size:12px;font-weight:900}.finance-category-item p span{color:var(--finance-muted);font-size:11px;font-weight:800}.finance-year-share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-year-share-card{min-width:0;min-height:116px;padding:16px;border:1px solid var(--finance-border);border-radius:18px;display:grid;align-content:space-between;gap:16px;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 42%),var(--finance-card-muted)}.finance-year-share-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.finance-year-share-top span{min-width:0;color:var(--finance-text);font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-year-share-top strong{flex-shrink:0;color:var(--finance-text);font-size:22px;font-weight:950;letter-spacing:-.5px}.finance-year-share-card p{margin:0 0 8px;color:var(--finance-muted);font-size:12px;font-weight:850}.finance-goal-card,.finance-goal-empty{display:grid;gap:15px}.finance-goal-card>div:first-child,.finance-goal-empty>div{padding:16px;border:1px solid rgba(34,197,94,.32);border-radius:18px;background:#22c55e0f}.finance-goal-card span,.finance-goal-empty span{display:block;margin-bottom:6px;color:var(--finance-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.finance-goal-card strong,.finance-goal-empty strong{display:block;color:var(--finance-text);font-size:18px;font-weight:900}.finance-goal-card p,.finance-goal-empty p{margin:6px 0 0;color:var(--finance-muted);font-size:12.5px;line-height:1.5}.finance-goal-progress-header{display:flex;align-items:center;justify-content:space-between;color:var(--finance-muted);font-size:12px;font-weight:800}.finance-goal-track{height:10px;border-radius:999px;overflow:hidden;background:var(--finance-card-muted)}.finance-goal-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22c55e)}.finance-goal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-small-stat{min-width:0;padding:13px;border:1px solid var(--finance-border);border-radius:15px;background:var(--finance-card-muted)}.finance-small-stat span{display:block;margin-bottom:7px;color:var(--finance-muted);font-size:11px;font-weight:900;text-transform:uppercase}.finance-small-stat strong{display:block;color:var(--finance-text);font-size:16px;font-weight:900}.finance-transaction-list{display:grid;gap:10px}.finance-transaction-row{min-height:54px;padding:12px 14px;border:1px solid var(--finance-border);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--finance-card-soft)}.finance-transaction-row strong{color:var(--finance-text);font-size:13.5px;font-weight:900}.finance-transaction-row p{margin:6px 0 0;display:flex;align-items:center;gap:8px;color:var(--finance-muted);font-size:12px;font-weight:700}.finance-transaction-row p span{padding:3px 8px;border-radius:999px;color:#6366f1;background:#6366f11a;font-size:11px;font-weight:850}.finance-transaction-value{white-space:nowrap}.finance-transaction-value.income{color:#22c55e}.finance-transaction-value.expense{color:#ef4444}.finance-panel-footer{display:flex;justify-content:flex-end;margin-top:16px}.finance-empty-state{min-height:220px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--finance-muted)}.finance-empty-state strong{color:var(--finance-text);font-size:15px;font-weight:900}.finance-empty-state p{max-width:320px;margin:0 auto;font-size:13px;line-height:1.55}.transactions-page,.goals-page{display:grid;gap:22px}.transactions-filters,.goal-form{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(140px,auto));gap:12px;align-items:center}.transactions-wrapper,.goals-grid{display:grid;gap:18px}.transactions,.transactions-senior,.transactions-compact,.transactions-fintech{display:grid;gap:14px}.transaction-item,.transactions-page .transaction-item-senior,.transactions-page .transaction-item-compact,.transactions-page .transaction-item-fintech{min-height:68px;padding:12px 14px;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.transaction-left,.transaction-main-senior,.transaction-compact-main{display:flex;align-items:center;gap:10px;min-width:0}.transaction-title{color:var(--text);font-size:14.5px;font-weight:850;line-height:1.25}.transaction-meta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text-muted);font-size:12px;font-weight:700}.transaction-value{font-size:17px;font-weight:900;letter-spacing:-.35px;white-space:nowrap}.transaction-value.income{color:var(--success)}.transaction-value.expense{color:var(--danger)}.category-badge,.transaction-category-badge-muted,.transaction-category-badge-quiet{padding:4px 9px;border-radius:var(--radius-full);color:var(--primary);background:#2563eb14;font-size:11px;font-weight:800}.edit-btn,.delete-btn,.transaction-menu-btn{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;cursor:pointer}.edit-btn,.transaction-menu-btn{color:var(--primary);background:#2563eb1a}.delete-btn{color:var(--danger);background:#ef44441a}.goals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.goal-card{padding:20px;border-radius:22px}.goal-card-header,.goal-card-actions,.goal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.goal-card h3{color:var(--text);font-size:18px;font-weight:900}.goal-progress{width:100%;height:10px;margin:16px 0;border-radius:var(--radius-full);background:#94a3b82e;overflow:hidden}.goal-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#22c55e)}.empty-state,.chart-empty-state{width:100%;min-height:240px;padding:44px 24px;border-radius:22px;border:1px dashed rgba(37,99,235,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--text-muted);background:radial-gradient(circle at top,rgba(37,99,235,.08),transparent 36%),linear-gradient(180deg,var(--surface),var(--surface-soft))}.empty-state strong,.chart-empty-state strong{color:var(--text);font-size:18px;font-weight:900}.empty-state span,.chart-empty-state span{max-width:520px;color:var(--text-muted);font-size:14px;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:22px;display:flex;align-items:center;justify-content:center;background:#0f172a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .18s ease both}.modal,.confirm-modal,.delete-modal{width:440px;max-width:92vw;padding:24px;border-radius:24px;border:1px solid var(--border);display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-lg);animation:modalIn var(--transition-smooth) both}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.modal h2,.confirm-modal h2,.delete-modal h2{color:var(--text);font-size:22px;font-weight:900}.modal-form{display:grid;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.page-loader{display:grid;gap:22px;animation:cardFadeIn .3s ease both}.page-loader-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-list{display:grid;gap:12px}.skeleton-card{padding:18px;border-radius:18px;border:1px solid var(--border);display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(90deg,#94a3b829,#cbd5e152,#94a3b829);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}.skeleton-icon{width:44px;height:44px;border-radius:14px;flex-shrink:0}.skeleton-stack{flex:1;display:grid;gap:10px}.skeleton-line{width:100%;height:12px}.skeleton-line.short{width:36%}.skeleton-line.medium{width:62%}.toast{position:fixed;right:24px;bottom:24px;z-index:10000;min-width:260px;max-width:360px;padding:14px 16px;border-radius:16px;display:flex;align-items:center;gap:10px;color:#fff;background:linear-gradient(180deg,#0f172af5,#020617f0);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #00000038}.mobile-menu-btn,.mobile-sidebar-overlay{display:none}@media(max-width:1200px){.finance-metric-grid,.page-loader-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-main-grid,.finance-secondary-grid{grid-template-columns:1fr}.finance-year-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transactions-filters,.goal-form{grid-template-columns:1fr 1fr}}@media(max-width:900px){.mobile-menu-btn{position:fixed;top:18px;left:18px;z-index:1100;width:48px;height:48px;border:1px solid var(--border);border-radius:15px;display:grid;place-items:center;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.mobile-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sidebar{position:fixed;left:-320px;top:0;bottom:0;width:270px;z-index:1000}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:270px}.sidebar.collapsed .sidebar-logo-image,.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .user-card>div:not(.user-avatar){display:block}.main-content,.content{padding:104px 20px 24px}.topbar{flex-direction:column;align-items:stretch;gap:16px}.topbar-left{min-height:48px;padding-left:62px;justify-content:center}.topbar-right{width:100%;display:grid;grid-template-columns:1fr 1fr}.topbar-right .primary-btn{grid-column:1 / -1;width:100%}.topbar-avatar{display:none}.finance-filter-bar,.finance-date-range{align-items:stretch;flex-direction:column}.finance-period-select,.finance-date-range input,.finance-date-range button{width:100%}.finance-date-range span{display:none}}@media(max-width:600px){.main-content,.content{padding:88px 16px 22px}.finance-metric-grid,.finance-goal-metrics,.finance-year-share-grid,.transactions-filters,.goal-form,.page-loader-kpis{grid-template-columns:1fr}.finance-chart,.finance-chart-large{height:280px}.finance-panel{padding:16px;border-radius:20px}.finance-category-item,.transaction-item,.finance-transaction-row{grid-template-columns:1fr}.finance-category-item p{min-width:0;justify-items:start}.finance-transaction-row{align-items:flex-start;flex-direction:column}.finance-panel-footer .secondary-btn,.primary-btn,.secondary-btn,.danger-btn{width:100%}.modal-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.modal,.confirm-modal,.delete-modal{width:100%;max-width:100%;padding:20px;border-radius:22px}.modal-actions{display:grid;grid-template-columns:1fr}.auth-page{align-items:flex-start;padding:48px 16px 24px}.auth-card{max-width:100%;padding:24px;border-radius:24px}.toast{left:16px;right:16px;bottom:18px;max-width:none}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeletonPulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.finance-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.finance-panel-actions{flex-shrink:0}.finance-chart-controls{display:inline-flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--finance-border);border-radius:16px;background:color-mix(in srgb,var(--finance-card-muted) 78%,transparent)}.finance-chart-control{display:grid;gap:4px}.finance-chart-control span{padding-left:2px;color:var(--finance-muted);font-size:10px;font-weight:900;line-height:1;letter-spacing:.07em;text-transform:uppercase}.finance-chart-control select{min-width:104px;min-height:34px;border:1px solid transparent;border-radius:12px;padding:0 34px 0 12px;color:var(--finance-text);background:var(--finance-card);font-size:12.5px;font-weight:900;outline:none;cursor:pointer;box-shadow:0 8px 18px #0f172a0d}.finance-chart-control select:focus{border-color:#6366f17a;box-shadow:0 0 0 4px #6366f11f}body.dark .finance-chart-controls{background:#0f172a80}body.dark .finance-chart-control select{background:#1f2937db;box-shadow:none}.finance-chart-large{height:360px}.finance-panel-large{min-height:500px}@media(max-width:980px){.finance-panel-header{flex-direction:column;align-items:stretch}.finance-panel-actions,.finance-chart-controls{width:100%}.finance-chart-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.finance-chart-control select{width:100%;min-width:0}}@media(max-width:600px){.finance-chart-controls{grid-template-columns:1fr}.finance-chart-large{height:300px}.finance-panel-large{min-height:auto}}.finance-metric-card,.finance-panel,.finance-category-item,.finance-year-share-card,.finance-transaction-row,.finance-small-stat,.finance-insight-card,.finance-goal-card>div:first-child,.finance-goal-empty>div{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.finance-metric-card:hover{transform:translateY(-3px);border-color:#6366f15c;box-shadow:0 18px 38px #0f172a1a}body.dark .finance-metric-card:hover{box-shadow:0 20px 42px #00000057}.finance-metric-card:hover .finance-metric-top span{transform:scale(1.06)}.finance-metric-top span{transition:transform .18s ease,background .18s ease}.finance-panel:hover{border-color:#6366f147}.finance-category-item:hover,.finance-year-share-card:hover,.finance-small-stat:hover,.finance-insight-card:hover{transform:translateY(-2px);border-color:#6366f14d}.finance-transaction-row:hover{transform:translate(3px);border-color:#6366f14d;background:linear-gradient(90deg,rgba(99,102,241,.08),transparent 55%),var(--finance-card-soft)}body.dark .finance-transaction-row:hover{background:linear-gradient(90deg,rgba(99,102,241,.1),transparent 55%),#1f2937b8}.finance-category-progress span,.finance-year-share-progress i,.finance-goal-fill{transition:width .32s ease}.finance-panel .secondary-btn,.finance-panel .primary-btn,.finance-metric-card,.finance-category-item,.finance-year-share-card,.finance-transaction-row{will-change:transform}.finance-panel .secondary-btn:hover,.finance-panel .primary-btn:hover{transform:translateY(-1px)}.finance-panel .secondary-btn:active,.finance-panel .primary-btn:active{transform:scale(.98)}.finance-donut-wrapper,.finance-chart{transition:transform .18s ease,opacity .18s ease}.finance-panel:hover .finance-donut-wrapper{transform:scale(1.01)}.finance-panel:hover .recharts-bar-rectangle{filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}.recharts-sector{transition:opacity .18s ease,filter .18s ease}.recharts-sector:hover{opacity:.9;filter:brightness(1.06)}@media(prefers-reduced-motion:reduce){.finance-metric-card,.finance-panel,.finance-category-item,.finance-year-share-card,.finance-transaction-row,.finance-small-stat,.finance-insight-card,.finance-goal-card>div:first-child,.finance-goal-empty>div,.finance-donut-wrapper,.finance-chart,.recharts-sector{transition:none}.finance-metric-card:hover,.finance-category-item:hover,.finance-year-share-card:hover,.finance-small-stat:hover,.finance-insight-card:hover,.finance-transaction-row:hover,.finance-panel:hover .finance-donut-wrapper{transform:none}}.transactions-premium-page{--transactions-card: var(--surface);--transactions-card-soft: var(--surface-soft);--transactions-card-muted: var(--surface-muted);--transactions-text: var(--text);--transactions-muted: var(--text-muted);--transactions-border: var(--border);--transactions-border-strong: var(--border-strong);display:grid;gap:18px}body.dark .transactions-premium-page{--transactions-card: #111827;--transactions-card-soft: #0f172a;--transactions-card-muted: #1f2937;--transactions-border: rgba(148, 163, 184, .18);--transactions-border-strong: rgba(99, 102, 241, .34)}.transactions-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.transactions-eyebrow{display:block;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.transactions-page-header h1{margin:0;color:var(--transactions-text);font-size:clamp(30px,3vw,42px);font-weight:950;line-height:1;letter-spacing:-1.2px}.transactions-page-header p{max-width:640px;margin-top:10px;color:var(--transactions-muted);font-size:14px;line-height:1.6}.transactions-header-action{min-width:178px}.transactions-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.transactions-metric-card{position:relative;min-height:136px;padding:18px;border:1px solid var(--transactions-border);border-radius:22px;overflow:hidden;background:radial-gradient(circle at top right,rgba(99,102,241,.17),transparent 36%),linear-gradient(180deg,var(--transactions-card),var(--transactions-card-soft));box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.transactions-metric-card:hover{transform:translateY(-3px);border-color:var(--transactions-border-strong);box-shadow:var(--shadow-md)}.transactions-metric-card.income{background:radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 36%),linear-gradient(180deg,var(--transactions-card),var(--transactions-card-soft))}.transactions-metric-card.expense{background:radial-gradient(circle at top right,rgba(239,68,68,.18),transparent 36%),linear-gradient(180deg,var(--transactions-card),var(--transactions-card-soft))}.transactions-metric-card span{display:block;margin-top:16px;color:var(--transactions-muted);font-size:12.5px;font-weight:900}.transactions-metric-card strong{display:block;margin-top:8px;color:var(--transactions-text);font-size:26px;font-weight:950;line-height:1;letter-spacing:-.8px}.transactions-metric-card p{margin-top:10px;color:var(--transactions-muted);font-size:12px;font-weight:700;line-height:1.45}.transactions-metric-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#6366f1;background:#6366f11f}.transactions-metric-card.income .transactions-metric-icon{color:#22c55e;background:#22c55e1f}.transactions-metric-card.expense .transactions-metric-icon{color:#ef4444;background:#ef44441f}.transactions-panel{border:1px solid var(--transactions-border);border-radius:24px;padding:20px;background:linear-gradient(180deg,var(--transactions-card),var(--transactions-card-soft));box-shadow:var(--shadow-sm)}.transactions-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.transactions-panel-header h2{margin:0;color:var(--transactions-text);font-size:21px;font-weight:950;letter-spacing:-.5px}.transactions-panel-header p{margin-top:6px;color:var(--transactions-muted);font-size:13px;line-height:1.5}.transactions-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.transactions-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 240px;gap:12px;margin-bottom:16px}.transactions-search-field,.transactions-select-field{min-height:48px;border:1px solid var(--transactions-border);border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--transactions-muted);background:var(--input-bg)}.transactions-search-field:focus-within,.transactions-select-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.transactions-search-field input,.transactions-select-field select{width:100%;min-width:0;border:0;outline:0;color:var(--transactions-text);background:transparent;font-size:14px;font-weight:700}.transactions-select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.transactions-selection-panel{min-height:52px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--transactions-border);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--transactions-card-muted)}.transactions-selection-panel.active{border-color:var(--transactions-border-strong)}.transactions-selection-panel label{display:inline-flex;align-items:center;gap:10px;color:var(--transactions-muted);font-size:13px;font-weight:850;cursor:pointer}.transactions-selection-panel input{accent-color:var(--primary)}.transactions-bulk-panel{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.transactions-bulk-panel span,.transactions-bulk-panel button{min-height:32px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;color:var(--transactions-text);background:#6366f11a;font-size:12px;font-weight:900}.transactions-bulk-panel button{cursor:pointer}.transactions-bulk-panel button.danger{color:#ef4444;background:#ef44441f}.transactions-date-groups{display:grid;gap:16px}.transactions-date-group-card{display:grid;gap:10px}.transactions-date-header{min-height:48px;padding:0 2px 10px;border-bottom:1px solid var(--transactions-border);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.transactions-date-header h3{margin:0;color:var(--transactions-text);font-size:15px;font-weight:950;text-transform:capitalize}.transactions-date-header p{margin-top:4px;color:var(--transactions-muted);font-size:12px;font-weight:750;text-transform:capitalize}.transactions-date-totals{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.transactions-date-totals span,.transactions-date-totals strong{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:950}.transactions-date-totals span{color:#22c55e;background:#22c55e1a}.transactions-date-totals strong{color:#ef4444;background:#ef44441a}.transactions-row-list{display:grid;gap:9px}.transactions-row{min-height:66px;padding:12px;border:1px solid var(--transactions-border);border-radius:17px;display:grid;grid-template-columns:26px 38px minmax(0,1fr) auto auto;align-items:center;gap:12px;background:var(--transactions-card-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}.transactions-row:hover{transform:translate(3px);border-color:var(--transactions-border-strong);background:linear-gradient(90deg,rgba(99,102,241,.08),transparent 58%),var(--transactions-card-soft)}.transactions-row.selected{border-color:#6366f185;background:linear-gradient(90deg,rgba(99,102,241,.12),transparent 58%),var(--transactions-card-soft)}.transactions-row-check{display:grid;place-items:center}.transactions-row-check input{accent-color:var(--primary)}.transactions-row-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center}.transactions-row-icon.income{color:#22c55e;background:#22c55e1a}.transactions-row-icon.expense{color:#ef4444;background:#ef44441a}.transactions-row-main{min-width:0}.transactions-row-main strong{display:block;max-width:100%;color:var(--transactions-text);font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transactions-row-main p{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--transactions-muted);font-size:12px;font-weight:750}.transactions-row-main p span{padding:3px 8px;border-radius:999px;color:#6366f1;background:#6366f11a;font-size:11px;font-weight:900}.transactions-row-value{font-size:14px;font-weight:950;white-space:nowrap}.transactions-row-value.income{color:#22c55e}.transactions-row-value.expense{color:#ef4444}.transactions-row-actions{display:inline-flex;align-items:center;gap:7px}.transactions-row-actions button{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:#6366f11a;cursor:pointer;transition:transform .16s ease,background .16s ease}.transactions-row-actions button:hover{transform:translateY(-1px);background:#6366f129}.transactions-row-actions button.danger{color:#ef4444;background:#ef44441a}.transactions-loading-list{display:grid;gap:10px}.transactions-loading-row{height:66px;border-radius:17px;display:flex;align-items:center;gap:12px;padding:12px;background:var(--transactions-card-soft)}.transactions-loading-row div,.transactions-loading-row span{display:block;border-radius:999px;background:linear-gradient(90deg,#94a3b826,#cbd5e147,#94a3b826);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}.transactions-loading-row div{width:38px;height:38px}.transactions-loading-row span{width:48%;height:14px}@media(max-width:1200px){.transactions-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transactions-toolbar{grid-template-columns:1fr 1fr}.transactions-search-field{grid-column:1 / -1}}@media(max-width:760px){.transactions-page-header,.transactions-panel-header,.transactions-date-header,.transactions-selection-panel{align-items:stretch;flex-direction:column}.transactions-header-action,.transactions-panel-actions,.transactions-panel-actions .secondary-btn{width:100%}.transactions-metric-grid,.transactions-toolbar{grid-template-columns:1fr}.transactions-row{grid-template-columns:26px 38px minmax(0,1fr)}.transactions-row-value,.transactions-row-actions{grid-column:3 / -1;justify-self:start}.transactions-bulk-panel{width:100%}}select:disabled,option:disabled{color:var(--text-soft)}body.dark select:disabled,body.dark option:disabled{color:#64748b}.period-select,.filter-select,.transactions-filter-select,.transactions-select-field select,.finance-period-select,.finance-chart-control select,.modal select{color:var(--text);background-color:var(--input-bg);color-scheme:light}body.dark .period-select,body.dark .filter-select,body.dark .transactions-filter-select,body.dark .transactions-select-field select,body.dark .finance-period-select,body.dark .finance-chart-control select,body.dark .modal select{color:#f8fafc;background-color:#111827;color-scheme:dark}body.dark .transactions-select-field,body.dark .transactions-search-field{color:#94a3b8;background:#111827}body.dark .transactions-search-field input,body.dark .transactions-select-field select{color:#f8fafc}body.dark .transactions-search-field input::placeholder,body.dark .search-input::placeholder,body.dark .transactions-search-input::placeholder{color:#94a3b8;opacity:1}body.dark .transactions-select-field option,body.dark .period-select option,body.dark .filter-select option,body.dark .transactions-filter-select option,body.dark .finance-period-select option,body.dark .finance-chart-control option,body.dark .modal option{color:#f8fafc;background-color:#111827}body.dark .transactions-select-field option:disabled,body.dark .period-select option:disabled,body.dark .filter-select option:disabled,body.dark .transactions-filter-select option:disabled,body.dark .finance-period-select option:disabled,body.dark .finance-chart-control option:disabled,body.dark .modal option:disabled{color:#64748b}body.dark input[type=date]{color:#f8fafc;background-color:#111827;color-scheme:dark}body.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}.goals-premium-page{--goals-card: var(--surface);--goals-card-soft: var(--surface-soft);--goals-card-muted: var(--surface-muted);--goals-text: var(--text);--goals-muted: var(--text-muted);--goals-border: var(--border);--goals-border-strong: var(--border-strong);display:grid;gap:18px}body.dark .goals-premium-page{--goals-card: #111827;--goals-card-soft: #0f172a;--goals-card-muted: #1f2937;--goals-border: rgba(148, 163, 184, .18);--goals-border-strong: rgba(99, 102, 241, .34)}.goals-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.goals-eyebrow{display:block;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.goals-page-header h1{margin:0;color:var(--goals-text);font-size:clamp(30px,3vw,42px);font-weight:950;line-height:1;letter-spacing:-1.2px}.goals-page-header p{max-width:680px;margin-top:10px;color:var(--goals-muted);font-size:14px;line-height:1.6}.goals-header-action{min-width:160px}.goals-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.goals-metric-card{position:relative;min-height:136px;padding:18px;border:1px solid var(--goals-border);border-radius:22px;overflow:hidden;background:radial-gradient(circle at top right,rgba(99,102,241,.17),transparent 36%),linear-gradient(180deg,var(--goals-card),var(--goals-card-soft));box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.goals-metric-card:hover{transform:translateY(-3px);border-color:var(--goals-border-strong);box-shadow:var(--shadow-md)}.goals-metric-card.income{background:radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 36%),linear-gradient(180deg,var(--goals-card),var(--goals-card-soft))}.goals-metric-card.remaining{background:radial-gradient(circle at top right,rgba(239,68,68,.16),transparent 36%),linear-gradient(180deg,var(--goals-card),var(--goals-card-soft))}.goals-metric-card.progress{background:radial-gradient(circle at top right,rgba(245,158,11,.18),transparent 36%),linear-gradient(180deg,var(--goals-card),var(--goals-card-soft))}.goals-metric-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#6366f1;background:#6366f11f}.goals-metric-card.income .goals-metric-icon{color:#22c55e;background:#22c55e1f}.goals-metric-card.remaining .goals-metric-icon{color:#ef4444;background:#ef44441f}.goals-metric-card.progress .goals-metric-icon{color:#f59e0b;background:#f59e0b1f}.goals-metric-card>span{display:block;margin-top:16px;color:var(--goals-muted);font-size:12.5px;font-weight:900}.goals-metric-card strong{display:block;margin-top:8px;color:var(--goals-text);font-size:26px;font-weight:950;line-height:1;letter-spacing:-.8px}.goals-metric-card p{margin-top:10px;color:var(--goals-muted);font-size:12px;font-weight:700;line-height:1.45}.goals-create-panel,.goals-list-panel{border:1px solid var(--goals-border);border-radius:24px;padding:20px;background:linear-gradient(180deg,var(--goals-card),var(--goals-card-soft));box-shadow:var(--shadow-sm)}.goals-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.goals-panel-header h2{margin:0;color:var(--goals-text);font-size:21px;font-weight:950;letter-spacing:-.5px}.goals-panel-header p{margin-top:6px;color:var(--goals-muted);font-size:13px;line-height:1.5}.goals-form-grid{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,1fr));gap:12px;align-items:center}.goals-form-wide{grid-column:span 2}.goals-input,.goals-modal-form input,.goals-modal-form select{width:100%;min-height:48px;border:1px solid var(--goals-border);border-radius:15px;padding:0 14px;color:var(--goals-text);background:var(--input-bg);outline:none;font-size:14px;font-weight:750;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.goals-input:focus,.goals-modal-form input:focus,.goals-modal-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.goals-input::placeholder,.goals-modal-form input::placeholder{color:var(--goals-muted)}.goals-input option,.goals-modal-form select option{color:#0f172a;background:#fff}body.dark .goals-input option,body.dark .goals-modal-form select option{color:#f8fafc;background:#111827}.goals-checkbox-card{min-height:48px;padding:0 14px;border:1px solid var(--goals-border);border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--goals-text);background:var(--goals-card-muted);font-size:13.5px;font-weight:900;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.goals-checkbox-card:hover{transform:translateY(-1px);border-color:var(--goals-border-strong)}.goals-checkbox-card input{accent-color:var(--primary)}.goals-card-grid{display:grid;gap:16px}.goals-card{min-width:0;border:1px solid var(--goals-border);border-radius:22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);overflow:hidden;background:linear-gradient(180deg,var(--goals-card),var(--goals-card-soft));box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.goals-card:hover{transform:translateY(-2px);border-color:var(--goals-border-strong);box-shadow:var(--shadow-md)}.goals-card-main{min-width:0;padding:20px}.goals-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.goals-card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.goals-priority,.goals-primary-badge,.goals-completed-badge{min-height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:950}.goals-priority.high{color:#ef4444;background:#ef44441f}.goals-priority.medium{color:#f59e0b;background:#f59e0b1f}.goals-priority.low{color:#22c55e;background:#22c55e1f}.goals-primary-badge{color:#6366f1;background:#6366f11f}.goals-completed-badge{color:#22c55e;background:#22c55e1f}.goals-card h3{margin:0;color:var(--goals-text);font-size:21px;font-weight:950;line-height:1.15;letter-spacing:-.5px}.goals-card-actions,.goals-history-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.goals-card-actions button,.goals-history-actions button{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--primary);background:#6366f11a;cursor:pointer;transition:transform .16s ease,background .16s ease}.goals-history-actions button{width:34px;height:34px}.goals-card-actions button:hover,.goals-history-actions button:hover{transform:translateY(-1px);background:#6366f129}.goals-card-actions button.danger,.goals-history-actions button.danger{color:#ef4444;background:#ef44441a}.goals-progress-block{display:grid;gap:10px;margin-bottom:16px}.goals-progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--goals-muted);font-size:12px;font-weight:900;text-transform:uppercase}.goals-progress-header strong{color:var(--goals-text);font-size:13px;font-weight:950}.goals-progress-track{width:100%;height:11px;border-radius:999px;overflow:hidden;background:#94a3b82e}.goals-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22c55e);transition:width .32s ease}.goals-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.goals-small-stat{min-width:0;padding:13px;border:1px solid var(--goals-border);border-radius:15px;background:var(--goals-card-muted)}.goals-small-stat span{display:block;margin-bottom:7px;color:var(--goals-muted);font-size:11px;font-weight:950;text-transform:uppercase}.goals-small-stat strong{display:block;color:var(--goals-text);font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goals-card-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.goals-history-panel{min-width:0;padding:20px;border-left:1px solid var(--goals-border);background:radial-gradient(circle at top right,rgba(99,102,241,.09),transparent 42%),var(--goals-card-muted)}body.dark .goals-history-panel{background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 42%),#1f293785}.goals-history-header{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.goals-history-header strong{color:var(--goals-text);font-size:14px;font-weight:950}.goals-history-header span{min-height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:var(--primary);background:#6366f11a;font-size:11px;font-weight:950}.goals-history-empty{margin:0;color:var(--goals-muted);font-size:13px;line-height:1.6}.goals-history-list{display:grid;gap:10px}.goals-history-row{min-height:68px;padding:12px;border:1px solid var(--goals-border);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--goals-card-soft)}body.dark .goals-history-row,body.dark .goals-small-stat{background:#0f172a7a}.goals-history-row strong{color:#22c55e;font-size:14px;font-weight:950}.goals-history-row span,.goals-history-row small{display:block;margin-top:4px;color:var(--goals-muted);font-size:12px;font-weight:750}.goals-modal{width:460px}.goals-modal-form{display:grid;gap:12px}.goals-loading-grid{display:grid;gap:14px}.goals-loading-card{min-height:150px;padding:18px;border:1px solid var(--goals-border);border-radius:20px;display:grid;gap:12px;background:var(--goals-card-soft)}.goals-loading-card div,.goals-loading-card span{border-radius:999px;background:linear-gradient(90deg,#94a3b826,#cbd5e147,#94a3b826);background-size:220% 100%;animation:skeletonPulse 1.35s ease-in-out infinite}.goals-loading-card div{width:44px;height:44px;border-radius:15px}.goals-loading-card span{width:70%;height:14px}.goals-loading-card span.short{width:42%}@media(max-width:1200px){.goals-metric-grid,.goals-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goals-form-wide{grid-column:1 / -1}.goals-card{grid-template-columns:1fr}.goals-history-panel{border-left:0;border-top:1px solid var(--goals-border)}.goals-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.goals-page-header,.goals-panel-header,.goals-card-top,.goals-card-footer,.goals-history-header,.goals-history-row{align-items:stretch;flex-direction:column}.goals-header-action{width:100%}.goals-metric-grid,.goals-form-grid,.goals-stat-grid{grid-template-columns:1fr}.goals-create-panel,.goals-list-panel,.goals-card-main,.goals-history-panel{padding:16px}.goals-card{border-radius:20px}.goals-card-actions,.goals-history-actions{justify-content:flex-end}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:900px){html,body,#root{min-width:0}body{background:radial-gradient(circle at top left,rgba(37,99,235,.11),transparent 34%),radial-gradient(circle at bottom right,rgba(34,197,94,.08),transparent 36%),var(--bg)}.main-content,.content{width:100%;max-width:none;padding:18px 14px 28px}.mobile-menu-btn{top:max(14px,env(safe-area-inset-top));left:14px;width:44px;height:44px;border-radius:14px;z-index:1300}.topbar{margin-bottom:16px;display:grid;grid-template-columns:1fr;gap:12px}.topbar-left{min-height:44px;padding-left:56px;justify-content:center}.topbar-title{font-size:22px;line-height:1.1;letter-spacing:-.55px}.topbar-right{width:100%;display:grid;grid-template-columns:66px 46px minmax(0,1fr);gap:8px;align-items:center}.topbar-right .theme-toggle,.topbar-right .icon-btn,.topbar-right .primary-btn{height:44px;min-height:44px}.topbar-right .theme-toggle{width:66px}.topbar-right .icon-btn{width:46px}.topbar-right .primary-btn{grid-column:auto;width:100%;padding:0 12px;border-radius:14px;font-size:13px}.topbar-avatar{display:none}.sidebar{width:min(78vw,286px);left:calc(-1*min(78vw,286px) - 24px);padding:max(24px,env(safe-area-inset-top)) 16px 20px}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:min(78vw,286px)}.sidebar-logo-image{height:42px;max-width:156px}.sidebar-link{min-height:48px;font-size:14px}.user-card{margin-bottom:max(0px,env(safe-area-inset-bottom))}.mobile-sidebar-overlay{z-index:1200}}@media(max-width:600px){.main-content,.content{padding:16px 12px 24px}.topbar{margin-bottom:14px}.topbar-title{font-size:21px}.topbar-right{grid-template-columns:64px 44px minmax(0,1fr)}.primary-btn,.secondary-btn,.danger-btn{min-height:44px;border-radius:14px}.auth-page{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));align-items:center}.auth-card{width:100%;max-width:390px;padding:24px;border-radius:24px}.auth-logo{gap:12px;margin-bottom:24px}.auth-logo-icon{width:46px;height:46px;border-radius:15px}.auth-logo strong{font-size:17px}.auth-logo span{font-size:12.5px}.auth-header{margin-bottom:20px}.auth-header h1{font-size:25px;letter-spacing:-.7px}.auth-header p{font-size:13.5px}.auth-form{gap:14px}.auth-form input,.modal input,.modal select,.search-input,.filter-select,.period-select,.transactions-search-input,.transactions-filter-select{min-height:46px;border-radius:14px;font-size:14px}}@media(max-width:760px){.finance-dashboard-page{gap:14px}.finance-filter-bar{display:grid;grid-template-columns:1fr;gap:10px}.finance-period-select{width:100%}.finance-date-range{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-date-range input{min-height:42px;width:100%}.finance-date-range span{display:none}.finance-date-range .clear-date-filter{grid-column:1 / -1}.finance-metric-grid,.transactions-metric-grid,.goals-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-metric-card,.transactions-metric-card,.goals-metric-card{min-height:116px;padding:14px;border-radius:18px}.finance-metric-top,.transactions-metric-icon,.goals-metric-icon{margin-bottom:10px}.finance-metric-card p,.transactions-metric-card span,.goals-metric-card>span{font-size:11.5px;margin-bottom:7px}.finance-metric-card strong,.transactions-metric-card strong,.goals-metric-card strong{font-size:clamp(20px,6vw,24px);letter-spacing:-.65px}.finance-metric-card small,.transactions-metric-card p,.goals-metric-card p{font-size:11px;line-height:1.35}.finance-main-grid,.finance-secondary-grid{grid-template-columns:1fr;gap:14px}.finance-panel{padding:16px;border-radius:20px}.finance-panel-header{gap:12px;margin-bottom:14px}.finance-panel-header h3{font-size:17px}.finance-panel-header p{font-size:12px}.finance-chart-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.finance-chart,.finance-chart-large{height:270px}.finance-panel-large{min-height:auto}.finance-donut-wrapper{height:230px}.finance-category-item,.finance-transaction-row{grid-template-columns:1fr}.finance-category-item p{min-width:0;justify-items:start}.finance-year-share-grid{grid-template-columns:1fr}.finance-year-share-card{min-height:98px;padding:14px;gap:12px}.finance-year-share-top strong{font-size:20px}.finance-panel-footer .secondary-btn{width:100%}}@media(max-width:360px){.finance-metric-grid,.transactions-metric-grid,.goals-metric-grid{grid-template-columns:1fr}}@media(max-width:760px){.transactions-premium-page{gap:14px}.transactions-page-header,.transactions-panel-header{align-items:stretch;flex-direction:column;gap:14px}.transactions-page-header h1{font-size:28px}.transactions-page-header p{font-size:13px}.transactions-header-action{width:100%}.transactions-panel{padding:16px;border-radius:20px}.transactions-panel-actions,.transactions-panel-actions .secondary-btn{width:100%}.transactions-toolbar{grid-template-columns:1fr;gap:10px}.transactions-search-field,.transactions-select-field{min-height:46px;border-radius:14px}.transactions-selection-panel{align-items:stretch;border-radius:16px}.transactions-bulk-panel{width:100%;display:grid;grid-template-columns:1fr}.transactions-date-header{align-items:flex-start;flex-direction:column}.transactions-date-totals{width:100%}.transactions-row{min-height:auto;padding:12px;grid-template-columns:26px 38px minmax(0,1fr);align-items:flex-start}.transactions-row-value,.transactions-row-actions{grid-column:3 / -1;justify-self:start}.transactions-row-actions{margin-top:2px}}@media(max-width:760px){.goals-premium-page{gap:14px}.goals-page-header{align-items:stretch;flex-direction:column;gap:14px}.goals-page-header h1{font-size:28px}.goals-page-header p{font-size:13px}.goals-header-action{width:100%}.goals-create-panel,.goals-list-panel,.goals-card{padding:16px;border-radius:20px}.goals-panel-header{align-items:stretch;flex-direction:column}.goals-form-grid{grid-template-columns:1fr;gap:10px}.goals-form-wide{grid-column:auto}.goals-input,.goals-checkbox-card{min-height:46px;border-radius:14px}.goals-card-grid{grid-template-columns:1fr}.goals-card-top,.goals-card-footer,.goals-card-actions{align-items:flex-start;flex-direction:column}.goals-card-actions,.goals-card-actions button,.goals-card-footer .secondary-btn,.goals-card-footer .primary-btn{width:100%}.goals-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.goals-history-row{align-items:stretch;flex-direction:column}.goals-history-actions{width:100%}.goals-history-actions button{flex:1}}@media(max-width:380px){.goals-stat-grid{grid-template-columns:1fr}}select,option{color:var(--text);background-color:var(--input-bg)}body.dark select,body.dark option{color:#f8fafc;background-color:#111827}body.dark option:disabled{color:#94a3b88c}::placeholder{color:color-mix(in srgb,var(--text-muted) 72%,transparent)}@media(max-width:900px){.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:block;background:#0206178c;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{position:fixed;top:0;left:-310px;bottom:0;z-index:1300;width:280px;min-height:100dvh;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate(0);transition:left .22s ease}.sidebar.mobile-open{left:0;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar.mobile-open *{filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-menu-btn{z-index:1400}.sidebar.mobile-open .sidebar-link,.sidebar.mobile-open .user-card,.sidebar.mobile-open .collapse-btn{pointer-events:auto}}.finance-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr);align-items:start}.finance-panel-large{min-height:auto;padding:22px}.finance-panel-large .finance-panel-header{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--finance-border)}.finance-panel-large .finance-panel-header>div:first-child{min-width:260px}.finance-panel-large .finance-panel-header h3{font-size:19px;letter-spacing:-.45px}.finance-panel-large .finance-panel-header p{max-width:520px;font-size:13px}.finance-chart-controls{gap:8px;padding:5px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--finance-card) 86%,transparent),color-mix(in srgb,var(--finance-card-muted) 82%,transparent));box-shadow:inset 0 1px #ffffff0d}.finance-chart-control{position:relative;min-width:116px}.finance-chart-control span{padding-left:10px;color:var(--finance-muted);font-size:9px;letter-spacing:.08em}.finance-chart-control select{min-width:116px;min-height:38px;border-radius:13px;background:linear-gradient(180deg,var(--finance-card),var(--finance-card-soft));box-shadow:none}.finance-chart-summary{margin-bottom:16px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:12px}.finance-chart-summary-main,.finance-chart-summary-list>div{min-width:0;border:1px solid var(--finance-border);border-radius:18px;background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 38%),color-mix(in srgb,var(--finance-card-muted) 72%,transparent)}.finance-chart-summary-main{padding:16px}.finance-chart-summary-main span,.finance-chart-summary-list p{color:var(--finance-muted);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.finance-chart-summary-main strong{display:block;margin-top:8px;color:var(--finance-text);font-size:clamp(24px,2.3vw,32px);font-weight:950;letter-spacing:-.9px}.finance-chart-summary-main p{margin:8px 0 0;color:var(--finance-muted);font-size:12px;line-height:1.45;font-weight:700}.finance-chart-summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finance-chart-summary-list>div{min-height:92px;padding:13px;display:grid;align-content:space-between;gap:6px}.finance-chart-summary-list strong{color:var(--finance-text);font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-chart-dot{width:9px;height:9px;border-radius:999px;display:block}.finance-chart-dot.income{background:#22c55e}.finance-chart-dot.expense{background:#ef4444}.finance-chart-dot.neutral{background:#6366f1}.finance-chart-large{height:clamp(360px,36vw,460px)}.finance-panel-large .recharts-wrapper,.finance-panel-large .recharts-surface{overflow:visible}.sidebar-user-wrapper{position:relative}.user-card{width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.user-card:hover,.user-card.open{border-color:#3b82f647;background:#ffffff16}.user-card:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb3d}.sidebar-user-menu{position:absolute;left:0;right:0;bottom:calc(100% + 12px);z-index:1500;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#0f172afa,#020617fa);box-shadow:0 24px 50px #00000059;animation:dropdownIn .16s ease both}.sidebar-user-menu-header{padding:10px;border-radius:15px;display:flex;align-items:center;gap:10px;background:#ffffff0b}.sidebar-user-menu-header strong,.sidebar-user-menu-header span{display:block;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-user-menu-header strong{color:#fff;font-size:13px;font-weight:900}.sidebar-user-menu-header span{margin-top:3px;color:#ffffff8c;font-size:11.5px;font-weight:700}.sidebar-user-menu-item{width:100%;min-height:42px;margin-top:8px;padding:0 11px;border-radius:14px;display:inline-flex;align-items:center;gap:9px;color:#ffffffd1;background:transparent;font-size:13px;font-weight:850;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-user-menu-item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar-user-menu-item.danger{color:#f87171}.sidebar-user-menu-item.danger:hover{background:#ef44441f}.sidebar.collapsed .sidebar-user-menu{left:calc(100% + 12px);right:auto;bottom:0;width:240px}@media(max-width:1200px){.finance-main-grid{grid-template-columns:1fr}}@media(max-width:760px){.finance-panel-large{padding:16px}.finance-panel-large .finance-panel-header{align-items:stretch;padding-bottom:14px}.finance-panel-large .finance-panel-header>div:first-child{min-width:0}.finance-chart-summary{grid-template-columns:1fr;gap:10px}.finance-chart-summary-list{grid-template-columns:1fr}.finance-chart-summary-list>div{min-height:76px}.finance-chart-large{height:320px}.sidebar-user-menu,.sidebar.collapsed .sidebar-user-menu{left:0;right:0;bottom:calc(100% + 10px);width:auto}}.finance-dashboard-studio{gap:16px}.finance-dashboard-studio .finance-panel{border-radius:22px;padding:18px;background:radial-gradient(circle at top right,rgba(99,102,241,.08),transparent 38%),linear-gradient(180deg,var(--finance-card),var(--finance-card-soft))}body.dark .finance-dashboard-studio .finance-panel{background:radial-gradient(circle at top right,rgba(99,102,241,.11),transparent 40%),linear-gradient(180deg,#111827fa,#0f172afa)}.finance-studio-control-strip{min-height:62px;padding:12px 14px;border:1px solid var(--finance-border);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,var(--finance-card),var(--finance-card-soft));box-shadow:var(--shadow-sm)}.finance-studio-control-strip>div:first-child{display:grid;gap:4px}.finance-studio-control-strip span{color:var(--finance-muted);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.finance-studio-control-strip strong{color:var(--finance-text);font-size:15px;font-weight:950}.finance-studio-filter-group{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.finance-studio-filter-group .finance-period-select{width:190px;min-height:42px;border-radius:14px}.finance-studio-date-range{display:flex;align-items:center;gap:8px}.finance-studio-date-range input,.finance-studio-date-range .clear-date-filter{min-height:42px;border-radius:14px}.finance-studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.finance-studio-main-column,.finance-studio-side-column{min-width:0;display:grid;gap:16px}.finance-studio-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-studio-kpi{position:relative;min-height:118px;padding:16px;border:1px solid var(--finance-border);border-radius:20px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(110px,.75fr);gap:10px;overflow:hidden;background:radial-gradient(circle at 88% 36%,rgba(99,102,241,.28),transparent 34%),linear-gradient(180deg,#fffffffa,#f8fafcf5);box-shadow:var(--shadow-sm);color:#6366f1}body.dark .finance-studio-kpi{background:radial-gradient(circle at 88% 36%,rgba(99,102,241,.28),transparent 34%),linear-gradient(180deg,#1f2937e6,#0f172af0)}.finance-studio-kpi.expense{color:#ef4444;background:radial-gradient(circle at 88% 36%,rgba(239,68,68,.25),transparent 34%),linear-gradient(180deg,#fffffffa,#f8fafcf5)}.finance-studio-kpi-content{min-width:0;display:grid;align-content:start;gap:8px;z-index:1}.finance-studio-kpi-content span{display:inline-flex;align-items:center;gap:7px;color:var(--finance-muted);font-size:12px;font-weight:850}.finance-studio-kpi-content strong{color:var(--finance-text);font-size:clamp(22px,2.2vw,30px);font-weight:950;letter-spacing:-.95px}.finance-studio-kpi-content p{max-width:250px;margin:0;color:var(--finance-muted);font-size:11.5px;line-height:1.45;font-weight:700}.finance-studio-sparkline{min-width:0;height:82px;align-self:end;color:currentColor;opacity:.95}.finance-studio-analysis-panel{min-height:332px}.finance-dashboard-studio .finance-panel-header{margin-bottom:14px}.finance-dashboard-studio .finance-panel-header h3{font-size:18px;letter-spacing:-.45px}.finance-dashboard-studio .finance-panel-header p{font-size:12.5px}.finance-studio-chart-controls{padding:5px;border-radius:15px;background:color-mix(in srgb,var(--finance-card-muted) 70%,transparent)}.finance-studio-chart-controls .finance-chart-control select{min-height:32px;min-width:94px;border-radius:11px;font-size:12px}.finance-studio-chart-controls .finance-chart-control span{font-size:9.5px}.finance-studio-analysis-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.finance-studio-pill{min-width:0;min-height:54px;padding:10px 11px;border:1px solid var(--finance-border);border-radius:15px;display:flex;align-items:center;gap:9px;background:#94a3b814}.finance-studio-pill>span{width:10px;height:10px;border-radius:999px;flex-shrink:0;background:#6366f1}.finance-studio-pill.income>span{background:#6366f1}.finance-studio-pill.saving>span{background:#facc15}.finance-studio-pill.balance>span{background:#22c55e}.finance-studio-pill p{margin:0 0 4px;color:var(--finance-muted);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.finance-studio-pill strong{display:block;color:var(--finance-text);font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-studio-bar-chart{height:218px}.finance-compact-panel{min-height:0}.finance-category-donut-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:center}.finance-premium-donut{height:238px}.finance-premium-donut-center{width:104px;height:104px;align-content:center}.finance-premium-donut-center strong{font-size:17px}.finance-mini-category-list{display:grid;gap:9px}.finance-mini-category-item{min-width:0;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--finance-text)}.finance-mini-category-item span{width:9px;height:9px;border-radius:999px}.finance-mini-category-item strong{min-width:0;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-mini-category-item small{color:var(--finance-muted);font-size:11px;font-weight:900}.finance-radial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-radial-card{min-width:0;display:grid;justify-items:center;gap:7px}.finance-radial-chart{position:relative;width:76px;height:76px}.finance-radial-chart strong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--finance-text);font-size:13px;font-weight:950}.finance-radial-card span{max-width:86px;color:var(--finance-muted);font-size:10.5px;line-height:1.25;text-align:center;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-flow-chart{height:190px}.finance-expense-detail-panel{min-height:244px}.finance-expense-detail-list{display:grid;gap:12px}.finance-expense-detail-row{display:grid;grid-template-columns:minmax(86px,.55fr) minmax(120px,1fr) auto;align-items:center;gap:12px}.finance-expense-detail-row>span{min-width:0;color:var(--finance-muted);font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-expense-detail-track{height:10px;border-radius:999px;overflow:hidden;background:#94a3b82e}.finance-expense-detail-track i{display:block;height:100%;min-width:5px;border-radius:inherit}.finance-expense-detail-row strong{color:var(--finance-text);font-size:12px;font-weight:900;white-space:nowrap}.finance-studio-bottom-grid{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:16px}.finance-goal-panel,.finance-latest-panel{min-width:0}.finance-dashboard-studio .finance-empty-state{min-height:168px;padding:28px 18px;border-radius:18px}.finance-dashboard-studio .recharts-bar-rectangle,.finance-dashboard-studio .recharts-line-curve,.finance-dashboard-studio .recharts-area-area,.finance-dashboard-studio .recharts-sector{filter:drop-shadow(0 10px 16px rgba(0,0,0,.12))}@media(max-width:1280px){.finance-studio-grid,.finance-studio-bottom-grid{grid-template-columns:1fr}.finance-category-donut-grid{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:900px){.finance-studio-control-strip{align-items:stretch;flex-direction:column}.finance-studio-filter-group{justify-content:stretch}.finance-studio-filter-group .finance-period-select,.finance-studio-date-range,.finance-studio-date-range input,.finance-studio-date-range .clear-date-filter{width:100%}.finance-studio-kpis,.finance-studio-analysis-summary,.finance-category-donut-grid{grid-template-columns:1fr}.finance-premium-donut{height:220px}.finance-mini-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.finance-dashboard-studio .finance-panel{padding:15px;border-radius:19px}.finance-studio-control-strip{border-radius:18px}.finance-studio-date-range{display:grid;grid-template-columns:1fr 1fr}.finance-studio-date-range span{display:none}.finance-studio-date-range .clear-date-filter{grid-column:1 / -1}.finance-studio-kpi{min-height:108px;grid-template-columns:1fr 104px;padding:14px}.finance-studio-sparkline{height:72px}.finance-dashboard-studio .finance-panel-header{align-items:stretch;flex-direction:column}.finance-studio-chart-controls{width:100%;grid-template-columns:1fr 1fr}.finance-studio-bar-chart{height:210px}.finance-radial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-expense-detail-row{grid-template-columns:1fr;gap:7px}.finance-expense-detail-row strong{justify-self:start}}@media(max-width:520px){.finance-studio-kpi{grid-template-columns:1fr}.finance-studio-sparkline{height:58px}.finance-studio-analysis-summary,.finance-mini-category-list,.finance-radial-grid{grid-template-columns:1fr}.finance-radial-card{grid-template-columns:76px minmax(0,1fr);justify-items:start;align-items:center}.finance-radial-card span{max-width:none;text-align:left}}.finance-dashboard-studio{gap:14px}.finance-dashboard-studio .finance-panel,.finance-studio-control-strip,.finance-studio-kpi{position:relative;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.finance-dashboard-studio .finance-panel:before,.finance-studio-kpi:before,.finance-studio-control-strip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;background:radial-gradient(circle at 18% 0%,rgba(99,102,241,.14),transparent 34%),radial-gradient(circle at 100% 20%,rgba(59,130,246,.1),transparent 34%);transition:opacity .18s ease;pointer-events:none}.finance-dashboard-studio .finance-panel:hover,.finance-studio-kpi:hover,.finance-studio-control-strip:hover{transform:translateY(-2px);border-color:#6366f15c;box-shadow:0 18px 42px #0f172a1a}body.dark .finance-dashboard-studio .finance-panel:hover,body.dark .finance-studio-kpi:hover,body.dark .finance-studio-control-strip:hover{box-shadow:0 22px 48px #00000061}.finance-dashboard-studio .finance-panel:hover:before,.finance-studio-kpi:hover:before,.finance-studio-control-strip:hover:before{opacity:1}.finance-studio-grid{grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:14px}.finance-studio-main-column,.finance-studio-side-column{gap:14px}.finance-studio-bottom-grid{grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr);gap:14px;align-items:stretch}.finance-dashboard-studio .finance-panel{padding:16px;border-radius:20px}.finance-studio-control-strip{min-height:56px;padding:10px 12px;border-radius:18px}.finance-studio-control-strip strong{font-size:14px}.finance-studio-filter-group .finance-period-select,.finance-studio-date-range input,.finance-studio-date-range .clear-date-filter{min-height:38px;border-radius:13px}.finance-studio-filter-group .finance-period-select{width:178px}.finance-studio-kpis{gap:14px}.finance-studio-kpi{min-height:104px;padding:14px;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(92px,.62fr)}.finance-studio-kpi-content{gap:6px}.finance-studio-kpi-content strong{font-size:clamp(21px,2vw,28px)}.finance-studio-kpi-content p{font-size:11px}.finance-studio-sparkline{height:70px}.finance-studio-kpi.expense{color:#ef4444;background:radial-gradient(circle at 88% 36%,rgba(239,68,68,.24),transparent 34%),linear-gradient(180deg,#fffffffa,#f8fafcf5)}body.dark .finance-studio-kpi.expense{background:radial-gradient(circle at 88% 36%,rgba(239,68,68,.25),transparent 34%),linear-gradient(180deg,#1f2937e6,#0f172af0)}.finance-studio-pill.expense>span{background:#ef4444}.finance-studio-analysis-panel{min-height:300px}.finance-dashboard-studio .finance-panel-header{margin-bottom:12px}.finance-dashboard-studio .finance-panel-header h3{font-size:17px}.finance-dashboard-studio .finance-panel-header p{font-size:12px;line-height:1.45}.finance-studio-analysis-summary{gap:8px;margin-bottom:10px}.finance-studio-pill{min-height:48px;padding:9px 10px;border-radius:13px;background:linear-gradient(180deg,#94a3b81a,#94a3b80d)}.finance-studio-pill strong{font-size:12.5px}.finance-studio-bar-chart{height:198px}.finance-category-donut-grid{grid-template-columns:210px minmax(0,1fr);gap:12px}.finance-premium-donut{height:212px}.finance-premium-donut-center{width:96px;height:96px}.finance-mini-category-list{gap:8px}.finance-radial-panel,.finance-flow-panel,.finance-expense-detail-panel{min-height:0}.finance-radial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finance-radial-chart{width:66px;height:66px}.finance-radial-card{padding:6px 4px;border-radius:14px;transition:transform .18s ease,background .18s ease}.finance-radial-card:hover{transform:translateY(-2px) scale(1.02);background:#6366f10f}.finance-flow-chart{height:156px}.finance-expense-detail-panel{min-height:214px}.finance-expense-detail-list{gap:10px}.finance-expense-detail-row{transition:transform .16s ease}.finance-expense-detail-row:hover{transform:translate(3px)}.finance-expense-detail-track i,.finance-category-progress span,.finance-year-share-progress i,.finance-goal-fill{transition:width .32s cubic-bezier(.22,1,.36,1),filter .18s ease}.finance-expense-detail-row:hover .finance-expense-detail-track i{filter:brightness(1.12) drop-shadow(0 0 10px currentColor)}.finance-transaction-row,.finance-mini-category-item,.finance-small-stat{transition:transform .17s ease,border-color .17s ease,background .17s ease}.finance-mini-category-item:hover{transform:translate(3px)}.finance-small-stat:hover,.finance-transaction-row:hover{transform:translateY(-1px);border-color:#6366f152}.finance-dashboard-studio .recharts-bar-rectangle,.finance-dashboard-studio .recharts-line-curve,.finance-dashboard-studio .recharts-area-area,.finance-dashboard-studio .recharts-sector,.finance-dashboard-studio .recharts-radial-bar-sector{transition:opacity .18s ease,filter .18s ease,transform .18s ease}.finance-dashboard-studio .recharts-bar-rectangle:hover,.finance-dashboard-studio .recharts-sector:hover,.finance-dashboard-studio .recharts-radial-bar-sector:hover{opacity:.94;filter:brightness(1.08) drop-shadow(0 10px 14px rgba(0,0,0,.16))}.finance-dashboard-studio .recharts-line-curve{filter:drop-shadow(0 0 12px rgba(99,102,241,.24))}.finance-dashboard-studio .recharts-line-curve:nth-of-type(2){filter:drop-shadow(0 0 12px rgba(239,68,68,.22))}.finance-flow-panel .recharts-layer .recharts-line:nth-of-type(2) .recharts-line-curve{filter:drop-shadow(0 0 12px rgba(239,68,68,.24))}.finance-dashboard-studio .secondary-btn,.finance-dashboard-studio .primary-btn,.finance-dashboard-studio select,.finance-dashboard-studio input[type=date]{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.finance-dashboard-studio .secondary-btn:hover,.finance-dashboard-studio .primary-btn:hover,.finance-dashboard-studio select:hover,.finance-dashboard-studio input[type=date]:hover{transform:translateY(-1px);border-color:#6366f15c}.finance-dashboard-studio{animation:financeStudioIn .32s ease both}.finance-dashboard-studio .finance-panel,.finance-studio-kpi,.finance-studio-control-strip{animation:financeCardIn .34s ease both}.finance-studio-kpis .finance-studio-kpi:nth-child(2),.finance-studio-side-column .finance-panel:nth-child(1),.finance-studio-main-column .finance-panel:nth-child(1){animation-delay:40ms}.finance-studio-side-column .finance-panel:nth-child(2),.finance-expense-detail-panel{animation-delay:80ms}.finance-studio-side-column .finance-panel:nth-child(3),.finance-studio-bottom-grid .finance-panel{animation-delay:.12s}@keyframes financeStudioIn{0%{opacity:0}to{opacity:1}}@keyframes financeCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1320px){.finance-studio-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.finance-category-donut-grid{grid-template-columns:1fr}.finance-premium-donut{height:198px}.finance-mini-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.finance-studio-grid,.finance-studio-bottom-grid{grid-template-columns:1fr}.finance-studio-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-flow-panel{grid-column:1 / -1}.finance-category-donut-grid{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:900px){.finance-studio-side-column,.finance-category-donut-grid{grid-template-columns:1fr}.finance-studio-kpis,.finance-studio-analysis-summary{grid-template-columns:1fr 1fr}.finance-mini-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.finance-dashboard-studio{gap:12px}.finance-dashboard-studio .finance-panel{padding:14px;border-radius:18px}.finance-studio-control-strip{padding:12px}.finance-studio-kpis,.finance-studio-analysis-summary,.finance-mini-category-list{grid-template-columns:1fr}.finance-studio-kpi{min-height:100px;grid-template-columns:1fr 96px}.finance-studio-bar-chart{height:208px}.finance-flow-chart{height:170px}.finance-premium-donut{height:210px}}@media(max-width:520px){.finance-studio-kpi,.finance-radial-grid{grid-template-columns:1fr}.finance-radial-card{grid-template-columns:66px minmax(0,1fr);justify-items:start;align-items:center}}@media(prefers-reduced-motion:reduce){.finance-dashboard-studio,.finance-dashboard-studio .finance-panel,.finance-studio-kpi,.finance-studio-control-strip{animation:none}.finance-dashboard-studio .finance-panel:hover,.finance-studio-kpi:hover,.finance-studio-control-strip:hover,.finance-mini-category-item:hover,.finance-radial-card:hover,.finance-expense-detail-row:hover,.finance-dashboard-studio .secondary-btn:hover,.finance-dashboard-studio .primary-btn:hover,.finance-dashboard-studio select:hover,.finance-dashboard-studio input[type=date]:hover{transform:none}}.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid{width:100%;min-width:0}.finance-studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:14px;align-items:stretch}.finance-studio-category-column{min-width:0;display:grid}.finance-studio-category-column .finance-category-panel{height:100%;min-height:100%;display:grid;align-content:start}.finance-studio-category-column .finance-category-donut-grid{min-height:0;height:100%;align-content:center}.finance-studio-mid-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:14px;align-items:stretch}.finance-studio-mid-grid .finance-flow-panel,.finance-studio-mid-grid .finance-goal-panel{min-width:0;min-height:268px}.finance-studio-mid-grid .finance-flow-chart{height:205px}.finance-studio-mid-grid .finance-goal-card,.finance-studio-mid-grid .finance-goal-empty{height:calc(100% - 54px);align-content:space-between}.finance-studio-latest-grid{display:grid;grid-template-columns:1fr}.finance-studio-latest-grid .finance-latest-panel{min-height:300px}.finance-studio-latest-grid .finance-transaction-list{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-studio-latest-grid .finance-transaction-row{min-height:62px}.finance-dashboard-studio :is(.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid) .finance-panel{position:relative;isolation:isolate;transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.finance-dashboard-studio :is(.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid) .finance-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;background:radial-gradient(circle at 18% 0%,rgba(99,102,241,.14),transparent 30%),radial-gradient(circle at 100% 20%,rgba(239,68,68,.08),transparent 32%);pointer-events:none;transition:opacity .18s ease}.finance-dashboard-studio :is(.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid) .finance-panel:hover{transform:translateY(-3px);border-color:#6366f161;box-shadow:0 22px 46px #0f172a1f}body.dark .finance-dashboard-studio :is(.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid) .finance-panel:hover{box-shadow:0 24px 54px #0000006b}.finance-dashboard-studio :is(.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid) .finance-panel:hover:after{opacity:1}.finance-studio-mid-grid .finance-flow-panel{animation-delay:.12s}.finance-studio-mid-grid .finance-goal-panel{animation-delay:.16s}.finance-studio-latest-grid .finance-latest-panel{animation-delay:.2s}@media(max-width:1320px){.finance-studio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)}}@media(max-width:1180px){.finance-studio-hero-grid,.finance-studio-mid-grid{grid-template-columns:1fr}.finance-studio-category-column .finance-category-donut-grid{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:900px){.finance-studio-category-column .finance-category-donut-grid,.finance-studio-latest-grid .finance-transaction-list{grid-template-columns:1fr}.finance-studio-mid-grid .finance-flow-panel,.finance-studio-mid-grid .finance-goal-panel,.finance-studio-latest-grid .finance-latest-panel{min-height:auto}.finance-studio-mid-grid .finance-goal-card,.finance-studio-mid-grid .finance-goal-empty{height:auto}}@media(max-width:760px){.finance-studio-hero-grid,.finance-studio-mid-grid,.finance-studio-latest-grid{gap:12px}.finance-studio-mid-grid .finance-flow-chart{height:180px}}.finance-dashboard-page{--finance-donut-stroke: rgba(248, 250, 252, .92);--finance-donut-center-bg: linear-gradient(180deg, rgba(248, 250, 252, .86), rgba(226, 232, 240, .72));--finance-donut-center-border: rgba(148, 163, 184, .34);--finance-donut-tooltip-bg: rgba(255, 255, 255, .96);--finance-donut-tooltip-border: rgba(148, 163, 184, .28)}body.dark .finance-dashboard-page{--finance-donut-stroke: rgba(15, 23, 42, .94);--finance-donut-center-bg: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(17, 24, 39, .78));--finance-donut-center-border: rgba(148, 163, 184, .2);--finance-donut-tooltip-bg: rgba(15, 23, 42, .96);--finance-donut-tooltip-border: rgba(148, 163, 184, .22)}.finance-category-panel{display:flex;min-height:100%;flex-direction:column}.finance-category-panel .finance-panel-header{margin-bottom:16px}.finance-category-donut-grid.finance-category-donut-grid-premium{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(320px,1fr) auto;align-items:stretch;gap:18px}.finance-category-panel .finance-premium-donut{position:relative;width:100%;height:clamp(330px,31vw,440px);min-height:320px;overflow:visible;isolation:isolate}.finance-category-panel .finance-premium-donut .recharts-wrapper,.finance-category-panel .finance-premium-donut .recharts-surface{overflow:visible}.finance-category-panel .finance-premium-donut .recharts-sector{transition:opacity .18s ease,filter .18s ease,transform .18s ease;transform-origin:center}.finance-category-panel .finance-premium-donut .recharts-sector:hover{opacity:.96;filter:drop-shadow(0 12px 24px rgba(15,23,42,.18)) brightness(1.04)}body.dark .finance-category-panel .finance-premium-donut .recharts-sector:hover{filter:drop-shadow(0 16px 30px rgba(0,0,0,.34)) brightness(1.08)}.finance-premium-donut-center{width:clamp(106px,8.8vw,134px);height:clamp(106px,8.8vw,134px);padding:12px;border:1px solid var(--finance-donut-center-border);display:grid;place-content:center;gap:3px;text-align:center;color:var(--finance-text);background:var(--finance-donut-center-bg);box-shadow:inset 0 1px #ffffff80,0 18px 44px #0f172a1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body.dark .finance-premium-donut-center{box-shadow:inset 0 1px #ffffff0f,0 18px 44px #00000057}.finance-premium-donut-center span{color:var(--finance-muted);font-size:11px;font-weight:950;line-height:1;letter-spacing:.06em;text-transform:uppercase}.finance-premium-donut-center strong{color:var(--finance-text);font-size:clamp(17px,1.55vw,22px);font-weight:950;line-height:1.08;letter-spacing:-.55px}.finance-premium-donut-center small{color:var(--finance-muted);font-size:10.5px;font-weight:850;line-height:1;text-transform:lowercase}.finance-premium-category-list{display:grid;gap:10px}.finance-premium-category-item{min-width:0;padding:12px;border:1px solid var(--finance-border);border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;color:var(--finance-text);background:linear-gradient(180deg,#94a3b81a,#94a3b80b),var(--finance-card-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}body.dark .finance-premium-category-item{background:linear-gradient(180deg,#94a3b813,#94a3b808),#0f172a80}.finance-premium-category-item:hover{transform:translateY(-2px);border-color:#6366f157;box-shadow:0 14px 30px #0f172a14}body.dark .finance-premium-category-item:hover{box-shadow:0 16px 34px #00000042}.finance-premium-category-head{min-width:0;display:inline-flex;align-items:center;gap:9px}.finance-premium-category-head span{width:10px;height:10px;border-radius:999px;flex-shrink:0;box-shadow:0 0 0 4px #94a3b81f}.finance-premium-category-head strong{min-width:0;color:var(--finance-text);font-size:13px;font-weight:950;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-premium-category-values{display:grid;justify-items:end;gap:2px}.finance-premium-category-values strong{color:var(--finance-text);font-size:12.5px;font-weight:950;line-height:1.1;white-space:nowrap}.finance-premium-category-values small{color:var(--finance-muted);font-size:11px;font-weight:900;line-height:1}.finance-premium-category-track{grid-column:1 / -1;height:6px;border-radius:999px;overflow:hidden;background:#94a3b833}.finance-premium-category-track i{display:block;height:100%;border-radius:inherit;transition:width .32s ease}.finance-donut-tooltip{min-width:168px;padding:12px;border:1px solid var(--finance-donut-tooltip-border);border-radius:14px;color:var(--finance-text);background:var(--finance-donut-tooltip-bg);box-shadow:0 18px 42px #0f172a29;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body.dark .finance-donut-tooltip{box-shadow:0 18px 42px #00000057}.finance-donut-tooltip-header{display:flex;align-items:center;gap:8px;color:var(--finance-text)}.finance-donut-tooltip-header span{width:9px;height:9px;border-radius:999px;flex-shrink:0}.finance-donut-tooltip-header strong{color:var(--finance-text);font-size:12.5px;font-weight:950}.finance-donut-tooltip-value{margin-top:9px;display:grid;gap:3px;color:var(--finance-text);font-size:15px;font-weight:950;letter-spacing:-.25px}.finance-donut-tooltip-value small{color:var(--finance-muted);font-size:11px;font-weight:850;letter-spacing:0}@media(min-width:1321px){.finance-category-panel .finance-premium-donut{height:clamp(350px,28vw,460px)}}@media(max-width:1320px){.finance-category-donut-grid.finance-category-donut-grid-premium{grid-template-rows:auto auto}.finance-category-panel .finance-premium-donut{height:clamp(280px,40vw,360px);min-height:280px}.finance-premium-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.finance-category-panel .finance-panel-header{margin-bottom:12px}.finance-category-panel .finance-premium-donut{height:292px;min-height:292px}.finance-premium-donut-center{width:104px;height:104px}.finance-premium-category-list{grid-template-columns:1fr}.finance-donut-tooltip{min-width:150px;padding:10px}}@media(max-width:420px){.finance-category-panel .finance-premium-donut{height:250px;min-height:250px}.finance-premium-donut-center{width:94px;height:94px}.finance-premium-donut-center strong{font-size:16px}}