:root{--bg:#f5f7fb;--card:#fff;--text:#132238;--muted:#667085;--navy:#0f2747;--green:#1e8f5b;--border:#e6eaf0}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;padding:24px 18px}.brand{margin-bottom:28px;font-size:22px;font-weight:800}.nav{gap:8px;display:grid}.nav a{color:#dce6f3;border-radius:12px;padding:12px 14px}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.main{padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 4px 20px #0f27470a}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{margin-top:8px;font-size:28px;font-weight:800}.section-title{margin-bottom:14px;font-size:18px;font-weight:800}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:7px;display:grid}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px}.field textarea{resize:vertical;min-height:110px}.full{grid-column:1/-1}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;padding:11px 16px}.btn-primary{background:var(--green);color:#fff}.btn-secondary{color:var(--text);background:#e9eef5}.badge{color:#157347;background:#eaf7f0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{padding:14px;position:static}.nav{grid-template-columns:repeat(4,1fr);overflow:auto}.brand{margin-bottom:12px}.main{padding:14px}.kpis,.form-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}}