:root {
  --bg: #fff;
  --text: #222;
  --accent: #1e88e5;
  --border: #e0e0e0;
  --radius: 8px;
}
*{box-sizing:border-box}
body {margin:0;font-family:Arial, sans-serif;background:var(--bg);color:var(--text);}
.wrap{max-width:1200px;margin:auto;padding:16px;}

.site-header{text-align:center;padding:20px;}
.site-header h1{margin:0;font-size:28px;color:#0f172a;}

.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:12px 0;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:800px){.calc-grid{grid-template-columns:1fr;}}

.inputs label{display:block;margin:10px 0;}
.inputs span{display:block;font-weight:600;margin-bottom:4px;}
.inputs input,.inputs select{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);}
.actions{margin-top:12px;display:flex;gap:10px;}
.btn{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;}
.btn.primary{background:var(--accent);color:#fff;border:none;}

.results h2{margin-top:0;}
.headline{background:#f5f5f5;padding:10px;border-radius:var(--radius);margin:10px 0;font-size:18px;}
.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.summary div{background:#fafafa;padding:8px;border:1px solid var(--border);border-radius:var(--radius);}
.summary .wide{grid-column:span 2;background:#e3f2fd;}

.facts{list-style:none;padding:0;margin:10px 0;}
.facts li{margin:4px 0;}

.table-wrap{overflow:auto;max-height:400px;}
table{width:100%;border-collapse:collapse;}
th,td{padding:8px;border:1px solid var(--border);text-align:right;}
th:first-child,td:first-child{text-align:center;}
.pager{display:flex;justify-content:flex-end;gap:10px;margin-top:10px;}

.export{margin-top:10px;display:flex;gap:10px;}
.site-foot{text-align:center;padding:20px;font-size:13px;color:#666;}