:root{--primary:oklch(43.35% .0754 182.2315);--primary-hover:oklch(38% .068 182.2315);--primary-foreground:#fff;--secondary:oklch(96.44% .0208 166.1014);--background:oklch(96.05% .0046 258.3248);--ring:oklch(57% .13 166);--foreground:#111b21;--surface:#fff;--surface-subtle:#f7faf9;--card:var(--surface);--text-muted:#54656f;--border:#d9e1df;--border-strong:#c9d3d0;--success-subtle:#e7f7f1;--success:#087443;--success-strong:#17663a;--warning-subtle:#fff8df;--warning:#9a6700;--warning-strong:#7b5200;--danger-subtle:#fff0f0;--danger:#b42318;--danger-strong:#9f1239;--info-subtle:#f2f7ff;--info:#1677c8;--info-strong:#174d89;--overlay:#06162c99;--shadow-color:#0b332b12;--blue:var(--primary);--ink:var(--foreground);--muted:var(--text-muted);--line:var(--border);--bg:var(--background);--green:var(--primary)}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 Inter,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.shell>aside{background:var(--surface);color:var(--foreground);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{font-weight:800;font-size:18px;color:white;padding:0 10px 32px}
.brand span,.logo{display:inline-grid;place-items:center;background:var(--secondary);width:34px;height:34px;border-radius:10px;margin-right:9px;color:var(--primary)}
.shell nav a{display:block;padding:11px 13px;border-radius:9px;margin:4px 0}
.shell nav a:hover{background:var(--secondary);color:var(--primary)}
.logout{margin-top:auto;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:10px;width:100%;border-radius:8px}
.shell>aside form{margin-top:auto}
main{padding:28px 38px 90px;max-width:1500px;width:100%;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
header small,.eyebrow{font-weight:700;font-size:11px;letter-spacing:1.2px;color:var(--primary)}
h1{font-size:25px;margin:3px 0}
.avatar,.mini-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--secondary);color:var(--primary);font-weight:800}
.hero{background:var(--card);color:var(--foreground);border-radius:20px;padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 35px var(--shadow-color)}
.hero h2{font-size:27px;margin:7px 0}
.hero .eyebrow{color:var(--primary)}
.clock{font-size:35px;font-weight:750}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.metrics article,.panel,.report,.form-card,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 3px 12px var(--shadow-color)}
.metrics small,.metrics span,.feed small,td small{display:block;color:var(--muted)}
.metrics strong{font-size:22px;display:block;margin:5px 0}
.green{color:var(--green)!important}
.blue{color:var(--blue)!important}
.grid{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}
.panel h3{margin-top:0}
.check{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px auto;width:150px;height:150px;border:9px solid var(--border);border-radius:50%;background:var(--secondary);color:var(--primary);font-size:22px;font-weight:750;box-shadow:0 9px 25px var(--shadow-color)}
.check small{font-size:11px;font-weight:400}
.shift{text-align:center;color:var(--muted)}
.panel-head,.report-top,.toolbar,.buttons{display:flex;justify-content:space-between;align-items:center}
.panel-head a{color:var(--blue)}
.feed{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.feed p{margin:3px 0}
.mini-avatar{width:38px;height:38px;flex:none}
.toast,.notice{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:var(--success-subtle);color:var(--success-strong)}
.toolbar{margin-bottom:18px}
.toolbar form{display:flex;gap:8px;min-width:50%}
.field{width:100%;border:1px solid var(--border-strong);border-radius:8px;padding:11px 12px;background:var(--surface);font:inherit}
.primary,.toolbar button{background:var(--blue);border:0;color:var(--primary-foreground);padding:11px 18px;border-radius:8px;font-weight:700}
.report-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.report-top{justify-content:flex-start;gap:10px}
.report-top .badge{margin-left:auto}
.badge{background:var(--secondary);color:var(--primary);padding:4px 9px;border-radius:99px;font-size:12px}
.badge.ok{background:var(--success-subtle);color:var(--success-strong)}
.callout{background:var(--info-subtle);padding:11px;border-left:3px solid var(--info);border-radius:6px}
.callout small{display:block;color:var(--muted);font-size:10px}
.blocker{margin-top:10px;color:var(--warning-strong);background:var(--warning-subtle);padding:10px;border-radius:7px}
.form-card{max-width:720px}
.form-card label{font-weight:650;display:block;margin-bottom:5px}
.form-card p{margin:0 0 16px}
.buttons{justify-content:flex-start;gap:20px}
.compact{padding:25px}
.compact strong{font-size:26px;display:block}
.table-wrap{margin-top:18px;overflow:auto;padding:0}
table{border-collapse:collapse;width:100%;min-width:650px}
th,td{text-align:left;padding:14px 17px;border-bottom:1px solid var(--line)}
th{font-size:11px;color:var(--muted);letter-spacing:.5px}
.notice{background:var(--warning-subtle);color:var(--warning-strong)}
.insight{margin-bottom:14px}
.empty{text-align:center;padding:50px;color:var(--muted)}
.mobile-nav{display:none}
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}
.login-art{padding:12%;display:flex;flex-direction:column;justify-content:center;color:white;background:var(--card)}
.login-art h1{font-size:44px;line-height:1.15}
.login .logo{width:52px;height:52px;font-size:24px}
.login-form{display:grid;place-items:center;padding:30px}
.login-form form{width:min(390px,100%)}
.login-form h2{font-size:30px;margin-bottom:0}
.login-form label{display:block;font-weight:650}
.login-form input{width:100%;padding:12px;border:1px solid var(--border-strong);border-radius:8px}
.login-form .primary{width:100%}
.demo{margin-top:20px;background:var(--surface-subtle);padding:12px;border-radius:8px;color:var(--muted)}
.error{color:var(--danger-strong);margin-bottom:12px}
@media(max-width:760px){.shell{display:block}
.app-sidebar{display:none}
main{padding:20px 16px 90px}
header{margin-bottom:16px}
header h1{font-size:21px}
.hero{padding:22px;display:block}
.hero h2{font-size:23px}
.clock{font-size:28px;margin-top:14px}
.metrics{grid-template-columns:1fr 1fr}
.metrics article:last-child{grid-column:1/-1}
.grid,.report-list{grid-template-columns:1fr}
.toolbar{align-items:stretch;gap:10px}
.toolbar form{min-width:0}
.mobile-nav{display:flex;position:fixed;z-index:9;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);justify-content:space-around;padding:8px}
.mobile-nav a{display:flex;flex-direction:column;text-align:center;color:var(--text-muted)}
.mobile-nav small{font-size:10px}
.login{grid-template-columns:1fr}
.login-art{display:none}
.login-form{padding:24px}
.compact>div:last-child{margin-top:16px}
}