:root{--bg:#0b0f14;--panel:#10161d;--soft:#0f1821;--text:#e6eef5;--muted:#9bb0c3;--brand:#7bd389;--ring:0 0 0 3px rgba(123,211,137,.25);--radius:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial}
.wrap{max-width:1120px;margin:28px auto;padding:0 16px}
header{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4db86c,var(--brand))}
h1{margin:0;font-size:clamp(22px,3.6vw,30px)}
.sub{color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.card{grid-column:span 12;background:linear-gradient(180deg,var(--panel),#0b1218);border:1px solid #182331;border-radius:var(--radius);padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media(min-width:900px){.half{grid-column:span 6}.third{grid-column:span 4}}
label{display:block;color:var(--muted);font-size:13px;margin:0 0 6px}
input,select,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1c2834;background:var(--soft);color:var(--text);outline:none;transition:.2s}
input:focus,select:focus{border-color:#294055;box-shadow:var(--ring)}
button{cursor:pointer;background:linear-gradient(135deg,#2a7f46,#1f6034);border-color:#2a7f46}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end}
.col-3{grid-column:span 12} @media(min-width:720px){.col-3{grid-column:span 3}}
.col-4{grid-column:span 12} @media(min-width:720px){.col-4{grid-column:span 4}}
.col-6{grid-column:span 12} @media(min-width:720px){.col-6{grid-column:span 6}}
.kpi{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.chip{padding:10px 12px;border-radius:12px;background:#0e1720;border:1px solid #1b2836}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.muted{color:var(--muted)}
.table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{padding:8px;border-bottom:1px solid #182331;font-size:14px;text-align:left}
.nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.nav a{display:inline-block;padding:10px 12px;border-radius:12px;background:#0e1720;border:1px solid #1b2836;color:#cfead9;text-decoration:none}
.back{margin:10px 0 0}
.display{font-size:22px;padding:14px 16px;border-radius:12px;background:#0f1821;border:1px solid #1c2834;margin-bottom:10px}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.calc-grid button{padding:16px 0;font-size:18px}
.inline{display:flex;gap:8px;align-items:center}
.switch{display:inline-flex;gap:8px;align-items:center}