*{box-sizing:border-box}body{color:#111827;background:#f8fafc;min-width:320px;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#center h1{color:#111827;margin:0;font-size:28px;font-weight:700}#center>p{color:#6b7280;margin-top:8px;font-size:15px}.card{border-left:4px solid #2563eb}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.app-header>div:first-child{flex-direction:column;gap:2px;display:flex}.app-header strong{color:#111827;font-size:18px;font-weight:700}.app-header span{color:#6b7280;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.header-button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 16px;font-weight:600}.header-button:hover{opacity:.92}.logout-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:9px 14px;font-weight:600}.logout-button:hover{color:#111827;background:#f9fafb;border-color:#9ca3af}.auth-page{background:radial-gradient(circle at 0 0,#2563eb14,#0000 32%),#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:440px;padding:32px;box-shadow:0 20px 45px #0f172a14,0 2px 8px #0f172a0a}.auth-brand{border-bottom:1px solid #f0f1f3;flex-direction:column;gap:2px;padding-bottom:24px;display:flex}.auth-brand strong{letter-spacing:-.02em;color:#111827;font-size:20px;font-weight:800}.auth-brand span{color:#6b7280;font-size:13px}.auth-intro{margin-top:26px}.auth-intro h1{letter-spacing:-.02em;color:#111827;margin:0;font-size:28px;font-weight:700}.auth-intro p{color:#6b7280;margin:8px 0 0;font-size:14px;line-height:1.6}.auth-form{flex-direction:column;gap:18px;margin-top:26px;display:flex}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.4}.auth-submit{width:100%;margin-top:2px;padding:12px 16px}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-loading{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-loading strong{color:#111827;font-size:20px}.auth-loading span{color:#6b7280;font-size:14px}.dashboard,.form-page{max-width:1200px;margin:0 auto;padding:32px 24px 48px}.dashboard-intro{justify-content:space-between;align-items:center;display:flex}.dashboard-intro h1,.form-header h1{color:#111827;margin:0;font-size:28px;font-weight:700}.dashboard-intro p,.form-header p{color:#6b7280;margin:8px 0 0;font-size:15px}.cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.dashboard-summary-button{width:100%;font:inherit;text-align:left;cursor:pointer;appearance:none;transition:transform .15s,box-shadow .15s,border-color .15s}.dashboard-summary-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.dashboard-summary-button:active{transform:translateY(0)}.dashboard-summary-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.card span{color:#6b7280;font-size:14px;display:block}.card strong{color:#111827;margin-top:8px;font-size:30px;display:block}.card small{color:#9ca3af;margin-top:8px;font-size:13px;display:block}.card-progress{border-left-color:#f59e0b}.card-ready{border-left-color:#16a34a}.card-orders{border-left-color:#2563eb}.dashboard-section{margin-top:32px}.section-header h2{color:#111827;margin:0;font-size:20px}.section-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.quick-action{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.quick-action:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.quick-action strong{color:#111827;font-size:15px}.quick-action span{color:#6b7280;font-size:13px;line-height:1.4}.empty-state{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:32px 20px;display:flex}.empty-state strong{color:#374151;font-size:15px}.empty-state span{color:#9ca3af;max-width:520px;font-size:13px;line-height:1.5}.activity-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.activity-item{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.activity-item:last-child{border-bottom:0}.activity-item>div{flex-direction:column;gap:5px;min-width:0;display:flex}.activity-item strong{color:#111827;font-size:15px;font-weight:600}.activity-item span{color:#6b7280;font-size:13px}.activity-item>small{color:#92400e;background:#fef3c7;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:12px;font-weight:600}.dashboard-list-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;transition:background .15s;display:flex}.dashboard-list-item:last-child{border-bottom:0}.dashboard-list-item:hover{background:#f9fafb}.dashboard-list-item:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #2563eb29;position:relative}.dashboard-list-item>div{flex-direction:column;gap:5px;min-width:0;display:flex}.dashboard-list-item strong{color:#111827;font-size:15px;font-weight:600}.dashboard-list-item span{color:#6b7280;font-size:13px}.dashboard-list-item small{color:#92400e;background:#fef3c7;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:12px;font-weight:600}.form-header{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.back-button{color:#4b5563;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.back-button:hover{color:#111827}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:24px;padding:24px;box-shadow:0 1px 3px #0000000f}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field-full{grid-column:1/-1}.form-field span{color:#374151;font-size:14px;font-weight:600}.form-field input,.form-field select,.form-field textarea{color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;padding:11px 12px;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;min-height:110px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;padding:10px 16px;font-weight:600}.primary-button{color:#fff;background:#111827;border:1px solid #111827}.primary-button:hover:not(:disabled){opacity:.92}.secondary-button{color:#374151;background:#fff;border:1px solid #d1d5db}.secondary-button:hover{background:#f9fafb}@media (width<=700px){.app-header{padding:14px 16px}.app-header strong{font-size:16px}.header-actions{gap:6px}.header-button,.logout-button{padding:9px 11px;font-size:12px}.dashboard,.form-page{padding:24px 16px 40px}.quick-actions,.form-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.card{text-align:center;border-left-width:3px;min-width:0;padding:12px 8px}.card span{min-height:30px;font-size:11px;line-height:1.3}.card strong{margin-top:4px;font-size:24px}.card small{display:none}.dashboard-section{margin-top:24px}.form-field-full{grid-column:auto}.dashboard-intro h1,.form-header h1{font-size:24px}.form-card{padding:18px}.form-actions{flex-direction:column-reverse}.primary-button,.secondary-button{width:100%}.activity-item,.dashboard-list-item{align-items:flex-start;gap:12px}.auth-page{padding:16px}.auth-card{border-radius:14px;padding:24px 20px}.auth-intro h1{font-size:25px}}