:root{color:#1c1c1c;background:#efece4;font-family:Zen Kaku Gothic New,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#f7c3dd,#e7c4ee 46%,#d4c2f0)}.shell,body{min-height:100vh}.shell{position:relative;z-index:1;display:grid;grid-template-columns:232px minmax(0,1fr)}.side{background:rgba(255,255,255,.72);color:#1c1c1c;padding:20px 12px;display:flex;flex-direction:column;gap:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{margin:0;padding:4px 8px 10px}.logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#f4f7fb}.logo-img{display:block;height:28px;width:auto;filter:brightness(0) invert(1)}.logo-sub{font-size:11px;font-weight:650;letter-spacing:.22em;opacity:.82}.logo-on-light{color:#1a2b4a}.logo-on-light .logo-img{filter:none}.login h1{margin:0 0 14px}.login h1 .logo-img{height:36px}.side nav{display:grid;grid-gap:4px;gap:4px}.side-foot{margin-top:8px}.side button.nav-item{width:100%;text-align:left;background:transparent;color:inherit;border-radius:10px;padding:10px 12px}.side button.nav-item:disabled{color:#9a9388;cursor:not-allowed}.nav-item{color:inherit;text-decoration:none;padding:10px 12px;border-radius:10px}.nav-item.active{background:#222e83;color:#fff}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{justify-content:space-between;gap:16px;padding:14px 28px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(255,255,255,.7)}.page-title,.topbar{display:flex;align-items:center}.page-title{position:relative;margin:0;min-width:0;flex:1 1;height:64px;overflow:hidden;font-size:20px;font-weight:700}.page-title span{position:relative;z-index:1}.page-title-art{position:absolute;left:108px;top:50%;height:78px;width:auto;transform:translateY(-50%);opacity:.28;pointer-events:none}.account{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#222e83;color:#f4f7fb;display:grid;place-items:center;font-size:14px;font-weight:650;flex:none}.account-text{display:grid;line-height:1.35}.account-name{font-weight:650}.account-email{color:#6d655b;font-size:12px}.content{width:min(1100px,100%);padding:24px 28px 56px}.login h1{font-size:28px;font-weight:650}.login h1,h2{margin:0 0 12px}h2{font-size:18px}.muted{color:#6d655b;margin:0}.summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.panel{background:#fff;border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(40,32,20,.06)}.summary strong{display:block;margin-top:6px;font-size:28px}.charts{display:grid;grid-gap:16px;gap:16px}.chart{height:360px}.chart-wide{min-width:640px}.panel:has(.chart-wide){overflow-x:auto}.button,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#222e83;color:#f4f7fb;padding:10px 16px;font:inherit;cursor:pointer}.ghost{background:transparent;color:#221e18;border:1px solid #d9d3c5}.login{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.login .panel{width:min(460px,100%);padding:28px 24px}.login .panel .muted{line-height:1.8}.login .panel form,.login .panel>.button{display:block;margin-top:28px}.login .panel .button{display:inline-flex;align-items:center;text-decoration:none}@media (max-width:800px){.shell{grid-template-columns:1fr}.side{padding:14px 12px;gap:8px}.side nav{grid-auto-flow:column;justify-content:start}.topbar{align-items:flex-start;flex-direction:column;padding:14px 16px}.content{padding:16px 16px 40px}.summary{grid-template-columns:1fr}}