*{box-sizing:border-box}html{color:#fff;background:#06020d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at top,#25104e 0,#0a0516 34%,#05030c 72%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(100%,820px);padding:calc(22px + env(safe-area-inset-top)) 18px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.topbar,.subHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.subHeader{justify-content:flex-start;align-items:center}.topbar h1,.subHeader h1{letter-spacing:-.04em;margin:4px 0 2px;font-size:clamp(28px,8vw,42px)}.subtitle,.muted{color:#aaa0c4}.eyebrow{color:#9fe9ff;letter-spacing:.18em;margin:0;font-size:11px;font-weight:900}.status{color:#d6d1e6;background:#ffffff08;border:1px solid #8b7bc640;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.status span{background:#56f2aa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #56f2aa}.iconButton{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff18;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.heroCard{background:linear-gradient(135deg,#24104fe6,#10102ce8 58%,#07131de8);border:1px solid #b6a0ff2b;border-radius:28px;justify-content:space-between;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008,inset 0 1px #fff1}.heroCard:after{content:"";filter:blur(8px);background:#42d9ff1a;border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;right:-100px}.heroCard h2{margin:8px 0 10px;font-size:32px}.heroCard p:last-child{color:#d7d0e7;max-width:570px;margin:0;line-height:1.55}.heroBadge{z-index:2;color:#b7f2ff;background:#3edbff13;border:1px solid #91e6ff55;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-weight:900;display:grid;position:relative}section{margin-top:28px}.sectionHead{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.sectionHead h3{margin:4px 0 0;font-size:21px}.sectionHead .muted{font-size:12px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric,.module,.panel,.entry,.loginCard{background:#ffffff08;border:1px solid #a898d520;box-shadow:inset 0 1px #ffffff09}.metric{border-radius:22px;min-height:150px;padding:16px}.metric p{color:#c8bfdc;margin:14px 0 5px;font-size:13px}.metric strong{font-size:21px;display:block}.metric small{color:#89809d;margin-top:6px;line-height:1.35;display:block}.icon{color:#dff8ff;background:linear-gradient(135deg,#6428a5,#174b74);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.moduleList{gap:10px;display:grid}.module{border-radius:20px;align-items:center;gap:13px;padding:14px;transition:all .2s;display:flex}.module:hover{background:#ffffff0d;border-color:#87dcff55}.module>div:nth-child(2){flex:1}.module strong{font-size:15px}.module p{color:#968da9;margin:3px 0 0;font-size:12px;line-height:1.4}.module>span{color:#706681;font-size:28px}.panel{border-radius:24px;padding:18px}.financeForm{gap:10px;display:grid}.financeForm input,.financeForm select,.loginForm input{color:#fff;background:#0c0916;border:1px solid #b2a5d52b;border-radius:14px;outline:none;width:100%;padding:13px 14px}.financeForm input:focus,.financeForm select:focus,.loginForm input:focus{border-color:#6ee7ff88;box-shadow:0 0 0 3px #51d9ff10}.financeForm button,.loginForm button{color:#07101a;cursor:pointer;background:linear-gradient(90deg,#4ddcff,#7a54ff);border:0;border-radius:14px;padding:14px;font-weight:900}.entryList{gap:10px;display:grid}.entry{border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.entry p{color:#93899f;margin:4px 0 0;font-size:12px}.entryValue{text-align:right;flex:none}.entryValue small{color:#90869d;text-transform:capitalize;margin-top:5px;display:block}.settleButton{color:#9cffd0;cursor:pointer;background:#36d99114;border:1px solid #69f0b655;border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:6px 9px;font-size:11px;display:inline-flex}.emptyState{color:#8f859f;text-align:center;border:1px dashed #ffffff18;border-radius:18px;padding:24px}.loginShell{place-items:center;min-height:100svh;padding:24px;display:grid}.loginCard{background:linear-gradient(160deg,#1e1040e8,#0c0a18f5);border-radius:28px;width:min(100%,430px);padding:26px;box-shadow:0 30px 100px #0009}.loginIcon{background:linear-gradient(135deg,#552a9d,#124866);border-radius:17px;place-items:center;width:50px;height:50px;margin-bottom:18px;display:grid}.loginCard h1{margin:8px 0;font-size:34px}.loginText{color:#afa5bd;margin:0 0 18px}.loginError{color:#ffacbd;background:#ff315b12;border:1px solid #ff6b8a44;border-radius:13px;padding:10px 12px;font-size:13px}.loginForm{gap:14px;display:grid}.loginForm label{color:#c9bfd6;gap:7px;font-size:13px;display:grid}.loginCard>small{color:#766d82;margin-top:18px;line-height:1.5;display:block}.alertOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02030ad9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.alertModal{text-align:center;background:linear-gradient(160deg,#1c1228,#0a0913);border:1px solid #ffbd5a55;border-radius:26px;width:min(100%,440px);margin:0;padding:28px;position:relative;box-shadow:0 30px 100px #000c}.alertModal h2{margin:10px 0 8px;font-size:28px}.alertModal>p:not(.eyebrow){color:#cfc5dd;margin:0;line-height:1.55}.alertModal small{color:#8f859f;margin-top:10px;display:block}.alertIcon{color:#ffd57a;background:#ffb93818;border-radius:18px;place-items:center;width:52px;height:52px;margin:0 auto 14px;display:grid}.alertClose{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff16;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.alertAction{color:#bdf4ff;cursor:pointer;background:#48dfff12;border:1px solid #8fe8ff55;border-radius:14px;margin-top:20px;padding:11px 18px;font-weight:900}footer{color:#8f859f;border-top:1px solid #ffffff10;margin-top:32px;padding:20px 4px 0}footer p{margin:0 0 4px;font-weight:700}footer small{line-height:1.5}@media (min-width:680px){.shell{padding-left:28px;padding-right:28px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:165px}.moduleList,.financeForm{grid-template-columns:repeat(2,minmax(0,1fr))}.financeForm button{grid-column:1/-1}}