:root{--red:#b73535;--red2:#d04b3f;--green:#173f35;--green2:#245b4d;--black:#101514;--cream:#f6f2ea;--white:#fff;--muted:#6e756f;--line:#dfe5df;--ok:#20865a;--warn:#d69b20;--danger:#c53c3c;--shadow:0 14px 38px rgba(14,35,28,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:linear-gradient(135deg,#f8f5ee 0%,#edf3ef 48%,#f8f5ee 100%);color:var(--black)}
.top{background:linear-gradient(120deg,#0d1916,#163b32 58%,#261717);color:white;padding:18px 22px;position:sticky;top:0;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.18)}.brand{max-width:1400px;margin:auto;display:flex;align-items:center;gap:14px}.brand img{width:66px;height:66px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.65)}.brand h1{margin:0;font-size:21px}.brand p{margin:3px 0 0;color:#dbe8e2;font-size:13px}.grow{flex:1}.pill{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;background:rgba(255,255,255,.08)}
.wrap{max-width:1400px;margin:22px auto;padding:0 18px 50px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:rgba(255,255,255,.94);border:1px solid rgba(27,63,53,.10);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.span12{grid-column:span 12}.span8{grid-column:span 8}.span6{grid-column:span 6}.span4{grid-column:span 4}.span3{grid-column:span 3}.metric{font-size:31px;font-weight:900;color:var(--green)}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.h2{font-size:20px;margin:0 0 12px}.muted{color:var(--muted);font-size:13px}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff}.green{background:var(--green);color:#fff}.secondary{background:#edf2ef;color:#173f35}.danger{background:#fff0ef;color:#a83232}.btn:disabled{opacity:.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field label{font-size:12px;font-weight:800;color:#30443d}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #cfd9d3;border-radius:11px;background:#fff;font:inherit}.field textarea{min-height:72px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:11px 10px;border-bottom:1px solid #edf0ed;text-align:left;font-size:13px}th{background:#f2f6f3;color:#315248;position:sticky;top:0}.status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.s-ok{background:#e5f5ec;color:#17613f}.s-warn{background:#fff4d9;color:#8a5a00}.s-red{background:#fde7e7;color:#9b2f2f}.attention{display:flex;align-items:center;gap:10px;padding:10px 12px;border-left:4px solid var(--red);background:#fff7f6;border-radius:10px;margin:7px 0}.hidden{display:none!important}.login{max-width:480px;margin:55px auto}.navlinks{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.navlinks a{color:var(--green);text-decoration:none;font-weight:800;background:white;border:1px solid #dbe3de;padding:9px 12px;border-radius:11px}.toast{position:fixed;right:18px;bottom:18px;max-width:380px;background:#102b24;color:white;padding:14px 16px;border-radius:14px;box-shadow:var(--shadow);z-index:99}.newflash{animation:pulse 1.1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(183,53,53,.12)}}
@media(max-width:900px){.span8,.span6,.span4,.span3{grid-column:span 12}.formgrid{grid-template-columns:1fr}.brand img{width:52px;height:52px}.metric{font-size:26px}}
@media print{.top,.no-print,.btn{display:none!important}.card{box-shadow:none}.wrap{margin:0;max-width:none}}
/* MASTER 2.0 */
.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.tabbtn{border:1px solid #d7e1db;background:#fff;color:var(--green);border-radius:12px;padding:10px 13px;font-weight:850;cursor:pointer}.tabbtn.active{background:var(--green);color:#fff}.panel{display:none}.panel.active{display:block}.subtle{background:#f7faf8;border:1px solid #e0e8e3;border-radius:13px;padding:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi2{background:#fff;border:1px solid #e3e9e5;border-radius:15px;padding:14px}.kpi2 strong{display:block;font-size:25px;color:var(--green);margin-top:5px}.brandmark{display:flex;align-items:center;gap:12px}.public-brand-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #d9e2dc}.searchrow{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.searchrow .field{margin:0;min-width:180px}.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;letter-spacing:.03em}.right{text-align:right}.dangerline{border-left:4px solid var(--danger)}.okline{border-left:4px solid var(--ok)}.warnline{border-left:4px solid var(--warn)}.mini{font-size:11px}.nowrap{white-space:nowrap}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-title .grow{flex:1}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tabbar{position:sticky;top:90px;z-index:8;background:rgba(248,245,238,.96);padding:8px 0}.brand .pill{display:none}}