:root{--ink:#25273a;--muted:#7b7f94;--canvas:#f6f7fc;--surface:#fff;--line:#e9eaf2;--primary:#6656e8;--primary2:#8b7cff}*{box-sizing:border-box}body{font-family:"DM Sans",sans-serif;background:var(--canvas);color:var(--ink);font-size:14px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e5e1ff,transparent 30%),radial-gradient(circle at 80% 80%,#d8f6ef,transparent 25%),var(--canvas)}.auth-card{padding:42px;width:min(430px,90vw);background:rgba(255,255,255,.85);border:1px solid #fff;border-radius:24px;box-shadow:0 25px 70px #56537a20}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#9b8cff);color:#fff}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--primary);margin:12px 0 4px}.auth-card h1,h2,h3,h4,h5,.brand{font-family:Outfit,sans-serif}.auth-card label{display:block;font-weight:600;color:#555970}.form-control{border:1px solid #dde0eb;border-radius:10px;padding:10px 12px;margin-top:7px}.form-control:focus{box-shadow:0 0 0 4px #6656e820;border-color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);border-radius:10px;padding:10px 14px;font-weight:600}.btn-primary:hover{background:#5545d6;border-color:#5545d6}.sidebar{position:fixed;top:0;bottom:0;width:250px;background:var(--surface);border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:700;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;padding:0 10px 30px}.brand span span{color:var(--primary)}nav{display:grid;gap:4px}.sidebar a,.nav-link{color:#72768a;text-decoration:none;border:0;background:none;font-weight:600;padding:11px 12px;border-radius:9px;text-align:left}.sidebar a i,.nav-link i{width:24px;font-size:16px}.sidebar a.active,.sidebar a:hover,.nav-link:hover{background:#f0eeff;color:var(--primary)}.sidebar-bottom{margin-top:auto;display:grid;gap:5px}.content{margin-left:250px;padding:31px 42px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header h2{font-size:26px;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.icon-button,.avatar{position:relative;border:0;background:var(--surface);border-radius:12px;width:40px;height:40px;color:#64677a}.icon-button b{position:absolute;width:7px;height:7px;background:#ff6571;border-radius:50%;right:9px;top:8px}.avatar{background:#222438;color:#fff;font-weight:bold}.alert-strip{border:1px solid #ded9ff;background:linear-gradient(90deg,#f3f1ff,#fff);padding:13px 17px;border-radius:12px;color:#56506f;margin-bottom:24px}.alert-strip i{color:var(--primary);margin-right:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-grid article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 8px #25273a05}.metric-grid p{color:var(--muted);margin:12px 0 3px}.metric-grid h3{font-size:27px;margin:0}.metric-grid small{color:#9296a8}.metric-grid small i{color:#34aa83}.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.purple{background:#eeeaff;color:#6b59e8}.orange{background:#fff0dd;color:#e79a39}.blue{background:#e3f4ff;color:#3688c6}.green{background:#e1f7ee;color:#34a879}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-title h4{font-size:17px;margin:0}.panel-title p{font-size:12px;margin:4px 0;color:var(--muted)}.agenda-item{display:grid;grid-template-columns:44px 12px 1fr;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.agenda-item:last-child{border:0}.time{font-size:12px;color:#767b8e}.dot{width:9px;height:9px;border-radius:50%;margin-top:4px}.agenda-item strong,.agenda-item small{display:block}.agenda-item small{color:var(--muted);margin-top:3px}.table>:not(caption)>*>*{padding:13px 10px;border-color:var(--line)}.status{background:#e2f7ec;color:#25855f;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:bold}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:72px;padding:20px 10px}.sidebar .brand>span:not(.brand-mark),.sidebar a{font-size:0}.sidebar a i{font-size:17px}.content{margin-left:72px;padding:25px}}@media(max-width:600px){.content{padding:20px 14px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:14px}header h2{font-size:20px}.alert-strip{font-size:12px}.sidebar{display:none}.content{margin:0}}