:root{--ink:#102a2e;--muted:#64767a;--paper:#f3f7f4;--white:#fff;--lime:#b9ef50;--teal:#0d5757;--line:#dce6df;--danger:#9f3030}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.brand-panel{position:relative;overflow:hidden;background:var(--teal);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.brand-panel h1{font-size:clamp(4rem,9vw,9rem);line-height:.85;margin:20px 0;letter-spacing:-.08em}.brand-panel p{font-size:clamp(1.1rem,2vw,1.6rem);max-width:560px;color:#dceee8}.brand-mark{position:absolute;right:-7rem;bottom:-9rem;width:25rem;height:25rem;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:6rem;font-weight:900;letter-spacing:-.1em}.brand-mark.small{position:static;width:64px;height:64px;font-size:2rem;margin:auto}.login-panel{display:grid;place-items:center;padding:40px}.card{width:min(420px,100%);background:var(--white);padding:42px;border-radius:24px;box-shadow:0 24px 80px #173e3420}.card h2{font-size:2rem;margin:12px 0 30px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:var(--lime)}.login-panel .eyebrow{color:var(--teal)}label{display:grid;gap:8px;margin:18px 0;font-size:.9rem;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fbfdfb}input:focus{outline:3px solid #b9ef5055;border-color:var(--teal)}button{border:0;border-radius:12px;padding:14px 18px;background:var(--lime);color:var(--ink);font-weight:800;cursor:pointer;width:100%}.alert{background:#fff0f0;color:var(--danger);padding:12px;border-radius:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:var(--ink);color:#fff;padding:28px 22px;display:flex;flex-direction:column}.logo{font-weight:900;font-size:1.35rem}.logo span{margin-left:8px}nav{display:grid;gap:6px;margin:48px 0 auto}nav a{color:#b9c7c7;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:650}nav a:hover,nav a.active{background:#ffffff12;color:#fff}.ghost{background:transparent;border:1px solid #ffffff22;color:#fff}.dashboard{padding:42px}.dashboard header{display:flex;align-items:center;justify-content:space-between}.dashboard h1{font-size:2.5rem;margin:6px 0}.role{background:#dff4e4;padding:8px 12px;border-radius:99px;text-transform:capitalize;font-size:.8rem;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0}.metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:2.4rem;display:block;margin:12px 0}.empty-state{text-align:center;background:#fff;border:1px dashed #b4c9bb;border-radius:22px;padding:60px 24px}.empty-state h2{margin:18px 0 4px}.empty-state p{color:var(--muted)}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:38vh;padding:50px 30px}.brand-mark{width:12rem;height:12rem;font-size:3rem;right:-3rem;bottom:-4rem}.app-shell{grid-template-columns:1fr}aside{display:none}.dashboard{padding:24px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.metrics{grid-template-columns:1fr}.login-panel{padding:22px}.card{padding:28px}}