:root{--primary:#1f4e79;--green:#2e8b57;--warn:#f4a261;--error:#e76f51;--bg:#f5f7fb;--line:#d9e1ea;--text:#1f2937;--muted:#6b7280;--card:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f7f9fc 0%,#f3f7fb 100%);color:var(--text)}a{text-decoration:none;color:var(--primary)}
.shell{max-width:1240px;margin:0 auto;padding:24px 20px 40px}.muted{color:var(--muted)}.small{font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:10px 16px;border-radius:12px;border:1px solid var(--primary);cursor:pointer;font-weight:700}.btn:hover{filter:brightness(.98)}.btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--line)}.small-btn{padding:6px 10px;font-size:12px}
.pill{display:inline-block;padding:7px 12px;background:#eaf2fb;color:var(--primary);border-radius:999px;font-size:12px;font-weight:700}.hero{display:grid;grid-template-columns:1.35fr .95fr;gap:22px;padding:18px 0 8px}.lead{font-size:18px;line-height:1.65;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.card.soft{background:#fbfdff}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.layout.one-col{grid-template-columns:1fr}
.sidebar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:88px}.sidebar a{padding:10px 12px;border-radius:12px;color:var(--text);font-weight:600}.sidebar a.active,.sidebar a:hover{background:#eef5fb;color:var(--primary)}
.alert{padding:13px 15px;border-radius:14px;margin:10px 0 18px}.alert.error{background:#fdecea;color:#9d3122}.alert.success{background:#e9f7ef;color:#20663a}
.auth-wrap{display:flex;justify-content:center;padding-top:40px}.auth-card{width:min(100%,500px)}
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.form input,.form select,.form textarea{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}
.stat span{display:block;color:var(--muted);margin-bottom:8px}.stat strong{font-size:30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px;color:var(--muted);font-weight:800}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#edf4ff;color:var(--primary);font-size:12px;font-weight:700}.badge.warn{background:#fff4e7;color:#9a5b00}
.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{padding:14px;border-left:4px solid var(--primary);background:#f9fbfd;border-radius:12px}.metric-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line)}
.footer{text-align:center;color:var(--muted);padding:30px 0 12px}
@media (max-width: 900px){.hero,.layout,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.shell{padding:18px 14px 34px}.sidebar{position:static;top:auto}}