:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a.button{text-decoration:none}.boot-screen,.login-screen{background:linear-gradient(135deg,#0f766e1f,#0000 36%),linear-gradient(315deg,#f59e0b29,#0000 34%),#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.boot-screen{color:#475569;flex-direction:column;gap:14px}.loading-mark{border:4px solid #cbd5e1;border-top-color:#0f766e;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-panel{background:#fffffff0;border:1px solid #dbe3ee;border-radius:8px;width:min(100%,480px);padding:34px;box-shadow:0 20px 70px #0f172a1f}.brand-badge{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.brand-badge.small{width:40px;height:40px}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:18px 0 6px;font-size:12px;font-weight:600}.login-panel h1,.topbar h1{color:#0f172a;margin:0}.login-panel h1{font-size:clamp(26px,5vw,34px);font-weight:650;line-height:1.16}.login-copy{color:#475569;margin:16px 0 24px}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e5e7eb;background:#111827;flex-direction:column;gap:28px;padding:22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand strong,.user-chip strong{color:#fff;line-height:1.2;display:block}.brand span,.user-chip small{color:#9ca3af;margin-top:3px;font-size:12px;display:block}.nav-list{gap:8px;display:grid}.nav-button,.ghost-button{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.nav-button:hover,.nav-button.active,.ghost-button:hover{color:#fff;background:#ffffff14}.sidebar-footer{gap:14px;margin-top:auto;display:grid}.user-chip{align-items:center;gap:10px;display:flex}.user-chip>span{color:#111827;background:#f59e0b;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.workspace{min-width:0;padding:26px}.topbar,.panel-heading,.line-editor-head,.button-row,.toolbar,.order-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{margin-bottom:18px}.topbar .eyebrow{margin-top:0}.button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-wide{width:100%}.button-primary{color:#fff;background:#0f766e}.button-secondary{color:#1f2937;background:#fff;border-color:#cbd5e1}.button-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.icon-button{color:#334155;background:#fff;border-color:#dbe3ee;width:40px;height:40px;padding:0}.icon-button.danger{color:#b91c1c}.google-logo{background:#fff;border-radius:50%;align-items:center;width:24px;height:24px;padding:3px;display:block}.notice{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-weight:600}.notice-success{color:#047857;background:#ecfdf5}.notice-error{color:#b91c1c;background:#fef2f2}.notice-info{color:#1d4ed8;background:#eff6ff}.stack{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.order-card,.task-card{background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 12px 30px #0f172a0d}.metric-card{gap:6px;min-height:118px;padding:18px;display:grid}.metric-card span,.metric-card small,.panel-heading p,.order-card span,.compact-row span,.table-row span,.table-row small,.empty-state span,.task-card span{color:#64748b}.metric-card strong{color:#0f172a;word-break:break-word;font-size:22px;font-weight:650;line-height:1.15}.panel{padding:18px}.panel-heading{margin-bottom:14px}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{margin:3px 0 0;font-size:13px}.grid-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.align-start{align-items:start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field.wide{grid-column:1/-1}.field span{color:#475569;font-size:12px;font-weight:600}input,select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:42px;padding:9px 11px}input:focus,select:focus{border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.segmented{background:#f1f5f9;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:36px;font-weight:600}.segmented button.active{color:#0f766e;background:#fff;box-shadow:0 1px 5px #0f172a1f}.line-editor{border:1px solid #e2e8f0;border-radius:8px;padding:12px}.line-editor-head{margin-bottom:12px}.line-row{grid-template-columns:minmax(220px,1.4fr) 86px minmax(140px,1fr) 42px;align-items:end;gap:10px;margin-bottom:10px;display:grid}.line-row:last-child{margin-bottom:0}.qty-field input{text-align:right}.total-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.total-box div,.money-row,.compact-row,.table-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.total-box span,.money-row span{color:#64748b;font-size:12px;font-weight:600;display:block}.total-box strong{color:#0f172a;font-size:18px;font-weight:650;display:block}.order-list,.task-list,.compact-list,.simple-table{gap:10px;display:grid}.order-card,.task-card{padding:14px}.order-card-head strong,.compact-row strong,.table-row strong{color:#0f172a;display:block}.order-card-head span,.compact-row span,.table-row span{margin-top:2px;font-size:13px;display:block}.order-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.order-facts span,.order-facts strong{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:40px;padding:9px 10px}.button-row{justify-content:flex-start}.button-row.wrap{flex-wrap:wrap}.status{white-space:nowrap;border-radius:999px;min-height:26px;padding:4px 9px;font-size:12px;font-weight:650;display:inline-flex}.status-new,.status-opened{color:#1d4ed8;background:#eff6ff}.status-washing,.status-drying{color:#92400e;background:#fef3c7}.status-ready,.status-confirmed{color:#047857;background:#ecfdf5}.status-delivered{color:#334155;background:#f1f5f9}.status-cancelled,.status-pending{color:#b91c1c;background:#fef2f2}.compact-row,.table-row{border-bottom:1px solid #e2e8f0;padding:10px 0}.compact-row:last-child,.table-row:last-child{border-bottom:0}.right-stack{place-items:end;gap:5px;display:grid}.message-preview{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:12px}.search-box{border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{box-shadow:none;border:0;padding-left:0}.empty-state{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:160px;padding:22px;display:grid}.empty-state strong{color:#334155;margin-top:8px}.empty-state span{max-width:320px}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;padding:14px;position:sticky;top:0}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-button{justify-content:center;padding:9px}.nav-button span,.sidebar-footer,.brand span{display:none}.workspace{padding:16px}.topbar{align-items:flex-start}.metric-grid,.form-grid,.total-box,.order-facts{grid-template-columns:1fr}.line-row{grid-template-columns:1fr;align-items:stretch}.line-row .icon-button{width:100%}}@media (width<=560px){.login-panel{padding:24px}.topbar,.panel-heading,.order-card-head,.compact-row,.table-row{flex-direction:column;align-items:flex-start}.toolbar{width:100%}.toolbar select{flex:1}.button,.button-row .button{width:100%}}
