:root{
 --bg:#f3f7f7;--panel:#fff;--ink:#15343b;--muted:#6b7f83;--teal:#1f6f78;
 --navy:#123b4a;--line:#d6e4e5;--good:#2f7d32;--watch:#9a6a00;--danger:#a32832;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:var(--navy);color:#fff}
.brand{font-size:21px;font-weight:800}.subtitle{font-size:13px;opacity:.75}.nav{display:flex;gap:8px;padding:10px 5vw;background:#fff;border-bottom:1px solid var(--line);overflow:auto}
.nav a{text-decoration:none;padding:9px 12px;border-radius:9px;white-space:nowrap}.nav a.active,.nav a:hover{background:#e8f3f4;color:var(--teal)}
.container{max-width:1450px;margin:auto;padding:28px 5vw}.narrow{max-width:680px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}
.hero h1,.panel h1,.panel h2{margin:0 0 6px}.hero p,.muted{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:22px;box-shadow:0 8px 28px rgba(18,59,74,.05)}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}
.kpi span{display:block;color:var(--muted);font-size:13px}.kpi strong{display:block;font-size:23px;margin-top:6px}.good{color:var(--good)}.watch{color:var(--watch)}.danger{color:var(--danger)}.neutral{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.form-grid{display:grid;gap:14px}.columns-2{grid-template-columns:repeat(2,1fr)}.columns-3{grid-template-columns:repeat(3,1fr)}
label{font-weight:650;color:var(--ink)}input,select,textarea{width:100%;margin-top:6px;border:1px solid #bfd0d2;border-radius:10px;padding:11px;background:#fff;color:var(--ink);font:inherit}
textarea{resize:vertical}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}
.button{display:inline-block;border:0;border-radius:10px;padding:11px 15px;background:var(--teal);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button-secondary{background:#e8f3f4;color:var(--navy)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:13px}
.link-danger{border:0;background:none;color:var(--danger);cursor:pointer}.stack{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);border-radius:10px}
.list-row span{display:block;color:var(--muted);font-size:13px}.alert{padding:12px;border-radius:10px;margin:14px 0}.alert.success{background:#e3f3e3;color:#245d27}.alert.danger{background:#f8d7da;color:#842029}
.footer{text-align:center;color:var(--muted);padding:25px}.panel canvas{max-height:360px}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:700px){.container{padding:20px 14px}.topbar{padding:15px}.nav{padding:8px 12px}.hero{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.columns-2,.columns-3{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}}