@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:#e8eefc;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b1220}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.boot-screen,.login-shell{min-height:100vh;display:grid;place-items:center}.boot-screen{gap:14px;color:#8591aa}.login-shell{position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 10% 0%,#202a4d 0,transparent 38%),radial-gradient(circle at 95% 90%,#193d56 0,transparent 34%),#0b1220}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.login-orb-one{width:420px;height:420px;left:-200px;top:-170px;background:radial-gradient(circle,rgba(139,92,246,.42),transparent 66%)}.login-orb-two{width:520px;height:520px;right:-240px;bottom:-250px;background:radial-gradient(circle,rgba(34,211,238,.25),transparent 66%)}.login-card{position:relative;width:min(100%,470px);padding:46px;border:1px solid rgba(158,173,208,.17);border-radius:28px;background:#0d1627d1;box-shadow:0 30px 90px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 8px 25px #6959ee4d}.brand-mark.small{width:32px;height:32px;border-radius:10px}.eyebrow,.sidebar-label{margin:0;color:#8796b8;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em}.login-card h1{margin:25px 0 14px;color:#f1f5ff;font-size:clamp(31px,5vw,43px);line-height:1.14;letter-spacing:-.055em}.login-card h1 span{color:#9aa9c8}.login-subtitle,.muted-text{color:#8491aa;font-size:13px;line-height:1.75}.login-subtitle{max-width:335px;margin-bottom:32px}.login-form,.expense-form{display:grid;gap:17px}label{display:grid;gap:8px;color:#aebbd3;font-size:12px;font-weight:600}input,select,textarea{width:100%;color:#eef3ff;border:1px solid rgba(145,160,194,.2);border-radius:11px;outline:none;background:#131e33cc;transition:border-color .2s,box-shadow .2s}input,select{height:44px;padding:0 13px}textarea{padding:12px 13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8b7cf5;box-shadow:0 0 0 3px #8b5cf621}input::placeholder,textarea::placeholder{color:#5c6b86}.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:11px;color:#fff;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.primary-button{background:linear-gradient(110deg,#7c5ce8,#4d9ef8);box-shadow:0 9px 22px #665ce733}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 27px #665ce74d}.secondary-button{color:#b7c2d8;border:1px solid rgba(145,160,194,.2);background:#18243ab3}.full-width{width:100%}.form-error{margin:-2px 0 0;color:#fb8d9d;font-size:12px}.login-footnote{margin:28px 0 0;color:#56647d;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}.app-shell{min-height:100vh;display:flex;background:#0b1220}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:232px;display:flex;flex-direction:column;padding:26px 15px 18px;border-right:1px solid rgba(145,160,194,.11);background:#0d1728}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 13px;color:#eaf0ff;font-size:14px;font-weight:800;letter-spacing:-.02em}.sidebar-section{margin-top:57px}.sidebar-label{padding:0 13px;color:#5f6d87}.nav-item{width:100%;display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px 13px;border-radius:11px;color:#7e8da8;background:transparent;text-align:left;font-size:12px;font-weight:700}.nav-item:hover,.nav-item.active{color:#f2f5ff;background:linear-gradient(90deg,#795fe738,#795fe70d)}.nav-item.active{box-shadow:inset 3px 0 #8b7cf5}.sidebar-bottom{margin-top:auto}.secure-note{display:flex;align-items:center;gap:7px;margin:0 12px 16px;color:#5e9b9b;font-size:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:12px 9px;border-top:1px solid rgba(145,160,194,.11)}.user-chip>div:nth-child(2){min-width:0;flex:1}.user-chip strong,.user-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip strong{color:#dce5f8;font-size:11px}.user-chip small{margin-top:3px;color:#66748f;font-size:10px}.avatar{width:31px;height:31px;display:grid;flex:0 0 auto;place-items:center;border-radius:10px;color:#dcd4ff;background:linear-gradient(135deg,#5541a4,#17647d);font-size:12px;font-weight:800}.main-area{width:calc(100% - 232px);margin-left:232px}.topbar{height:77px;display:flex;align-items:center;gap:18px;padding:0 44px;border-bottom:1px solid rgba(145,160,194,.11)}.topbar-title{display:flex;align-items:center;gap:8px;margin-right:auto;color:#91a0ba;font-size:12px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:#35d69b;box-shadow:0 0 0 4px #35d69b1a}.month-picker{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(145,160,194,.17);border-radius:11px;color:#a9b7d0;background:#152034a8}.month-picker input{width:98px;height:29px;padding:0;border:0;background:transparent;color-scheme:dark;text-align:center;font-family:DM Mono,monospace;font-size:11px}.month-picker input:focus{box-shadow:none}.month-picker button,.icon-button,.topbar-user{display:inline-grid;place-items:center;color:#8291ad;background:transparent}.month-picker button{width:24px;height:24px;border-radius:7px}.month-picker button:hover,.icon-button:hover{color:#f0f4ff;background:#8797ba1f}.topbar-user{display:flex;align-items:center;gap:8px;color:#b3c0d7;font-size:11px;font-weight:700}.small-avatar{width:26px;height:26px;border-radius:8px;font-size:10px}.mobile-menu-button{display:none}.page-content{max-width:1380px;margin:0 auto;padding:48px 44px 70px}.content-stack{display:grid;gap:26px}.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.welcome-row h1{margin:8px 0 6px;color:#eef3ff;font-size:27px;letter-spacing:-.045em}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{min-height:145px;padding:18px 19px;border:1px solid rgba(145,160,194,.13);border-radius:17px;background:#111d31;box-shadow:inset 0 1px #ffffff06}.metric-card.violet{background:linear-gradient(135deg,#1a1c43,#141b32)}.metric-card.cyan{background:linear-gradient(135deg,#102f43,#121d32)}.metric-card.amber{background:linear-gradient(135deg,#392d1d,#1d2030)}.metric-card.rose{background:linear-gradient(135deg,#391f34,#1d1d32)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#c8bdff;background:#8b5cf629}.cyan .metric-icon{color:#8de8f4;background:#22d3ee24}.amber .metric-icon{color:#ffcf83;background:#f59e0b24}.rose .metric-icon{color:#ff9db0;background:#fb718524}.metric-hint{color:#60718f;font-family:DM Mono,monospace;font-size:9px}.metric-card p{margin:17px 0 4px;color:#92a1bd;font-size:11px}.metric-card strong{color:#eff3ff;font-size:23px;letter-spacing:-.045em}.metric-trend{display:flex;align-items:center;gap:3px;margin-top:7px;color:#5dcda7;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:15px}.panel{border:1px solid rgba(145,160,194,.13);border-radius:17px;background:#101b2d}.trend-panel,.category-panel{min-height:330px;padding:23px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.panel-heading h2,.insight-panel h2{margin:7px 0 0;color:#e9effd;font-size:16px;letter-spacing:-.035em}.panel-value{color:#bdadff;font-family:DM Mono,monospace;font-size:12px}.panel-icon{color:#72829e}.bar-chart{height:235px;display:flex;align-items:end;gap:clamp(5px,1.25vw,12px);margin-top:28px;padding:0 4px;border-bottom:1px solid rgba(145,160,194,.12)}.bar-column{position:relative;height:100%;flex:1;min-width:10px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bar-track{width:100%;height:calc(100% - 23px);display:flex;align-items:end;border-radius:5px 5px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,rgba(145,160,194,.07) 50px)}.bar-fill{width:100%;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#5c4bd2,#5bb8ef);transition:height .35s ease}.bar-column span{color:#64738d;font-family:DM Mono,monospace;font-size:9px}.bar-tooltip{position:absolute;top:-8px;z-index:1;display:none;padding:5px 6px;border-radius:5px;color:#e8effe;background:#1a2840;font-size:9px;white-space:nowrap}.bar-column:hover .bar-tooltip{display:block}.empty-chart{width:100%;margin:auto;color:#61718c;font-size:12px;text-align:center}.category-list{display:grid;gap:18px;margin-top:28px}.category-label{display:flex;align-items:center;gap:7px;color:#bac5d9;font-size:11px}.category-label span:last-child{margin-left:auto;color:#687892;font-size:9px}.category-dot{width:7px;height:7px;border-radius:50%}.category-progress{height:5px;margin:8px 0 6px 14px;border-radius:5px;background:#1c2a40;overflow:hidden}.category-progress div{height:100%;border-radius:inherit}.category-row>strong{display:block;margin-left:14px;color:#d8e2f5;font-family:DM Mono,monospace;font-size:11px}.insight-panel{display:flex;align-items:center;gap:16px;padding:18px 22px;background:linear-gradient(90deg,#233051bf,#101b2d 70%)}.insight-icon{width:40px;height:40px;display:grid;flex:0 0 auto;place-items:center;border-radius:12px;color:#8fdbbe;background:#35d69b1f}.insight-panel .muted-text{margin:7px 0 0}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;padding:11px 14px;border:1px solid rgba(251,113,133,.22);border-radius:10px;color:#ff9eaf;background:#5b193440;font-size:12px}.error-banner button{display:grid;place-items:center;color:inherit;background:transparent}.loading-state{min-height:55vh;display:grid;place-content:center;justify-items:center;gap:14px;color:#71819c;font-size:12px}.loading-ring{width:27px;height:27px;border:2px solid rgba(139,124,245,.2);border-top-color:#8b7cf5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.records-panel{min-height:420px;padding:21px}.filter-row{display:flex;gap:11px;margin-bottom:17px}.filter-row select{width:135px;height:40px}.search-box{position:relative;flex:1}.search-box svg{position:absolute;top:12px;left:12px;color:#60718c}.search-box input{height:40px;padding-left:37px}.table-wrap{overflow-x:auto}table{width:100%;min-width:690px;border-collapse:collapse}th{padding:12px 10px;color:#61718c;font-family:DM Mono,monospace;font-size:9px;font-weight:400;letter-spacing:.08em;text-align:left}td{padding:14px 10px;border-top:1px solid rgba(145,160,194,.1);color:#b9c5db;font-size:11px}td small,.date-cell{display:block}.date-cell{color:#e0e8f8;font-weight:700}td small{margin-top:4px;color:#62718b;font-family:DM Mono,monospace;font-size:9px}.person-pill,.category-pill{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:10px}.person-pill{color:#95ddea;background:#22d3ee1a}.category-pill{color:#b9adff;background:#8b5cf61f}.note-cell{max-width:280px;color:#8190aa}.amount-cell{color:#e3eafe;text-align:right}.amount-cell strong{font-family:DM Mono,monospace;font-size:11px}.row-actions{display:flex;justify-content:end;gap:3px}.icon-button{width:29px;height:29px;border-radius:8px}.icon-button.danger:hover{color:#ff9aac;background:#fb71851a}.empty-state{min-height:310px;display:grid;place-content:center;justify-items:center;gap:8px;color:#65748e;text-align:center}.empty-state svg{color:#7c6ee2}.empty-state h3{margin:5px 0 0;color:#c6d1e5;font-size:15px}.empty-state p{margin:0;font-size:11px}.empty-state.compact{min-height:150px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#040811bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-card{width:min(100%,530px);max-height:calc(100vh - 40px);overflow-y:auto;padding:25px;border:1px solid rgba(145,160,194,.18);border-radius:19px;background:#111d31;box-shadow:0 30px 80px #00000061}.modal-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.modal-heading h2{margin:7px 0 0;color:#eef3ff;font-size:20px;letter-spacing:-.04em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:end;gap:9px;margin-top:5px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:20px 0 50px #00000059}.sidebar.open{transform:translate(0)}.main-area{width:100%;margin-left:0}.topbar{height:67px;padding:0 18px;gap:9px}.mobile-menu-button{display:inline-grid}.topbar-title{display:none}.topbar-user{margin-left:auto}.topbar-user:not(:has(.avatar)){display:none}.page-content{padding:30px 18px 50px}.welcome-row{align-items:start;flex-direction:column}.welcome-row .primary-button{width:100%}.metric-grid{gap:10px}.metric-card{min-height:130px;padding:15px}.metric-card strong{font-size:19px}.trend-panel,.category-panel{padding:18px}.bar-chart{gap:4px}.filter-row{flex-direction:column}.filter-row select{width:100%}.form-grid{grid-template-columns:1fr}}@media(max-width:430px){.login-card{padding:32px 24px;border-radius:22px}.login-card h1{font-size:32px}.month-picker{margin-left:auto}.month-picker input{width:83px}.topbar-user{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-card p{font-size:10px}.metric-card strong{font-size:17px}}