@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1422;--panel:#111e30;--panel2:#16263b;--line:#25364d;--text:#edf3fb;--muted:#91a2b8;--blue:#7eace8;--blue2:#477fc2;--green:#65c99b;--red:#e58e98;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0e1929;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:800 16px Manrope,sans-serif;letter-spacing:1.5px;margin:0 8px 45px}.brand small{display:block;font:500 8px 'DM Sans';color:var(--muted);letter-spacing:1.8px;margin-top:4px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#9bc2f3,#4779b5);display:grid;place-items:center;color:#081525;font:800 21px Manrope;box-shadow:0 7px 22px #4c83c544}.side-label,.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7187a2;font-weight:700}.side-label{margin:0 12px 13px}.side-nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#9aabc0;width:100%;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;font:500 13px 'DM Sans'}.nav-item span{font-size:19px;width:20px;text-align:center;color:#91a9c7}.nav-item.active,.nav-item:hover{background:#1b2d44;color:#f3f7fd}.nav-item.active span{color:#9bc5f6}.side-bottom{margin-top:auto}.sidebar-note{margin:17px 10px 0;color:#758aa4;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot,.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.main{margin-left:245px;max-width:1500px;padding:0 42px 55px}.topbar{height:83px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #1e2c40;margin-bottom:35px}.topbar-right{display:flex;align-items:center;gap:12px}.select-wrap select,.filter-row select{background:#142238;color:#c9d6e7;border:1px solid #2a3d56;padding:9px 12px;border-radius:10px;font:500 12px 'DM Sans';outline:none}.icon-button{width:37px;height:37px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:#b8c8db;font-size:19px}.avatar,.large-avatar{background:linear-gradient(145deg,#a9cafa,#527eae);color:#0b1727;border-radius:50%;display:grid;place-items:center;font-weight:800}.avatar{width:35px;height:35px}.mobile-brand{display:none}.page{display:none;animation:fade .2s ease}.page.active{display:block}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}h1,h2,p{margin-top:0}h1{font:800 30px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 7px}.welcome-row,.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.welcome-row{margin-bottom:25px}.muted{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.wave{color:#a7c9f2;font-size:20px}.date-chip{border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:#a9bad0;font-size:11px}.hero-card{background:radial-gradient(circle at 90% 10%,#29486a 0,transparent 36%),linear-gradient(120deg,#1a304a,#14243a 65%,#172b43);border:1px solid #34506e;border-radius:22px;padding:25px 27px 20px;box-shadow:0 18px 45px #0002;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center;color:#b2c6dd;font-size:10px;letter-spacing:1.6px;font-weight:700}.live-pill{font-size:9px;letter-spacing:1px;border:1px solid #ffffff26;border-radius:20px;padding:6px 9px;display:flex;align-items:center;gap:6px;color:#c8d8e9}.hero-value{font:800 34px Manrope,sans-serif;margin:17px 0 5px;letter-spacing:-1px}.hero-caption{font-size:11px;color:#a6bbd2;margin:0 0 24px}.hero-bottom{border-top:1px solid #ffffff24;padding-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-bottom small{display:block;color:#a7bbd1;font-size:9px;letter-spacing:1px;margin-bottom:7px}.hero-bottom strong{font:700 15px Manrope;color:#f0f5fb}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:17px 0 31px}.action-card{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:15px;padding:14px 16px;background:var(--panel);color:var(--text);cursor:pointer}.action-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:21px}.income .action-icon{background:#16372f;color:#71d6a7}.expense .action-icon{background:#3b2731;color:#ef9aa5}.action-card b,.action-card small{display:block}.action-card b{font-size:12px}.action-card small{font-size:10px;color:var(--muted);margin-top:4px}.action-arrow{margin-left:auto;color:#91a9c5;font-size:18px}.section-heading{margin:0 0 13px}.section-heading h2{font:700 16px Manrope;margin:0 0 4px}.text-button{background:none;border:0;color:#9ec4f2;font-size:11px;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:31px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px}.stat-label{display:flex;align-items:center;gap:8px;color:#aabbd0;font-size:11px;margin-bottom:13px}.stat-dot{width:7px;height:7px;border-radius:50%}.green{background:var(--green)}.red{background:var(--red)}.blue{background:var(--blue)}.stat-card strong{display:block;font:700 19px Manrope;margin-bottom:5px}.stat-card small{font-size:10px;color:#71859f}.empty-panel{border:1px dashed #30435b;background:#101d2e;border-radius:16px;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;margin-top:14px}.empty-icon{width:43px;height:43px;border-radius:14px;background:#1c3048;color:#a8c8ef;display:grid;place-items:center;font-size:22px;margin-bottom:12px}.empty-panel b{font-size:13px}.empty-panel p{font-size:11px;color:var(--muted);margin:7px 0 0}.footnote{font-size:10px;color:#647991;margin-top:23px}.page-heading{margin-bottom:26px}.page-heading h1{margin-top:8px}.primary-button{border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,#9bc4f3,#6f9fd8);color:#0b1929;font:700 11px 'DM Sans';cursor:pointer;white-space:nowrap}.filter-row{display:flex;gap:10px;margin-bottom:15px}.filter-row input{flex:1;min-width:0;background:#142238;color:var(--text);border:1px solid #2a3d56;border-radius:10px;padding:10px 13px;font:12px 'DM Sans'}.profile-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);padding:19px;border-radius:15px}.large-avatar{width:51px;height:51px;font-size:20px}.profile-card b{font-size:13px}.settings-list{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:0 17px}.settings-list div{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:#a9bad0}.settings-list div:last-child{border:0}.settings-list strong{color:#eef4fb}.mobile-nav{display:none}.modal{border:1px solid #344a65;border-radius:18px;background:#142238;color:var(--text);max-width:360px;width:calc(100% - 35px);padding:0;box-shadow:0 25px 90px #0009}.modal::backdrop{background:#020812b8;backdrop-filter:blur(4px)}.modal-content{padding:27px;text-align:center;position:relative}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#9fb0c5;font-size:25px}.modal-symbol{font-size:27px;color:#9ec5f3}.modal h2{font:700 17px Manrope;margin:12px 0 8px}.modal p{color:#a4b5ca;font-size:12px;line-height:1.6;margin-bottom:19px}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px;padding:0 25px 45px}}
@media(max-width:650px){.sidebar{display:none}.main{margin:0;padding:0 17px 95px}.topbar{height:64px;margin-bottom:25px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:8px;font:800 13px Manrope;letter-spacing:1px}.mobile-brand .brand-mark{width:31px;height:31px;font-size:17px;border-radius:10px}.topbar-right{gap:7px}.topbar-right .select-wrap select{padding:8px 7px;font-size:10px;max-width:95px}.icon-button{display:none}.avatar{width:30px;height:30px;font-size:11px}.welcome-row{align-items:flex-start}.date-chip{display:none}h1{font-size:25px}.hero-card{padding:20px 17px;border-radius:18px}.hero-value{font-size:29px}.hero-bottom{gap:8px}.hero-bottom small{font-size:8px;letter-spacing:.5px}.hero-bottom strong{font-size:12px}.quick-actions{gap:9px;margin-bottom:27px}.action-card{padding:12px 10px;gap:9px}.action-icon{width:32px;height:32px}.action-card b{font-size:10px}.action-card small{font-size:9px}.action-arrow{font-size:15px}.section-heading h2{font-size:14px}.text-button{font-size:10px}.stat-grid{gap:8px}.stat-card{padding:12px 10px}.stat-label{font-size:9px;gap:5px}.stat-card strong{font-size:13px}.stat-card small{font-size:9px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .primary-button{padding:10px;font-size:10px}.page-heading .muted{max-width:240px}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding:9px 5px calc(9px + env(safe-area-inset-bottom));background:#0e1929f2;border-top:1px solid #27384e;backdrop-filter:blur(15px)}.mobile-nav-item{border:0;background:none;color:#7f93ad;display:flex;flex-direction:column;align-items:center;gap:4px;font:500 9px 'DM Sans'}.mobile-nav-item span{font-size:19px}.mobile-nav-item.active{color:#a8ccf5}.filter-row{flex-wrap:wrap}.filter-row select{flex:1}.empty-panel{min-height:165px}.hero-caption{font-size:10px}}