:root{--color-primary: #000960;--color-primary-soft: #eef2ff;--color-primary-tint: #dbe4ff;--color-primary-focus: rgba(0, 9, 96, .16);--color-primary-text: #000960;--radius-base: 10px;color:#0f172a;background:#f8fafc;font-family:Google Sans,Google Sans Text,Product Sans,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-screen,.login-screen{align-items:center;display:flex;min-height:100vh;padding:20px}.loading-screen{justify-content:center}.login-screen{background:#000960;background:linear-gradient(180deg,#000960,#0010a1);justify-content:center}.login-panel{background:transparent;border:0;border-radius:var(--radius-base);box-shadow:none;color:#fff;display:grid;gap:24px;margin:0 auto;max-width:440px;padding:20px;width:100%}.login-panel .eyebrow,.login-panel h1,.login-panel .error{color:#fff}.login-panel .eyebrow{font-size:.5rem;font-weight:200}.login-panel .primary{background:#03a9f4;border-color:#03a9f4;color:#fff;margin-top:12px}.app-shell{margin:0 auto;max-width:880px;padding:16px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:8px 0 18px}h1,h2,h3,p{margin:0}h1{font-size:1.55rem;font-weight:500;letter-spacing:0}h2{font-size:1.1rem}h3{font-size:1rem}.eyebrow{color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.order-form{display:grid;gap:16px;padding-bottom:88px}.section,.detail-card{background:#fff;border:1px solid #dbe3ea;border-radius:var(--radius-base);display:grid;gap:14px;padding:16px}.section-title,.detail-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.section.is-collapsed{gap:0}.section-toggle{align-items:center;background:transparent;border:0;color:inherit;display:flex;flex:1;justify-content:space-between;min-height:28px;padding:0;text-align:left}.section-heading{display:grid;gap:3px}.section-summary{color:#64748b;font-size:.78rem;font-weight:500;line-height:1.25}.chevron-icon{color:var(--color-primary);flex:0 0 auto}.section-footer{display:flex;justify-content:center;padding-top:4px}.detail-card{background:#fbfdff}.field,form{display:grid;gap:8px}.field-grid{display:grid;gap:12px;grid-template-columns:1fr}label{color:#334155;font-size:.85rem;font-weight:650}.section label,.detail-card label{font-size:.65rem;font-weight:500;text-transform:uppercase}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-base);min-height:46px;padding:10px 12px;width:100%}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus);outline:none}.login-field input::placeholder{color:#94a3b8;font-weight:350}.primary,.secondary,.ghost{align-items:center;border-radius:var(--radius-base);display:inline-flex;font-weight:500;justify-content:center;min-height:42px;padding:10px 14px}.primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.primary:disabled{opacity:.65}.secondary{background:var(--color-primary-soft);border:1px solid var(--color-primary-tint);color:var(--color-primary)}.ghost{background:transparent;border:1px solid #cbd5e1;color:#334155}.icon-button{min-width:42px;padding:10px}.danger{border-color:#fecaca;color:#b91c1c}.sticky-actions{background:#f8fafceb;bottom:12px;display:grid;gap:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);left:16px;padding:10px 0 12px;position:fixed;right:16px;z-index:5}.sticky-actions .primary,.sticky-actions .secondary{box-shadow:0 12px 24px #0f172a2e;min-height:46px}.autocomplete{position:relative}.autocomplete-panel{background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-base);box-shadow:0 14px 36px #0f172a29;display:grid;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.option{background:#fff;border:0;border-bottom:1px solid #e2e8f0;color:#0f172a;display:grid;gap:3px;padding:12px;text-align:left;width:100%}.option:hover{background:var(--color-primary-soft)}.option span,.muted,.selected{color:#64748b;font-size:.85rem}.client-summary{background:var(--color-primary-soft);border-radius:var(--radius-base);color:var(--color-primary-text);display:flex;flex-wrap:wrap;gap:8px;padding:10px}.client-summary span{background:var(--color-primary-tint);border-radius:999px;padding:5px 8px}.error{color:#b91c1c;font-size:.9rem}.success{background:#dcfce7;border:1px solid #86efac;border-radius:var(--radius-base);color:#166534;margin-bottom:16px;padding:12px}@media(min-width:700px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-actions{background:transparent;grid-template-columns:auto auto;justify-self:end;padding:0;position:static;width:auto}}