:root{--blue:#0066ff;--bg:#080b10;--panel:#111720;--card:#151d28;--text:#fff;--muted:#9faaba;--line:#273142}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.shell{max-width:1050px;margin:auto;min-height:100vh}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,11,16,.96);z-index:3}.brand{font-weight:900;font-size:22px;letter-spacing:.5px}.brand span{color:var(--blue)}.sub,.status,small{color:var(--muted)}.private{font-size:11px;border:1px solid var(--blue);padding:6px 9px;border-radius:99px;color:#8bb8ff}.tabs{display:flex;gap:8px;padding:12px 18px;overflow:auto;border-bottom:1px solid var(--line);background:#0d1219}.tabs button{white-space:nowrap;background:transparent;color:var(--muted);border:0;padding:10px 12px;border-radius:10px}.tabs button.active{background:var(--blue);color:white}.panel{display:none;padding:18px}.panel.active{display:block}.hero{padding:10px 2px 4px}.hero h1{margin:0 0 4px;font-size:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 10px 30px rgba(0,0,0,.18)}h2{font-size:18px;margin:0 0 14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.stat b{display:block;font-size:22px;margin-top:5px}.grid2,.grid3{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}label{display:block;color:#c8d0dc;font-size:13px;margin:10px 0}input,select,textarea{width:100%;margin-top:6px;background:#0b1017;border:1px solid #303b4d;color:white;border-radius:11px;padding:12px;outline:none}textarea{min-height:86px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue)}button{border:0;background:var(--blue);color:white;border-radius:12px;padding:12px 16px;font-weight:750;cursor:pointer}.ghost{background:#202938}.actions{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;background:#0b1017;border:1px solid #303b4d;padding:10px 12px;border-radius:11px}.check input{width:auto;margin:0}.linebox{padding:12px;background:#0c1219;border:1px solid var(--line);border-radius:14px}.line{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.line:last-child{border-bottom:0}.line small{display:block;margin-top:3px}.line button{padding:6px 9px;background:#3a2025}.totals{margin:14px 0;padding-top:8px;border-top:1px solid var(--line)}.totals>div{display:flex;justify-content:space-between;padding:7px 0}.grand{font-size:22px}.doc,.customer{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.doc:last-child,.customer:last-child{border-bottom:0}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:#202938;font-size:11px;color:#c5d2e4}.docActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.docActions button{padding:7px 9px;font-size:12px}.money{font-weight:850}.empty{color:var(--muted);padding:16px 0}footer{text-align:center;color:var(--muted);font-size:12px;padding:30px 10px 45px}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}.top{position:static}.brand{font-size:19px}.panel{padding:14px}.card{padding:15px}}