:root{--b:#111317;--y:#fecf2a;--m:#7b808a;--l:#e5e7eb;--bg:#f4f5f7;--g:#148b62;--r:#bd3434}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#202228;font:14px Inter,Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--b);padding:26px 18px;display:flex;flex-direction:column;color:#fff}aside>img{width:195px;height:55px;object-fit:contain;margin:0 auto 30px}nav{display:grid;gap:6px}nav a{color:#c9ccd2;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:600}nav a:hover,nav a.active{background:var(--y);color:#111}.userbox{margin-top:auto;border-top:1px solid #333;padding:18px 10px 0;display:grid;gap:5px}.userbox small{color:#888}.userbox a{color:var(--y)}.app{margin-left:250px;padding:34px;max-width:1650px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.top h1{font-size:28px;margin:4px 0}.top small{letter-spacing:.12em;color:#777}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid var(--l);border-radius:15px;box-shadow:0 4px 16px #1110000a}.stat{padding:22px}.stat small{display:block;color:#777;margin-bottom:12px}.stat strong{font-size:24px}.stat.yellow{background:var(--y)}.panel{padding:22px;margin-bottom:20px;overflow:auto}.panel h2{margin:0 0 18px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:#777;text-transform:uppercase;border-bottom:1px solid var(--l);padding:11px}td{padding:13px 11px;border-bottom:1px solid #eee}td small{display:block;color:#888;margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#f0f1f3;font-size:12px}.positive{color:var(--g);font-weight:700}.negative{color:var(--r);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#555}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8dadd;border-radius:8px;background:#fff;font:inherit}textarea{min-height:90px;resize:vertical}.btn{display:inline-block;border:1px solid #d4d6da;background:#fff;color:#222;border-radius:9px;padding:11px 15px;text-decoration:none;font-weight:700;cursor:pointer;text-align:center}.primary{background:var(--y);border-color:var(--y)}.full{width:100%}.link{color:#8b6c00;font-weight:700}.alert{padding:12px;border-radius:8px;margin:12px 0}.error{background:#fff0f0;color:#a21d1d}.login-bg{min-height:100vh;background:var(--b);display:grid;place-items:center;padding:25px}.login-card,.install-card{width:min(470px,100%);background:#fff;padding:32px;border-radius:18px}.install-card{width:min(720px,100%)}.login-card>img,.install-card>img{display:block;width:100%;height:68px;object-fit:contain;background:var(--b);border-radius:10px;padding:12px}.login-card form{display:grid;gap:16px;margin-top:22px}.item-row{display:grid;grid-template-columns:1fr 110px 160px 40px;gap:8px;margin-bottom:8px}.remove{border:0;background:#fee;color:#a00;border-radius:7px;font-size:20px}.quote-paper{background:#e9e9e9;padding:30px}.quote-paper article{width:210mm;min-height:297mm;margin:auto;background:#fff;padding:22mm;box-shadow:0 8px 30px #0002}.quote-paper header{display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid var(--y);padding-bottom:18px}.quote-paper header img{width:330px;background:var(--b);padding:10px}.quote-meta{display:grid;grid-template-columns:1fr 220px;gap:40px;margin:35px 0}.quote-totals{margin:25px 0 25px auto;width:330px}.quote-totals p,.quote-totals h2{display:flex;justify-content:space-between}.quote-totals h2{background:var(--y);padding:15px}.quote-paper footer{margin-top:45px;border-top:1px solid #ddd;padding-top:18px}.print-actions{width:210mm;margin:0 auto 15px;display:flex;gap:8px}@media print{.print-actions{display:none}.quote-paper{padding:0;background:#fff}.quote-paper article{box-shadow:none;margin:0;width:auto;min-height:auto}}@media(max-width:900px){aside{position:static;width:100%}aside>img{margin-bottom:10px}nav{grid-template-columns:1fr 1fr}.userbox{display:none}.app{margin:0;padding:18px}.cards{grid-template-columns:1fr 1fr}.split,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.item-row{grid-template-columns:1fr 75px 105px}.quote-paper article,.print-actions{width:100%}}