*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#111827;color:#f9fafb}.page{min-height:100vh;padding:24px}.topbar{background:#020617;border:1px solid #1f2937;border-radius:18px;padding:18px;margin-bottom:24px;box-shadow:0 10px 30px #00000059}.brand{font-size:26px;font-weight:800;margin-bottom:14px;color:#f97316}.nav-row{display:flex;flex-wrap:wrap;gap:10px}.nav,button{border:0;border-radius:12px;padding:11px 16px;background:#374151;color:#fff;font-weight:700;cursor:pointer}.nav.active,button:hover{background:#f97316}.card{background:#1f2937;border:1px solid #374151;border-radius:18px;padding:20px;margin-bottom:22px;box-shadow:0 8px 24px #00000040}.page-header h1{margin:0;font-size:34px}.page-header p{color:#cbd5e1;margin-top:8px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.form h2{grid-column:1 / -1;margin:0 0 6px}input,select{width:100%;padding:12px;border-radius:12px;border:1px solid #4b5563;background:#0f172a;color:#fff;font-size:15px}input:focus,select:focus{outline:2px solid #f97316;border-color:#f97316}.secondary{background:#2563eb}.secondary:hover{background:#1d4ed8}.small-button{padding:7px 11px;font-size:13px;background:#f97316}.message{background:#064e3b;border:1px solid #10b981;color:#d1fae5;padding:12px;border-radius:12px;margin-bottom:18px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat span{color:#cbd5e1;font-size:14px}.stat strong{display:block;margin-top:8px;font-size:28px;color:#f97316}.filters,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}label{color:#cbd5e1;font-weight:700;display:grid;gap:6px}table{width:100%;border-collapse:collapse;overflow:hidden}th{background:#020617;color:#f97316;text-align:left;padding:12px;white-space:nowrap}td{padding:11px 12px;border-top:1px solid #374151;white-space:nowrap}tr:hover td{background:#111827}.card{overflow-x:auto}.print-area{display:none}@media print{body{background:#fff;color:#000}.screen-area{display:none}.print-area{display:block}.print-page{page-break-after:always;padding:20px}.print-header{display:flex;justify-content:space-between;border-bottom:2px solid black;margin-bottom:20px}.print-title{text-align:right}.bill-to{margin:18px 0;font-size:18px}.bill-to span{margin-left:12px}th{background:#eee;color:#000}td,th{border:1px solid #999;font-size:11px}.print-totals{margin-top:20px;margin-left:auto;width:300px;font-size:15px}.grand-total{font-size:18px;margin-top:10px}}.topbar-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.user-bar{display:flex;align-items:center;gap:14px;margin-left:auto}.user-name{font-weight:700;color:#e5e7eb}.role-badge{background:#2563eb;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge-green{background:#065f46;color:#d1fae5}.badge-red{background:#7f1d1d;color:#fee2e2}.danger{background:#dc2626;margin-left:6px}.danger:hover{background:#991b1b}.dashboard-button{text-align:left;width:100%}