.orders-app{background:#f6f8fc;color:#142039}.orders-content{max-width:1600px;margin:auto;padding:44px 28px 70px}.order-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.order-heading h1{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.04em;margin:8px 0}.order-explanation,.order-heading p{color:#53647e;font-size:14px;line-height:1.65}.order-primary,.order-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.order-primary{background:#2563eb;color:white;border:1px solid #2563eb}.order-secondary{background:white;color:#273c60;border:1px solid #ccd7e8}.order-primary:disabled,.order-secondary:disabled{opacity:.55;cursor:default}.order-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.order-metric{background:white;border:1px solid #dae3f0;padding:20px;border-radius:14px;min-width:0}.order-metric span{display:block;font-size:12px;color:#596b86;margin-bottom:9px}.order-metric strong{font-size:clamp(20px,2vw,28px);font-variant-numeric:tabular-nums}.order-metric:nth-child(3){background:#eff6ff;border-color:#bfdbfe}.order-table-scroll{overflow-x:auto;border:1px solid #d9e2ef;border-radius:12px;background:white;margin-bottom:16px}.order-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.order-table th{text-align:left;background:#edf2f9;color:#465976;font-weight:600;white-space:nowrap;padding:13px 10px}.order-table td{border-top:1px solid #e7edf5;white-space:nowrap;padding:9px 8px}.order-table input,.order-table select{width:115px;background:transparent;padding:7px 5px;border:1px solid #dae3ef;border-radius:6px;font:inherit;color:#142039}.order-table input.number{width:76px}.order-table input:disabled,.order-table select:disabled{border-color:transparent;opacity:1;color:#465976}.order-table td:first-child input{width:140px}.order-table tfoot td{background:#edf2f9;font-weight:700}.order-icon-button{border:0;padding:7px;background:transparent;color:#64748b;cursor:pointer}.order-icon-button:disabled{opacity:.3}.order-explanation{margin:16px 0 24px;max-width:950px}.order-error,.order-loss{color:#a62935}.order-error{background:#fff1f2;border:1px solid #fecdd3;font-size:14px}.order-error,.order-success{padding:12px 16px;border-radius:10px;margin:16px 0}.order-success{color:#166534;background:#f0fdf4}.order-panel{border:1px solid #dae3f0;background:white;border-radius:16px;padding:26px;margin-bottom:24px}.order-panel h2{font-size:21px;font-weight:650;margin-bottom:18px}.order-field{display:grid;gap:8px;font-size:13px;color:#465976;margin-bottom:18px}.order-field input,.order-field select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:white;font-size:15px;color:#142039}.order-login{max-width:460px;margin:35px auto}.order-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-list{display:grid;gap:12px}.order-list-item{width:100%;text-align:left;padding:18px;border:1px solid #d7e1ef;border-radius:12px;background:white;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.order-list-item small,.order-list-item strong{display:block}.order-list-item small{color:#63738d;margin-top:6px}.order-status{text-transform:capitalize;display:inline-block;background:#e9f0fc;color:#23497c;border-radius:20px;padding:5px 10px;font-size:12px}.order-colour-picker{display:flex;align-items:center;gap:7px}.order-colour-swatch{flex:0 0 18px;width:18px;height:18px;border:1px solid #aab8cb;border-radius:50%}.order-colour-picker select{width:148px}.order-palette-list{display:grid;gap:12px;margin-bottom:22px}.order-palette-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:12px;border:1px solid #dbe4f0;border-radius:10px}.order-palette-row .order-field{margin:0;flex:1;min-width:160px}.order-palette-row input[type=color]{width:48px;height:48px;padding:3px;border:1px solid #b9c8df;border-radius:8px;background:white;cursor:pointer}.order-palette-enabled{display:flex;align-items:center;gap:8px;font-size:13px}.order-success{display:block}.orders-app :focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media (max-width:800px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-metric:first-child{grid-column:1/-1}.orders-content{padding:28px 16px 50px}.order-heading{align-items:flex-start;flex-direction:column}.order-panel{padding:18px}.orders-app .maker-header{gap:12px}}