:root{
  --ink:#0a0a0a; --paper:#ffffff; --card:#141414; --line:rgba(255,255,255,.1);
  --muted:#8a8a8a; --accent:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--paper);
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
header.top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);z-index:10;flex-wrap:wrap}
.brand{font-weight:900;letter-spacing:.14em;font-size:14px}
.windows{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.windows button{background:transparent;border:1px solid var(--line);color:var(--paper);
  padding:6px 10px;font-weight:700;letter-spacing:.08em;font-size:11px;cursor:pointer;border-radius:0}
.windows button.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.actions{display:flex;gap:6px;align-items:center}
.actions a,.actions button{background:transparent;border:1px solid var(--line);color:var(--paper);
  padding:6px 10px;font-weight:700;font-size:11px;letter-spacing:.08em;cursor:pointer;border-radius:0}
.actions .pdf{border-color:var(--paper)}
main{padding:16px;max-width:1200px;margin:0 auto}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);padding:16px}
.kpi .n{font-size:26px;font-weight:900;letter-spacing:.01em}
.kpi .l{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:4px;text-transform:uppercase}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card{background:var(--card);border:1px solid var(--line);padding:14px;overflow:auto}
.card:first-child{grid-column:1 / -1}
.card h2{margin:0 0 10px;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}
th{font-weight:700;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.r{text-align:right}
.updated{font-size:10px;color:var(--muted);text-align:center;margin-top:16px;letter-spacing:.1em}
.flash-sale{animation:pulse .9s ease}
@keyframes pulse{from{background:#262}to{background:transparent}}
main.login{max-width:360px;margin:12vh auto;padding:28px;text-align:center}
main.login h1{letter-spacing:.14em;margin:0}
main.login .sub{color:var(--muted);letter-spacing:.14em;font-size:11px;margin:6px 0 28px}
main.login input{display:block;width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  padding:10px 2px;margin-bottom:14px;color:var(--paper);outline:none}
main.login input:focus{border-color:var(--paper)}
main.login button{width:100%;background:var(--paper);color:var(--ink);border:none;padding:12px;
  font-weight:800;letter-spacing:.14em}
main.login .err{color:#ff6b6b;font-size:12px;margin-top:10px}
@media (max-width:720px){
  .kpis{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr}
}