*{box-sizing:border-box}:root{--purple:#6d3df5;--purple-dark:#4f27c7;--ink:#17151f;--muted:#77727f;--line:#e9e6ee;--surface:#ffffff;--background:#f7f6f9}body,html{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:var(--ink);background:var(--background)}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(109,61,245,.1),transparent 30%),var(--background)}.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:0 20px 60px rgba(34,22,65,.08)}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--purple);color:white;font-weight:800;font-size:22px;margin-bottom:22px}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:18px;margin:0}.eyebrow{margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--purple)}h1,h2,h3,p{margin-top:0}.login-card h1{font-size:32px;margin-bottom:10px}.muted{color:var(--muted);line-height:1.55}.field-label{display:block;margin:22px 0 7px;font-size:13px;font-weight:700}.input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;outline:none;background:#fff}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,61,245,.1)}.primary-btn,.secondary-btn{border:0;border-radius:11px;padding:13px 17px;font-weight:750}.primary-btn{width:100%;margin-top:24px;color:white;background:var(--purple)}.primary-btn:hover{background:var(--purple-dark)}.secondary-btn{background:#f0ebff;color:var(--purple-dark)}.prototype-note{margin:18px 0 0;font-size:11px;color:#9a95a3;text-align:center}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;flex:0 0 245px;background:#fff;border-right:1px solid var(--line);padding:25px 14px 18px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.side-brand span,.side-brand strong{display:block}.side-brand strong{font-size:15px}.side-brand span{margin-top:2px;font-size:11px;color:var(--muted)}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;margin:2px 0;border-radius:10px;color:#615c69;text-align:left;font-size:13px}.nav-item.active{background:#f0ebff;color:var(--purple-dark);font-weight:750}.nav-icon{width:23px;text-align:center;font-size:12px;font-weight:800}.logout{margin-top:auto;border:0;background:transparent;text-align:left;padding:12px;color:#8a8590;font-size:13px}.main{flex:1 1;min-width:0;padding:30px 38px 50px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar h1{margin:0;font-size:27px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip span,.user-chip strong{display:block}.user-chip strong{font-size:13px}.user-chip span{margin-top:2px;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eee9ff;color:var(--purple-dark);font-weight:800}.welcome{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.welcome h2{margin-bottom:8px;font-size:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:20px}.page-placeholder,.panel,.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px}.stat-card{padding:20px}.stat-card small,.stat-card span{display:block}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;margin:13px 0 7px;font-size:22px}.stat-card small{color:#9a95a3;font-size:11px}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel h3{margin:0;font-size:17px}.status{font-size:10px;font-weight:800;color:#268451;background:#eaf8f0;padding:6px 9px;border-radius:20px}.row{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}.row,.row strong{font-size:13px}.empty-chart{height:190px;border-radius:12px;border:1px dashed #d9d4e1;display:grid;place-content:center;text-align:center;color:#817b89}.empty-chart span{font-weight:700;font-size:13px}.empty-chart small{margin-top:7px;font-size:11px}.page-placeholder{min-height:480px;display:grid;place-content:center;text-align:center;padding:40px}.placeholder-icon{margin:0 auto 20px;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#f0ebff;color:var(--purple-dark);font-weight:800}.page-placeholder h2{margin-bottom:10px}.page-placeholder .muted{max-width:520px;margin:0 auto}@media (max-width:900px){.sidebar{width:205px;flex-basis:205px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.app-shell{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.logout{margin-top:10px}.main{padding:25px 18px 40px}.topbar,.welcome{align-items:flex-start;flex-direction:column}.content-grid{grid-template-columns:1fr}}