:root{--blue:#1677ff;--paper:#f7f8fa;--line:#e9edf3;--ink:#303236;--muted:#858b95;--green:#12a879;--red:#e65757;--amber:#e99d1f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.side{background:#fff;border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:750;display:flex;align-items:center;gap:10px;padding:0 10px 20px}.brand-mark{background:var(--blue);color:#fff;border-radius:7px;width:30px;height:30px;display:grid;place-items:center}.workspace{margin:0 5px 16px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;display:flex;justify-content:space-between}.workspace button{border:0;background:#f2f5fb;color:#526176;border-radius:5px;padding:4px 7px;cursor:pointer}nav{display:grid;gap:4px}nav button{border:0;background:transparent;color:#525862;text-align:left;border-radius:7px;padding:11px 12px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between}nav button:hover,nav button.active{background:#edf3ff;color:var(--blue);font-weight:650}.side-footer{margin-top:auto;padding:18px 10px 2px;color:#8b93a0;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#2dd49c;border-radius:50%;margin-right:6px}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--line);padding:16px 34px;display:flex;align-items:center;justify-content:space-between}.crumb{margin:0 0 4px;color:var(--muted);font-size:12px}.topbar h1{margin:0;font-size:21px}.top-actions{display:flex;align-items:center;gap:12px}.icon{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted)}.avatar{background:#edf2ff;color:#2864e9;font-weight:700;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}#page{padding:28px 34px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 2px 7px #1b2b4a05}.stat-label{color:var(--muted);margin-bottom:13px}.stat-value{font-size:25px;font-weight:730}.delta{font-size:12px;color:var(--green);margin-top:9px}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section h2{font-size:16px;margin:0}.button{border:0;border-radius:7px;padding:9px 13px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}.button.secondary{background:#fff;color:#496178;border:1px solid var(--line)}.grid-2{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.chart{height:225px;display:flex;align-items:end;gap:13px;padding:16px 4px 0;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(#4d88ff,#dbe8ff);border-radius:5px 5px 0 0}.legend{display:flex;gap:17px;color:var(--muted);font-size:12px;margin-top:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4984ff;margin-right:4px}.alert{display:flex;gap:11px;border-bottom:1px solid var(--line);padding:13px 0}.alert:last-child{border:0}.alert p{margin:3px 0 0;color:var(--muted);font-size:12px}.tag{font-size:12px;border-radius:20px;padding:4px 8px;font-weight:600}.tag.success{background:#e5f8f1;color:#09855e}.tag.pending{background:#fff4dc;color:#b27200}.tag.fail{background:#ffebeb;color:#c94444}.toolbar{display:flex;gap:10px;margin-bottom:15px}.input{height:36px;border:1px solid var(--line);border-radius:7px;padding:0 10px;min-width:210px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#8490a6;font-size:12px;background:#fbfcfe;font-weight:600}td{font-size:13px}tr:last-child td{border-bottom:0}.link{color:var(--blue);cursor:pointer}.empty{background:#fff;border:1px dashed #d7dfed;border-radius:10px;padding:50px;text-align:center;color:var(--muted)}.metric-list{display:grid;gap:10px}.metric{display:flex;justify-content:space-between;padding:12px;background:#f8faff;border-radius:7px}.modal{position:fixed;inset:0;background:#0d1835a8;display:grid;place-items:center;z-index:20}.hidden{display:none}.modal-card{width:min(670px,90vw);background:#fff;border-radius:14px;padding:28px;position:relative}.close{position:absolute;right:17px;top:12px;font-size:26px;border:0;background:transparent;color:var(--muted);cursor:pointer}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.role-grid button{padding:18px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;cursor:pointer}.role-grid b,.role-grid span{display:block}.role-grid span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.login-view{position:fixed;z-index:10;inset:0;background:radial-gradient(circle at 12% 83%,#e2faf1 0,transparent 25%),radial-gradient(circle at 88% 50%,#e3edff 0,transparent 29%),#fff}.login-brand{position:absolute;top:25px;left:28px;display:flex;gap:10px;align-items:center}.login-logo{width:43px;height:43px;border-radius:13px;color:#fff;background:var(--blue);display:grid;place-items:center;font-size:22px}.login-brand small,.login-brand b{display:block}.login-brand b{font-size:20px;margin-top:2px}.login-hero{position:absolute;left:23%;top:43%;max-width:600px}.login-hero span{padding:8px 13px;border:1px solid #cde0ff;color:var(--blue);border-radius:20px;font-weight:600}.login-hero h1{font-size:52px;line-height:1.24;margin:28px 0 14px}.login-hero em{color:var(--blue);font-style:normal}.login-hero p{font-size:18px;line-height:1.7;color:#737985}.login-card{position:absolute;right:11%;top:17%;width:530px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 55px #14255b12}.login-card h1{margin:0;font-size:30px}.login-card>p{color:#767d89;margin:10px 0 28px}.login-card label{font-size:15px;font-weight:650;display:block;margin:15px 0 0}.login-card label small{font-weight:400;color:#999}.login-card input{display:block;width:100%;height:54px;border:1px solid #e1e4e9;border-radius:8px;padding:0 15px;margin-top:8px;font:14px inherit}.login-submit{margin-top:23px;width:100%;height:55px;border:0;border-radius:8px;background:#7ba9f8;color:#fff;font-size:16px;font-weight:650;cursor:pointer}.quick-login{display:flex;gap:8px;margin-top:12px}.quick-login button{border:0;background:transparent;color:var(--blue);cursor:pointer}.login-card footer{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;color:#999;font-size:12px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.stats,.grid-2{grid-template-columns:1fr 1fr}.topbar,#page{padding-left:18px;padding-right:18px}.login-hero{display:none}.login-card{left:50%;right:auto;top:12%;transform:translateX(-50%);width:min(500px,90vw)}}@media(max-width:600px){.stats,.grid-2,.role-grid{grid-template-columns:1fr}}