@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--accent:#6366f1;--accent-light:#e0e7ff;--accent-dark:#3730a3;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--error:#ef4444;--error-light:#fef2f2;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--panel:rgba(255,255,255,0.85);--panel-solid:#ffffff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--sidebar-width:280px;--sidebar-collapsed-width:80px}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--bg);background-image:radial-gradient(circle at 15% 10%,rgba(59,130,246,.08),transparent 40%),radial-gradient(circle at 85% 20%,rgba(16,185,129,.08),transparent 40%),radial-gradient(circle at 50% 80%,rgba(239,68,68,.05),transparent 50%);color:var(--ink);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:var(--transition)}a:focus,a:hover{text-decoration:none!important}button,input,select{font:inherit;transition:var(--transition)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;transition:grid-template-columns var(--transition)}.app-shell.collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{border-right:1px solid var(--line);background:var(--panel-solid);padding:32px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:1px 0 0 0 var(--line);transition:var(--transition);z-index:101;overflow:hidden}.sidebar.collapsed{padding:32px 14px}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:32px;color:var(--primary);display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-text{transition:opacity .2s ease;flex:1 1}.sidebar.collapsed .brand{justify-content:center;gap:0}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}.nav{flex-direction:column;gap:4px}.nav,.nav a{display:flex}.nav a{padding:10px 14px;border-radius:var(--radius-md);color:var(--muted);font-weight:500;font-size:.9375rem;align-items:center;gap:12px;transition:var(--transition);position:relative;white-space:nowrap}.sidebar.collapsed .nav a{justify-content:center;padding:12px}.nav a svg{width:20px;height:20px;stroke-width:1.5;opacity:.8;flex-shrink:0}.nav a span{transition:opacity .2s ease}.nav a:hover{background:var(--primary-light);color:var(--primary)}.sidebar:not(.collapsed) .nav a:hover{padding-left:18px}.nav a.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-toggle{margin-top:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--panel-solid);color:var(--muted);display:grid;place-items:center;cursor:pointer;align-self:flex-end;transition:var(--transition);box-shadow:var(--shadow-sm)}.sidebar.collapsed .sidebar-toggle{align-self:center}.sidebar-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light);transform:scale(1.1);box-shadow:var(--shadow-md)}.main{padding:32px;background:var(--bg)}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px 24px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.topbar,.topbar:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.6);border:1px solid var(--line)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:16px}.notif-menu,.profile-menu,.user-menu{position:relative}.notif-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--panel-solid);cursor:pointer;display:grid;place-items:center;color:var(--muted);box-shadow:var(--shadow-sm)}.notif-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.notif-btn-ringing svg{transform-origin:50% 18%;animation:bell-ring 1.2s ease-in-out infinite;color:var(--accent)}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%{transform:rotate(16deg)}20%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.notif-btn-ringing svg{animation:none}}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:9999px;background:var(--error);font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 4px 8px rgba(239,68,68,.5),inset 0 1px 1px rgba(255,255,255,.3);border:2px solid var(--panel-solid);transform:translateZ(0);will-change:transform}.avatar-btn,.notif-badge{color:#fff;font-weight:700}.avatar-btn{width:46px;height:46px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--accent),#60a5fa);cursor:pointer;box-shadow:var(--shadow-sm)}.avatar-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:rgba(59,130,246,.3)}.notif-dropdown,.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:260px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);padding:12px;display:none;z-index:110;transform-origin:top right;animation:dropdown-fade .2s cubic-bezier(.16,1,.3,1)}.notif-dropdown:after,.profile-dropdown:after{content:"";position:absolute;bottom:100%;left:0;right:0;height:16px;background:transparent}@keyframes dropdown-fade{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.notif-menu:focus-within .notif-dropdown,.notif-menu:hover .notif-dropdown,.profile-menu:focus-within .profile-dropdown,.profile-menu:hover .profile-dropdown{display:block}.user-dropdown-head{padding:8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.user-dropdown-head strong{display:block;font-size:1.05rem}.text-link-btn{background:transparent;border:0;padding:0;margin:0;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px dashed transparent;display:inline-block}.text-link-btn:hover{color:var(--accent-dark);border-bottom-color:var(--accent);transform:translateY(-1px)}.user-dropdown-item{width:100%;text-align:left;border:0;background:transparent;border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;color:var(--ink);font-weight:500;display:block}.user-dropdown-item:hover{background:rgba(241,245,249,.8);color:var(--accent)}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:rgba(254,226,226,.5)}.notif-list{max-height:280px;overflow:auto;padding:4px 0 8px;border-bottom:1px solid var(--line);margin-bottom:8px}.notif-item{padding:10px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.notif-item:hover{background:rgba(241,245,249,.8)}.notif-item-btn{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font-family:inherit}.notif-title{font-size:.95rem;line-height:1.3}.notif-title-row{display:flex;align-items:center;gap:10px}.notif-new-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto;box-shadow:0 0 8px rgba(59,130,246,.5)}.page{display:grid;grid-gap:24px;gap:24px;animation:fade-in .4s ease-out forwards}.page>*{min-width:0}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{border-radius:var(--radius-xl);padding:clamp(24px,4vw,40px);overflow:visible}.card,.hero{position:relative}.card{background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.hero{margin-bottom:40px}.hero h1{font-size:1.875rem;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-bottom:8px}.hero p{font-size:1rem;color:var(--muted)}.metric-card{display:flex;flex-direction:column;gap:12px;background:var(--panel-solid)}.metric-card:after{background:radial-gradient(circle at top right,var(--primary-light),transparent 70%);opacity:.5}.metric-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.metric-value{font-size:1.5rem}.metric-trend{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:4px}.metric-trend.up{color:var(--success)}.metric-trend.down{color:var(--error)}.grid{display:grid;grid-gap:20px;gap:20px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-1{grid-template-columns:1fr}.quick-action-card{animation:quick-zoom .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes quick-zoom{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.metric-label{color:var(--muted);font-size:.95rem;font-weight:500}.metric-value{margin-top:8px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--ink);letter-spacing:-.01em}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.metric-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f8faff);border-width:0}.metric-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,var(--accent-light),transparent 70%);opacity:.1;pointer-events:none}.metric-card-positive:before{background:linear-gradient(180deg,#10b981,#059669);box-shadow:2px 0 10px rgba(16,185,129,.3)}.metric-card-positive:before,.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px}.metric-card:before{background:linear-gradient(180deg,var(--accent),#2563eb);box-shadow:2px 0 10px rgba(59,130,246,.3)}.metric-card-review:before{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:2px 0 10px rgba(239,68,68,.3)}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));grid-gap:24px;gap:24px}.chart-card{display:grid;grid-template-rows:auto 1fr}.chart-card,.chart-card-pie{min-height:clamp(380px,40vw,480px)}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.chart-head h3{margin:0;font-size:1.25rem;font-weight:600}.chart-container{min-height:0;height:100%}.toolbar{display:flex;flex-wrap:wrap;gap:12px}.toolbar input,.toolbar select{border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:var(--radius-md);padding:10px 16px;min-width:min(200px,100%);color:var(--ink);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.account-field input:focus,.compare-form input:focus,.compare-form select:focus,.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.2);background:#fff}.button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;background:var(--primary);color:#fff;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.button:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.secondary{background:var(--panel-solid);color:var(--muted);border:1px solid var(--line)}.button.secondary:hover{background:var(--bg);color:var(--primary);border-color:var(--primary)}.button.danger{background:var(--error)}.button.danger:hover{background:#dc2626}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.expense-table-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.expense-table-card .table-wrap{border:none;box-shadow:none;border-radius:0}.review-toolbar{justify-content:space-between;margin-bottom:0;padding:16px 20px;border-bottom:1px dashed var(--line);background:rgba(59,130,246,.03)}.review-toolbar,.review-toolbar-left{display:flex;align-items:center;gap:12px}.review-selected{font-size:1rem;font-weight:600;color:var(--accent)}.review-toolbar-actions{display:flex;align-items:center;gap:10px}.expense-empty{border:1px dashed var(--line);border-radius:var(--radius-lg);padding:40px;text-align:center;background:rgba(248,250,252,.5);color:var(--muted);font-size:1.1rem}table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}td,th{text-align:left;padding:16px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.85rem;background:rgba(248,250,252,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.expense-table th,th{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.expense-table th{padding:12px 16px;text-align:left;font-size:.75rem;border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap}.expense-table td{padding:16px;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--ink);vertical-align:middle}td{color:var(--ink);font-size:.95rem}tbody tr{transition:var(--transition)}tbody tr:hover{background:rgba(241,245,249,.6)}.expense-table tr:hover td{background:var(--primary-light)}.td-right,.th-right{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.row-action-btn{padding:8px 12px;min-width:70px;font-size:.85rem}.table-footer{padding:16px 20px;border-top:1px solid var(--line);background:var(--panel-solid);display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{display:inline-flex;align-items:center;background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.2)}.badge.unparsed{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.status-badge-confirmed{background:var(--success-light);color:var(--success);border-color:rgba(16,185,129,.2)}.status-badge-pending_review{background:rgba(245,158,11,.1);color:#d97706;border-color:rgba(245,158,11,.2)}.status-badge-review_queue{background:var(--accent-light);color:var(--accent);border-color:rgba(99,102,241,.2)}.status-badge-unparsed{background:var(--bg);color:var(--muted);border-color:var(--line)}.status-badge-rejected{background:var(--error-light);color:var(--error);border-color:rgba(239,68,68,.2)}.pagination-info{font-size:.875rem;font-weight:500;color:var(--muted)}.pagination-info span{color:var(--ink);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:12px}.page-indicator{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);font-weight:600;font-size:.85rem;border:1px solid rgba(79,70,229,.1)}.muted{color:var(--muted)}.text-link-btn{all:unset;cursor:pointer;color:var(--accent);font-weight:500;transition:var(--transition)}.text-link-btn:hover{color:var(--accent-hover);text-decoration:underline}.text-link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.compare-form{display:grid;grid-template-columns:repeat(2,minmax(0,260px)) auto;grid-gap:16px;gap:16px;align-items:end}.compare-form label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.9rem;font-weight:600}.compare-form input[type=month],.compare-form select{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;background:rgba(255,255,255,.8);color:var(--ink)}.compare-form-actions{display:flex;align-items:center;gap:12px}.compare-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.compare-chart-card{min-height:clamp(400px,50vw,560px)}.compare-chart-card-empty{min-height:260px}.compare-chart-wrap{height:clamp(340px,45vw,480px)}.compare-empty-state{min-height:160px;border:1px dashed var(--line);border-radius:var(--radius-md);background:rgba(248,250,252,.5);padding:24px;display:grid;align-content:center;justify-items:center;grid-gap:8px;gap:8px;color:var(--muted)}.compare-list{display:grid;grid-gap:16px;gap:16px}.compare-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-solid);padding:16px;box-shadow:var(--shadow-sm);transition:var(--transition)}.compare-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.compare-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:500}.compare-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.compare-delta.up,.compare-up{color:var(--accent-2);font-weight:700}.compare-delta.down,.compare-down{color:var(--danger);font-weight:700}.compare-bars{display:grid;grid-gap:12px;gap:12px}.compare-bar-row{display:grid;grid-template-columns:140px 1fr auto;grid-gap:12px;gap:12px;align-items:center;font-size:.9rem;color:var(--muted)}.compare-bar-track{height:12px;border-radius:999px;background:var(--line);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.compare-bar{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.compare-bar-left{background:linear-gradient(90deg,#10b981,#34d399)}.compare-bar-right{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);background-image:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(16,185,129,.1),transparent 40%)}.login-card{width:min(480px,100%);border:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px;display:grid;grid-gap:20px;gap:20px;text-align:center}.login-card h1{margin:0;font-size:1.8rem;color:var(--ink)}.login-card form{display:grid;grid-gap:16px;gap:16px;text-align:left}.login-card label{font-size:.95rem;font-weight:500;color:var(--muted)}.login-card input{border-radius:var(--radius-md);border:1px solid var(--line);padding:12px 16px;font-size:1rem;background:#fff}.login-card .button{margin-top:8px;padding:14px;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.app-toast-stack{position:fixed;right:24px;bottom:24px;z-index:130;display:grid;grid-gap:12px;gap:12px;max-width:min(92vw,380px)}.app-toast{border-radius:var(--radius-md);padding:14px 18px;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.2);font-weight:500;display:flex;align-items:center;gap:12px;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.app-toast-success{background:linear-gradient(135deg,#10b981,#059669)}.app-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.app-toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.account-card{padding:32px}.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:16px}.account-form-grid{display:grid;grid-gap:20px;gap:20px;max-width:600px}.account-field{display:grid;grid-gap:8px;gap:8px}.account-field>span{color:var(--muted);font-size:.9rem;font-weight:600}.account-field input{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;background:rgba(255,255,255,.8)}.account-actions{margin-top:24px;display:flex;gap:12px}.account-status{margin-top:16px}.account-ok{color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:var(--radius-md)}.account-err,.account-ok{padding:12px 16px;font-weight:500}.account-err{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:var(--radius-md)}.status-badge-rejected{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-badge-unparsed{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}@media (max-width:1200px){.dashboard-metrics,.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-metrics,.dashboard-charts{grid-template-columns:1fr}}@media (min-width:961px){.mobile-only{display:none!important}}@media (max-width:960px){.desktop-only{display:none!important}.app-shell,.app-shell.collapsed{grid-template-columns:1fr!important;display:block}.sidebar.mobile-only{position:fixed;top:0;left:0;width:100%;height:72px;padding:0 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);background:var(--panel-solid);z-index:1000;overflow:visible!important}.brand{margin-bottom:0;display:flex;align-items:center;gap:12px}.mobile-menu-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel-solid);color:var(--muted);cursor:pointer;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.mobile-menu-overlay{position:fixed;top:72px;left:0;right:0;height:calc(100vh - 72px);background:var(--panel-solid);border-top:1px solid var(--line);z-index:999;display:flex;flex-direction:column;padding:32px 24px;gap:12px;transform:translateY(-100%);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none;overflow-y:auto;box-shadow:0 10px 15px -3px rgb(0 0 0/.1)}.mobile-menu-overlay.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav{display:flex;flex-direction:column;gap:8px}.mobile-nav-link{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius-lg);color:var(--muted);font-weight:600;font-size:1.05rem;transition:var(--transition)}.mobile-nav-link svg{width:20px;height:20px;stroke-width:2}.mobile-nav-link.active{background:var(--primary-light);color:var(--primary)}.mobile-nav-link:hover{background:var(--bg);color:var(--primary)}.mobile-user-section{margin-top:auto;padding:24px 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px}.mobile-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:700;box-shadow:var(--shadow-md)}.mobile-user-info span{display:block;font-weight:700;color:var(--ink);font-size:1rem}.mobile-user-info small{color:var(--muted);font-size:.8rem;font-weight:500}.topbar{display:none!important}.main{padding:88px 16px 40px!important}.page{gap:16px}.hero{padding:24px}.grid.cols-1,.grid.cols-2,.grid.cols-2-to-1,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.categories-form-card{position:relative!important;top:0!important}.compare-metrics,.dashboard-charts,.dashboard-metrics{grid-template-columns:1fr}.hero-head{align-items:flex-start}.user-dropdown{right:0;min-width:200px}}@media (max-width:640px){.main{padding:16px}.page{gap:16px}.card{padding:16px;border-radius:var(--radius-md)}.hero h1{overflow-wrap:break-word;word-break:break-word}.hero h1,.metric-value{font-size:1.5rem}.chart-head{flex-direction:column;align-items:flex-start;gap:8px}.compare-form{grid-template-columns:1fr}.compare-form-actions{width:100%;flex-direction:column;align-items:stretch}.compare-bar-row{grid-template-columns:1fr;gap:8px}.toolbar{gap:10px}.toolbar input,.toolbar select{width:100%;min-width:0}.button{width:100%;text-align:center;justify-content:center}.table-wrap table:not(.mobile-stack-table){min-width:560px}.table-wrap table.mobile-stack-table{min-width:100%!important}.review-toolbar{flex-direction:column;align-items:stretch}.review-toolbar-actions,.review-toolbar-actions .button,.review-toolbar-left{width:100%}.row-actions{flex-wrap:nowrap}.account-card{padding:20px}.account-card-head{align-items:stretch}.account-actions,.account-card-head{flex-direction:column}td,th{padding:12px 10px;font-size:.9rem}.mobile-stack-table thead{display:none}.mobile-stack-table tr{display:block;padding:16px;border-bottom:2px solid var(--line);margin-bottom:8px;background:var(--panel-solid);border-radius:var(--radius-lg)}.mobile-stack-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;text-align:right}.mobile-stack-table td:before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:left;font-size:.8rem;text-transform:uppercase}.mobile-hide{display:none!important}.mobile-only-inline{display:inline!important}}.s-card-head{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.s-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.s-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.s-field{display:grid;grid-gap:6px;gap:6px}.s-label{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.s-input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;color:var(--ink);background:var(--panel-solid);transition:border-color .2s,box-shadow .2s}.s-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.08)}.s-input:disabled{background:var(--bg);cursor:not-allowed}.s-hint{font-size:.75rem;color:var(--muted);margin-top:2px}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .2s ease;text-decoration:none;white-space:nowrap;line-height:1.2}.s-btn:disabled{opacity:.55;cursor:not-allowed}.s-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.s-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.s-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.s-btn--ghost:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}.s-btn--danger-ghost{background:transparent;color:var(--error);border-color:var(--line)}.s-btn--danger-ghost:hover:not(:disabled){background:var(--error-light);border-color:var(--error)}.s-btn--lg{padding:13px 28px;font-size:.95rem}.s-actions{display:flex;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.s-msg{margin-top:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500}.s-msg--ok{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.2)}.s-msg--err{background:var(--error-light);color:var(--error);border:1px solid rgba(239,68,68,.2)}.s-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:100px;font-size:.75rem;font-weight:650;letter-spacing:.03em;text-transform:uppercase}.s-pill--sm{padding:3px 10px;font-size:.7rem}.s-pill--primary{background:var(--primary-light);color:var(--primary)}.s-pill--ok{background:rgba(16,185,129,.1);color:var(--success)}.s-pill--warn{background:rgba(245,158,11,.1);color:var(--warning)}.s-pill--err{background:rgba(239,68,68,.1);color:var(--error)}.s-banner{display:block;padding:14px 20px;border-radius:var(--radius-lg);background:var(--primary-light);border:1px solid rgba(79,70,229,.1);transition:background .2s,border-color .2s}.s-banner:hover{background:rgba(79,70,229,.08);border-color:rgba(79,70,229,.2)}.s-highlight-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--bg);flex-wrap:wrap}.s-highlight-box,.s-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--line)}.s-table-wrap{overflow:hidden}.s-table{width:100%;border-collapse:separate;border-spacing:0}.s-table th{text-align:left;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg)}.s-table td,.s-table th{padding:12px 20px;border-bottom:1px solid var(--line)}.s-table td{font-size:.85rem;white-space:normal;word-break:break-all}.s-table tbody tr:last-child td{border-bottom:none}.s-table code{color:var(--primary);font-weight:600;font-size:.85rem}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-page{padding:0 0 80px}.settings-masonry{column-count:2;column-gap:28px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:28px;gap:28px;align-items:start}@media (max-width:1100px){.settings-masonry{column-count:1}}@media (max-width:640px){.settings-grid{grid-template-columns:1fr}}.s-card{width:100%;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-sm);margin-bottom:28px}.settings-masonry .s-card{display:inline-block;page-break-inside:avoid;break-inside:avoid}.settings-grid .s-card{margin-bottom:0}@media (max-width:640px){.s-card{padding:24px 20px}}.settings-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.settings-row>*{min-width:0}@media (max-width:960px){.settings-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-charts,.dashboard-metrics{grid-template-columns:1fr!important;gap:16px}.chart-card,.chart-card-pie{min-height:320px}.main{padding:88px 12px 24px!important}.card,.hero{padding:16px!important}.hero{margin-bottom:20px!important}}