:root{--bg:#f4f6fb;--card:#fff;--text:#1f2937;--muted:#64748b;--line:#e5e7eb;--accent:#0f172a;--blue:#dbeafe;--rose:#ffe4e6;--amber:#fef3c7;--green:#dcfce7;--slate:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#0f4ab8;text-decoration:none}h1,h2,h3{margin:0 0 10px}p{line-height:1.5}.small{font-size:.86rem}.muted{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:20px}.brand{font-size:1.4rem;font-weight:800}.nav{display:flex;flex-direction:column;gap:8px}.nav a{padding:12px 14px;border-radius:14px;color:var(--text)}.nav a.active,.nav a:hover{background:#eef2ff}.search-box{display:flex;gap:8px}.search-box input{flex:1}.case-list{display:flex;flex-direction:column;gap:10px;overflow:auto}.case-link{display:block;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fbfdff;color:var(--text)}.case-link.current{background:var(--accent);color:#fff}
.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.right-box{display:flex;gap:10px;flex-wrap:wrap}.stats-grid,.hero-grid,.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 2px 10px rgba(15,23,42,.04)}.stat-value{font-size:2rem;font-weight:800}.item-box{padding:12px 14px;border:1px solid var(--line);border-radius:16px;margin-top:12px;background:#fbfdff}.score-wrap{display:inline-block;padding:16px 18px;border-radius:18px;margin:14px 0}.score-good{background:var(--green)}.score-mid{background:var(--amber)}.score-low{background:var(--rose)}
label{display:block;font-weight:600;font-size:.94rem;margin:0 0 6px}input,textarea,select,button{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:14px;font:inherit}textarea{resize:vertical}button{background:var(--accent);color:#fff;border:none;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.05)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px}.alert.success{background:var(--green)}.alert.error{background:var(--rose)}.badge{display:inline-block;padding:7px 11px;border-radius:999px;font-size:.85rem;font-weight:700}.badge-blue{background:var(--blue)}.badge-rose{background:var(--rose)}.badge-amber{background:var(--amber)}.badge-green{background:var(--green)}.badge-slate{background:var(--slate)}
.login-wrap{min-height:90vh;display:grid;place-items:center}.login-card{width:min(460px,92vw);background:#fff;padding:30px;border-radius:28px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.08)}.login-card form{display:grid;gap:14px;margin-top:16px}
@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.stats-grid,.hero-grid,.grid.two{grid-template-columns:1fr}.main{padding:16px}.sidebar{padding:16px}}