:root{
  --bg:#0b0b0c; --panel:#111214; --ink:#fff; --muted:#b8bec7;
  --accent:#76ff6a; --accent-2:#5ae0ff; --ring:rgba(118,255,106,0.28);
  --border:rgba(255,255,255,0.10); --border-2:rgba(255,255,255,0.16);
  --radius:18px; --shadow:0 14px 40px rgba(0,0,0,0.45);
}

*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui, -apple-system, Segoe UI, Roboto, Arial;}

.brand-bar{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,rgba(118,255,106,.08),rgba(90,224,255,.08));border-bottom:1px solid var(--border);backdrop-filter:saturate(140%) blur(6px);}
.brand-inner{max-width:1100px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.brand-title{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;}
.brand-cta a{text-decoration:none;color:var(--ink);font-weight:700;padding:9px 14px;border-radius:999px;border:1px solid var(--border-2);margin-left:8px}
.brand-cta a.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07110b;border-color:transparent;}

.container{max-width:960px;margin:38px auto;padding:0 18px;}
.page-header h1{margin:0 0 6px;line-height:1.05;font-size:clamp(2rem,4.2vw,2.6rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.subtitle{color:var(--muted);margin:0;}

.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:16px 0;box-shadow:0 10px 28px rgba(0,0,0,0.3);}
h2{margin:0 0 8px;font-size:1.3rem;}

.text{display:block;margin:10px 0;}
.text input, select{width:100%;padding:12px 14px;border-radius:12px;background:#0e0f11;color:var(--ink);border:1px solid var(--border);outline:none;}
.text input:focus, select:focus{border-color:var(--accent);box-shadow:0 0 0 6px var(--ring);}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}

.table{width:100%;display:grid;gap:0;}
.thead, .tfoot{display:grid;grid-template-columns:2fr 3fr 1fr;gap:0;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;}
.thead div, .tfoot div{padding:12px 10px;border-right:1px solid var(--border);}
.thead div:last-child, .tfoot div:last-child{border-right:none;}
.row{display:grid;grid-template-columns:2fr 3fr 1fr;gap:0;border:1px solid var(--border);border-top:none;}
.row > div{padding:10px;border-right:1px solid var(--border);}
.row > div:last-child{border-right:none;}
.cat{font-weight:700;}
.note input{width:100%;padding:10px;border-radius:10px;background:#0e0f11;color:var(--ink);border:1px solid var(--border);}
.num input{width:100%;text-align:right;padding:10px;border-radius:10px;background:#0e0f11;color:var(--ink);border:1px solid var(--border);}
.inline{display:flex;align-items:center;gap:6px;}
.suffix{opacity:.8}

.tfoot{border-radius:0 0 12px 12px;}
.tfoot.grand{background:linear-gradient(135deg, rgba(118,255,106,.10), rgba(90,224,255,.10));font-weight:900;}

.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.btn-primary, .btn-secondary{appearance:none;border:none;border-radius:14px;padding:12px 16px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0d0e;box-shadow:0 12px 26px rgba(118,255,106,.18);}
.btn-secondary{background:#16181c;color:var(--ink);border:1px solid var(--border);}
.btn-primary:focus, .btn-secondary:focus{box-shadow:0 0 0 6px var(--ring);outline:none;}

.site-footer{margin:28px 0;color:var(--muted);text-align:center;}
a{color:var(--accent-2);}