:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f3f4f6;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{color:#111827;background:#f3f4f6;min-height:100vh;display:flex}.auth-shell{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;display:flex}.sidebar{color:#f9fafb;background:#111827;flex-direction:column;gap:24px;width:240px;padding:24px 16px;display:flex}.sidebar-brand h1{color:#fff;margin:0;font-size:1.4rem}.sidebar-brand p{color:#9ca3af;margin:6px 0 0;font-size:.95rem}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:#d1d5db;border-radius:10px;padding:10px 12px;text-decoration:none;transition:background .2s,color .2s}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#2563eb}.app-content{flex-direction:column;flex:1;display:flex}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.navbar-actions{align-items:center;gap:10px;display:flex}.navbar h2{color:#111827;margin:4px 0 0}.navbar-label{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.status-pill{color:#166534;background:#dcfce7;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600}.page-content{padding:24px}.page-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0f172a14}.page-header{margin-bottom:20px}.page-header h1{color:#111827;margin:0 0 8px;font-size:2rem}.muted{color:#6b7280}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card,.list-card,.product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.stat-card{flex-direction:column;gap:8px;display:flex}.stat-card strong{color:#111827}.placeholder-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.placeholder-list li{color:#1f2937;background:#eef2ff;border-radius:10px;padding:12px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.product-card h3{color:#111827;margin-top:0;margin-bottom:8px}.product-image,.product-image-preview{object-fit:cover;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%}.product-image{height:160px;margin-bottom:12px}.product-image-preview{max-height:180px}.product-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.edit-form{flex-direction:column;gap:10px;display:flex}.image-upload-block{flex-direction:column;gap:8px;display:flex}.image-preview-wrapper{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:8px}.edit-form input,.edit-form select{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.edit-button,.cancel-button,.delete-button,.logout-button,.secondary-button{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 12px;font-weight:600}.edit-button{background:#2563eb}.cancel-button{background:#6b7280}.delete-button{background:#dc2626}.logout-button{background:#111827}.secondary-button{background:#4b5563}.price{color:#2563eb;font-weight:700}.empty-state{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:16px}.section-actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.refresh-button{min-width:140px}.list-toolbar{flex-direction:column;gap:8px;margin:12px 0 20px;display:flex}.list-toolbar input{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.record-list{gap:16px;display:grid}.record-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.record-header{justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.record-header h3{margin:0 0 6px}.record-meta{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.meta-badge,.status-badge{border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:600}.meta-badge{color:#3730a3;background:#e0e7ff}.status-badge{color:#374151;background:#e5e7eb}.status-pending{color:#92400e;background:#fef3c7}.status-scheduled,.status-paid,.status-completed,.status-delivered{color:#166534;background:#dcfce7}.status-processing,.status-packed,.status-shipped,.status-pickup_scheduled,.status-picked_up,.status-in_progress,.status-out_for_delivery{color:#1d4ed8;background:#dbeafe}.status-cancelled,.status-failed{color:#991b1b;background:#fee2e2}.details-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px;display:grid}.details-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.detail-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.detail-list li{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.status-action-row{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.status-action-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 12px;font-weight:600}.status-action-button.active{color:#fff;background:#2563eb;border-color:#2563eb}.status-action-button:disabled{opacity:.7;cursor:wait}.filter-chip-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chip{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 12px;font-weight:600}.filter-chip.active{color:#fff;background:#2563eb;border-color:#2563eb}.quote-action-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.quote-detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;margin-top:8px;padding:12px;display:grid}.quote-items-list{color:#1f2937;margin:8px 0 0;padding-left:18px}.quote-text-block{white-space:pre-wrap;line-height:1.5}.narrow-page{max-width:520px}.auth-card{width:min(100%,520px)}.login-form{flex-direction:column;gap:12px;display:flex}.login-form input,.login-form select{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px}.login-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 14px;font-weight:600}.message-success{color:#166534;background:#dcfce7;border-radius:10px;margin-top:12px;padding:12px}.message-error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:12px;padding:12px}.table-card{margin-top:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px}.admin-table th{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.category-checkbox-grid{background:#fff;border:1px solid #d1d5db;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:12px;display:grid}.category-checkbox{color:#1f2937;align-items:center;gap:8px;font-size:.95rem;display:flex}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:auto}.navbar{flex-direction:column;align-items:flex-start;gap:12px}}