*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0908;--bg2: #111009;--bg3: #1a1815;--surface: #1e1c18;--surface2: #252320;--border: #2e2b25;--border2: #3a3730;--gold: #c9a84c;--gold2: #e8c97a;--gold-dim: rgba(201,168,76,.15);--text: #f0ebe0;--text2: #a09880;--text3: #6a6050;--red: #c0392b;--green: #27ae60;--blue: #2980b9;--orange: #e67e22;--font-display: "Cormorant Garamond", serif;--font-mono: "DM Mono", monospace;--radius: 4px;--radius2: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;letter-spacing:.05em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold2)}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:8px 12px;border-radius:var(--radius);width:100%;transition:border-color .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:var(--text3)}button{font-family:var(--font-mono);font-size:12px;cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;transition:all .2s;letter-spacing:.05em;text-transform:uppercase}.btn-primary{background:var(--gold);color:var(--bg);font-weight:500}.btn-primary:hover{background:var(--gold2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:20px}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.badge-new{background:rgba(41,128,185,.2);color:#5dade2;border:1px solid rgba(41,128,185,.3)}.badge-quoted{background:rgba(142,68,173,.2);color:#bb8fce;border:1px solid rgba(142,68,173,.3)}.badge-in_production{background:rgba(230,126,34,.2);color:#f0b27a;border:1px solid rgba(230,126,34,.3)}.badge-quality_check{background:rgba(201,168,76,.2);color:#c9a84c;border:1px solid rgba(201,168,76,.3)}.badge-ready{background:rgba(39,174,96,.2);color:#58d68d;border:1px solid rgba(39,174,96,.3)}.badge-delivered{background:rgba(127,140,141,.2);color:#aab7b8;border:1px solid rgba(127,140,141,.3)}.badge-cancelled{background:rgba(192,57,43,.2);color:#e74c3c;border:1px solid rgba(192,57,43,.3)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--text3);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);color:var(--text2)}tr:hover td{background:var(--surface2);color:var(--text)}tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text3);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.form-row{display:grid;gap:16px}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-header h2{color:var(--gold)}.empty-state{text-align:center;padding:60px 20px;color:var(--text3)}.empty-state p{margin-top:8px;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h3{color:var(--gold)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}