:root{
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface2:#f8f9fb;
  --ink:#1f2328;
  --muted:#69707a;
  --line:#d9dde3;
  --brand:#111111;
  --brand2:#2f3338;
  --accent:#c30000;
  --accent2:#efefef;
  --good:#116a3a;
  --bad:#b21f1f;
  --warn:#a66a00;
  --radius:6px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 10px 24px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}
a{color:inherit}.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #d7dce2;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 28px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.brand-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.brand-logo{width:76px;height:44px;object-fit:contain;background:#fff;border-radius:0;padding:0}
.brand-text{display:flex;flex-direction:column;line-height:1.15;border-left:1px solid var(--line);padding-left:14px}.brand-text strong{font-size:20px;letter-spacing:.02em;font-weight:800}.brand-text small{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.top nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.top nav a,.nav-user{color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:4px;font-size:13px;font-weight:700}.top nav a:hover{background:#f0f1f3}.nav-user{background:#f0f1f3;color:#3d424a}.container{max-width:1460px;margin:24px auto;padding:0 22px}footer{text-align:center;color:var(--muted);padding:28px 18px 42px;border-top:1px solid var(--line);margin-top:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;background:#fff;color:var(--ink);border-top:4px solid var(--brand);overflow:hidden;position:relative}.hero:after{display:none}.hero>*{position:relative}.hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.08;margin:8px 0 10px;letter-spacing:-.02em;font-weight:800}.hero p{font-size:15px;line-height:1.65;color:#4f5661;max-width:860px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:4px;background:#f1f2f4;border:1px solid var(--line);font-size:12px;font-weight:800;color:#30343a;text-transform:uppercase;letter-spacing:.04em}.hero-panel{background:#f8f9fb;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.hero-panel h2{font-size:16px}.icon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icon-tile{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius);padding:13px;min-height:78px}.icon-tile strong{display:block;margin-bottom:3px}.ico{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1d1f23;color:#fff;font-size:11px;font-weight:900;margin-right:7px;vertical-align:middle;line-height:1}.ico.price:before{content:"€"}.ico.cart:before{content:"B"}.ico.chart:before{content:"%"}.ico.signal:before{content:"!"}.ico.file:before{content:"D"}.ico.search:before{content:"S"}.ico.settings:before{content:"R"}.ico.clock:before{content:"V"}.ico.export:before{content:"↓"}.ico.print:before{content:"P"}.ico.report:before{content:"R"}.ico.parts:before{content:"T"}.ico.compare:before{content:"A/B";font-size:9px}.ico.quality:before{content:"Q"}.muted{color:var(--muted)}.hero .muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.section-title h2{margin:0;font-size:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;min-height:96px}.stat .label{display:flex;align-items:center;gap:8px;color:#535b66;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.stat strong{display:block;font-size:24px;line-height:1.12;margin-top:8px;letter-spacing:-.02em}.stat span{display:block;margin-top:7px}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.step{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.step b{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:13px}.step span{font-weight:800}.upload-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;border-top:3px solid var(--brand)}.upload-box h3,.upload-box h2{margin-top:0}.upload-box.is-optional{border-top-color:#7b818a}label{display:block;font-weight:800;margin:13px 0 7px}input,select,button,textarea{width:100%;padding:11px 12px;border:1px solid #c7ccd4;border-radius:4px;font-size:14px;background:#fff;font-family:inherit}input:focus,select:focus,button:focus,textarea:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}button,.btn{background:#111;color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:11px 15px;border-radius:4px;font-weight:800;font-family:inherit}.btn.secondary,button.secondary{background:#3b4047}.btn.light,button.light{background:#f0f1f3;color:#111;border:1px solid #d3d7de}.btn.danger{background:#9f1d1d}.btn:hover,button:hover{filter:brightness(.98)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions>*{width:auto}.small{font-size:13px}.flash{padding:13px 15px;border-radius:4px;margin-bottom:14px;border:1px solid transparent}.flash.ok{background:#eaf7ef;border-color:#b8e2c7}.flash.error{background:#fff0f0;border-color:#f0c2c2}.flash.info{background:#eef4ff;border-color:#bfd3f8}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table{border-collapse:separate;border-spacing:0;width:100%;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:top}th{background:#f4f5f7;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4f5661;position:sticky;top:0}tbody tr:hover{background:#fafbfc}.right{text-align:right}.good{color:var(--good);font-weight:800}.bad{color:var(--bad);font-weight:800}.warn{color:var(--warn);font-weight:800}.login{max-width:540px;margin:76px auto}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:4px;background:#eef0f2;border:1px solid #d8dce2;font-weight:800;font-size:12px;color:#363b42}.search{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.search .field{min-width:170px;flex:1}.search button{width:auto;min-width:130px}.inline-check{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:700}.inline-check input{width:auto}.options-box{background:#fafbfc;border:1px solid var(--line);border-left:4px solid #111;border-radius:var(--radius);padding:15px}.traffic{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:4px;font-size:12px;font-weight:800;text-transform:uppercase;border:1px solid currentColor}.traffic:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.traffic.green{color:#116a3a;background:#edf8f1}.traffic.yellow{color:#956000;background:#fff8e7}.traffic.red{color:#a51d1d;background:#fff0f0}.chart-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:260px}.chart-card h2{font-size:18px;margin-top:0}.bar-row{display:grid;grid-template-columns:170px 1fr 120px;gap:10px;align-items:center;margin:11px 0}.bar-label{font-weight:800;overflow:hidden;text-overflow:ellipsis}.bar-track{height:14px;border-radius:2px;background:#eceff3;overflow:hidden}.bar-fill{height:100%;border-radius:2px;background:#111}.bar-fill.good-bg{background:#34383e}.bar-fill.bad-bg{background:#9f1d1d}.bar-fill.blue-bg{background:#6b7280}.donut{width:180px;height:180px;border-radius:50%;margin:10px auto;background:conic-gradient(#111 0 var(--p1), #777 var(--p1) 100%);display:flex;align-items:center;justify-content:center}.donut:after{content:"";width:112px;height:112px;border-radius:50%;background:#fff;position:absolute}.donut-wrap{position:relative;text-align:center}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px}.legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.report-note{border-left:4px solid #111;padding:12px 14px;background:#f8f9fb;border-radius:4px;color:#4f5661}.print-title{display:none}.list-columns{columns:2;column-gap:24px;padding-left:18px}.list-columns li{margin-bottom:6px;break-inside:avoid}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px 12px;font-weight:800}.tab.active{background:#111;color:#fff}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.dashboard-aside{display:grid;gap:14px}.baf-strip{height:4px;background:linear-gradient(90deg,#111 0,#111 72%,#777 72%,#777 100%);border-radius:3px;margin:0 0 14px}.upload-title{display:flex;align-items:center;gap:8px}.compact-note{background:#f4f5f7;border:1px solid var(--line);border-radius:4px;padding:12px}.page-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5c636d;font-weight:800;margin-bottom:8px}@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.stepper{grid-template-columns:1fr}.top{display:block}.top nav{margin-top:12px}.brand-logo{width:68px}}@media(max-width:720px){.container{padding:0 12px}.brand-logo{width:64px;height:38px}.brand-text strong{font-size:18px}.hero h1{font-size:30px}.search{display:block}.search .field{margin-bottom:10px}.search button,.search .btn{width:100%;margin-top:8px}.bar-row{grid-template-columns:1fr}.bar-value{text-align:left!important}.list-columns{columns:1}.icon-grid{grid-template-columns:1fr}}@media print{.top,.no-print,footer,form.search,.actions{display:none!important}body{background:#fff}.container{max-width:none;margin:0;padding:0}.card,.chart-card{box-shadow:none;border:1px solid #ddd;border-radius:4px;break-inside:avoid}.print-title{display:block}.table-wrap{overflow:visible}th{position:static}.hero{background:#fff;color:#111}.hero .muted,.hero p{color:#111}}