:root{--navy:#071d43;--blue:#155eef;--sky:#edf4ff;--ink:#14233d;--muted:#68778f;--line:#e6ebf2;--white:#fff;--green:#15803d;--shadow:0 16px 42px rgba(7,29,67,.08)}
    *{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}
    .login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(380px,.95fr);background:white}.brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#071d43,#0b3474 68%,#155eef);color:white;padding:52px 7vw;display:flex;flex-direction:column;justify-content:space-between}.brand-panel:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff20;border-radius:50%;right:-210px;bottom:-270px;box-shadow:0 0 0 70px #ffffff0d,0 0 0 140px #ffffff08}.logo{width:132px;height:132px;object-fit:cover;border-radius:50%;box-shadow:0 8px 28px #00000040}.brand-copy{position:relative;z-index:1;max-width:530px;margin:90px 0}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#a8c7ff}.brand-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:17px 0 22px}.brand-copy p{font-size:18px;line-height:1.65;color:#d3e2ff;max-width:440px}.brand-foot{font-size:13px;color:#c2d5f7;position:relative;z-index:1}.login-side{display:flex;align-items:center;justify-content:center;padding:48px 28px}.login-card{width:min(410px,100%)}.login-card h2{font-size:30px;letter-spacing:-.035em;margin:0 0 8px}.login-card .sub{color:var(--muted);margin:0 0 32px}.field{margin:18px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field input{width:100%;height:49px;border:1px solid #d8e0eb;border-radius:10px;padding:0 14px;outline:0;background:#fff}.field input:focus{border-color:#5288f5;box-shadow:0 0 0 3px #155eef18}.password-row{display:flex;justify-content:space-between;align-items:center}.password-row a{font-size:12px;color:var(--blue);text-decoration:none;font-weight:700}.primary{width:100%;height:50px;background:var(--blue);border:0;border-radius:10px;color:white;font-weight:800;box-shadow:0 6px 14px #155eef30}.primary:hover{background:#0f4fd5}.secondary{width:100%;height:44px;background:white;border:1px solid #d8e0eb;border-radius:10px;color:#34435d;font-weight:750;margin-top:9px}.secondary:hover{background:#f7f9fc}.notice{min-height:20px;margin:13px 0;color:#b42318;font-size:13px}.safe{display:flex;align-items:center;gap:8px;color:#7b879a;font-size:12px;margin-top:25px}.dot{width:8px;height:8px;border-radius:50%;background:#16a34a}
    .app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#cbd8ee;padding:24px 16px;display:flex;flex-direction:column;z-index:3}.side-logo{height:56px;width:56px;object-fit:cover;border-radius:50%;margin:0 0 34px 8px}.workspace{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7792bd;font-weight:800;padding:0 12px 12px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#cbd8ee;border-radius:9px;text-align:left;padding:11px 12px;font-weight:650}.nav button:hover,.nav button.active{background:#ffffff14;color:white}.nav-icon{width:19px;text-align:center;font-size:17px}.side-bottom{margin-top:auto;border-top:1px solid #ffffff18;padding:17px 8px 2px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;background:#dbeafe;color:#155eef;border-radius:50%;display:grid;place-items:center;font-weight:800}.user-meta{font-size:12px;line-height:1.35}.user-meta strong{display:block;color:white;font-size:13px}.logout{margin-left:auto;background:none;border:0;color:#a8bad7;font-size:18px}.main{margin-left:252px;min-height:100vh}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:2}.crumb{color:var(--muted);font-size:13px}.crumb strong{color:var(--ink)}.top-right{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:13px}.status-pill{background:#ecfdf3;color:#067647;border-radius:99px;padding:6px 10px;font-weight:750;font-size:11px}.content{padding:34px;max-width:1440px;margin:auto}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.heading h1{font-size:29px;letter-spacing:-.04em;margin:0 0 5px}.heading p{color:var(--muted);margin:0}.date{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;color:#44536b;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #0b25500a}.stat{padding:19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;font-weight:650}.stat-icon{width:34px;height:34px;border-radius:10px;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-size:17px}.stat-value{font-size:29px;font-weight:800;letter-spacing:-.04em;margin:16px 0 4px}.stat-foot{font-size:12px;color:#8190a4}.stat-foot b{color:var(--green)}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-top:18px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h3{font-size:16px;margin:0}.panel-link{border:0;background:none;color:var(--blue);font-size:12px;font-weight:750}.activity{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eff2f6}.activity-row:first-child{border-top:0}.act-icon{width:38px;height:38px;border-radius:11px;background:#f1f5f9;display:grid;place-items:center}.activity-row strong{font-size:13px;display:block}.activity-row small{color:var(--muted)}.activity-row time{color:#7a8799;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick{border:1px solid var(--line);border-radius:11px;padding:14px;background:white;text-align:left;transition:.15s}.quick:hover{border-color:#9bbafa;transform:translateY(-1px);box-shadow:0 6px 16px #155eef10}.quick .qi{font-size:20px}.quick strong{display:block;font-size:13px;margin:8px 0 2px}.quick small{color:var(--muted);font-size:11px}.mobile-top{display:none}.prototype{font-size:10px;color:#7f8ca1;margin-top:22px;text-align:center}
    @media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.brand-panel{padding:38px 5vw}.brand-copy h1{font-size:46px}}
    @media(max-width:700px){.login-wrap{grid-template-columns:1fr}.brand-panel{display:none}.login-side{padding:28px 22px}.login-card h2{font-size:27px}.sidebar{width:72px;padding:18px 9px}.side-logo{width:44px;height:44px;margin-left:4px}.workspace{display:none}.nav button{justify-content:center;padding:12px 7px}.nav button span:last-child,.user-meta,.logout{display:none}.side-bottom{justify-content:center;padding:15px 0}.main{margin-left:72px}.topbar{height:64px;padding:0 16px}.top-right .hide-mobile{display:none}.content{padding:22px 15px}.heading{display:block}.date{margin-top:14px}.stats{gap:10px}.stat{padding:14px}.stat-value{font-size:25px}.stat-top{font-size:11px}.stat-icon{width:30px;height:30px}.quick-grid{gap:8px}.panel{padding:16px}.heading h1{font-size:24px}}
  
    .crumb-sep{color:#b8c2d1}.stat-small{font-size:15px;color:#738198;font-weight:600}.avatar-sm{width:30px;height:30px;font-size:11px}.notice.info{color:var(--muted)}