.delivery-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}.delivery-modal-content{background:#fff;border-radius:var(--radius-lg, 12px);padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;gap:20px}.delivery-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-default, #e5e7eb);padding-bottom:16px}.delivery-status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--bg-subtle, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px)}.rider-card{border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);padding:18px;background:var(--bg-surface, #ffffff);display:flex;flex-direction:column;gap:12px}.rider-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rider-avatar{width:44px;height:44px;border-radius:50%;background:#e0e7ff;color:#3730a3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.rider-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:.875rem}.delivery-timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:20px}.delivery-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--border-default, #e5e7eb)}.timeline-step{position:relative;display:flex;flex-direction:column;gap:2px}.timeline-step-dot{position:absolute;left:-20px;top:4px;width:14px;height:14px;border-radius:50%;background:#d1d5db;border:2px solid #ffffff}.timeline-step.active .timeline-step-dot{background:#10b981}.timeline-step-title{font-weight:600;font-size:.9375rem;color:var(--text-heading, #111827)}.timeline-step-time{font-size:.8125rem;color:var(--text-muted, #6b7280)}.kyc-page{max-width:1040px}.kyc-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.kyc-header h1{margin-top:0}.kyc-header p{max-width:65ch}.kyc-readonly{padding:6px 10px;border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-700);font-size:.8125rem;font-weight:600}.kyc-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.kyc-page h2{font-size:1.125rem;margin:0;color:var(--text-heading)}.kyc-page h3{font-size:1rem;margin:0;color:var(--text-heading)}.kyc-status,.kyc-shop-status,.kyc-documents,.kyc-submission-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-subtle)}.kyc-rejection{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border);border-radius:var(--radius-md);padding:16px;overflow-wrap:anywhere;margin-top:16px}.kyc-rejection h3{color:var(--status-error-text);margin-bottom:6px}.kyc-rejection p{margin-bottom:0;white-space:pre-wrap;font-size:.92rem}.kyc-dates{display:grid;gap:16px;margin:24px 0 0}.kyc-dates dt{color:var(--text-muted);font-size:.875rem}.kyc-dates dd{margin:4px 0 0;font-variant-numeric:tabular-nums}.kyc-document-grid{display:grid;gap:16px;padding:0;margin:20px 0 0;list-style:none}.kyc-document{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;min-width:0;overflow-wrap:anywhere;background:var(--bg-surface);display:flex;flex-direction:column;justify-content:space-between;gap:12px}.kyc-document-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kyc-document p{margin:4px 0;font-size:.9rem}.kyc-file-type{color:var(--text-muted);font-size:.8125rem}.kyc-footnote{margin-top:28px;max-width:70ch;color:var(--text-muted);font-size:.875rem}.kyc-error{margin-top:24px}.kyc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}.kyc-doc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.kyc-form{margin-top:24px;display:grid;gap:24px}.kyc-form-fieldset{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;background:var(--bg-subtle)}.kyc-form-fieldset legend{font-weight:650;font-size:1rem;color:var(--text-heading);padding:0 8px}.kyc-field-hint{font-size:.8125rem;color:var(--text-muted);margin-top:4px}.kyc-field-error{font-size:.8125rem;color:var(--status-error-text);margin-top:4px;font-weight:600}.kyc-input-error{border-color:var(--status-error-border)!important;background-color:#fffbfa!important}.kyc-upload-grid{display:grid;gap:16px;margin-top:16px}.kyc-upload-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:border-color var(--duration-fast)}.kyc-upload-card.has-error{border-color:var(--status-error-border);background:#fffcfc}.kyc-upload-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kyc-upload-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.kyc-file-label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;color:var(--text-heading);font-size:.88rem;font-weight:600;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.kyc-file-label:hover{background:var(--bg-hover);border-color:var(--brand-300)}.kyc-file-label:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}.kyc-hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.kyc-cancel-upload-btn{color:var(--status-error-text);font-weight:600}.kyc-progress-track{width:100%;height:6px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;margin-top:6px}.kyc-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-400),var(--brand-600));transition:width .15s ease}.kyc-upload-status{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.kyc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08284d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:kyc-fade-in .15s ease-out}.kyc-modal-dialog{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:kyc-scale-up .18s cubic-bezier(.16,1,.3,1)}.kyc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.kyc-modal-header h2{font-size:1.125rem;margin:0}.kyc-modal-body{padding:20px;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);min-height:280px}.kyc-preview-image{max-width:100%;max-height:65vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.kyc-preview-frame{width:100%;height:65vh;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff}.kyc-modal-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}@keyframes kyc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kyc-scale-up{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(min-width:640px){.kyc-dates,.kyc-document-grid,.kyc-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.finance-page{display:flex;flex-direction:column;gap:24px}.finance-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.finance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.finance-metric-card{border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:20px;background:var(--bg-surface, #ffffff);display:flex;flex-direction:column;gap:8px}.finance-metric-label{font-size:.875rem;font-weight:500;color:var(--text-muted, #6b7280)}.finance-metric-value{font-size:1.75rem;font-weight:700;color:var(--text-heading, #111827)}.finance-card{border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:24px;background:var(--bg-surface, #ffffff);display:flex;flex-direction:column;gap:16px}.finance-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.finance-card-title{font-size:1.15rem;font-weight:600;color:var(--text-heading, #111827);margin:0}.bank-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--bg-subtle, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px);padding:16px}.bank-detail-item{display:flex;flex-direction:column;gap:4px}.bank-detail-label{font-size:.8125rem;color:var(--text-muted, #6b7280)}.bank-detail-val{font-size:.9375rem;font-weight:600;color:var(--text-heading, #111827)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.verified,.status-badge.completed{background:#def7ec;color:#03543f}.status-badge.pending,.status-badge.processing,.status-badge.requested{background:#fef08a;color:#713f12}.status-badge.rejected,.status-badge.failed,.status-badge.cancelled{background:#fde8e8;color:#9b1c1c}.finance-table-container{overflow-x:auto;border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px)}.finance-table{width:100%;border-collapse:collapse;font-size:.875rem}.finance-table th{background:var(--bg-subtle, #f9fafb);text-align:left;padding:12px 16px;font-weight:600;color:var(--text-muted, #6b7280);border-bottom:1px solid var(--border-default, #e5e7eb)}.finance-table td{padding:14px 16px;border-bottom:1px solid var(--border-default, #e5e7eb);color:var(--text-heading, #111827)}.finance-table tr:last-child td{border-bottom:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:#fff;border-radius:var(--radius-lg, 12px);padding:24px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;gap:16px}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.settings-grid{display:grid;gap:24px}.settings-card{border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:24px;background:var(--bg-surface, #ffffff);display:flex;flex-direction:column;gap:16px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-card-title{font-size:1.15rem;font-weight:600;color:var(--text-heading, #111827);margin:0}.status-toggle-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:var(--bg-subtle, #f9fafb);border:1px solid var(--border-default, #e5e7eb);border-radius:var(--radius-md, 8px)}.status-indicator{display:flex;align-items:center;gap:10px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.open{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot.closed{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.profile-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.profile-meta-item{display:flex;flex-direction:column;gap:4px}.profile-meta-label{font-size:.8125rem;color:var(--text-muted, #6b7280)}.profile-meta-value{font-size:.9375rem;font-weight:600;color:var(--text-heading, #111827)}.legal-container{max-width:860px;margin:0 auto;padding:32px 20px 80px;color:var(--color-text-main, #0f172a);font-family:inherit;line-height:1.6}.legal-header-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.legal-back-btn{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;color:#1d4ed8;text-decoration:none;background:transparent;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .15s ease}.legal-back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.legal-draft-banner{background:#fffbeb;border:1px solid #fef08a;border-left:4px solid #eab308;border-radius:8px;padding:16px 20px;margin-bottom:32px;color:#854d0e}.legal-draft-badge{display:inline-block;background:#fef08a;color:#713f12;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;margin-bottom:8px}.legal-draft-title{font-size:1rem;font-weight:700;margin:0 0 6px;color:#713f12}.legal-draft-desc{font-size:.875rem;margin:0;line-height:1.5}.legal-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;padding-top:10px;border-top:1px dashed #fde047;font-size:.8125rem;color:#a16207}.legal-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:36px 40px;box-shadow:0 1px 3px #0000000d}@media(max-width:640px){.legal-content-card{padding:24px 16px}}.legal-doc-title{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:0 0 8px}.legal-doc-subtitle{font-size:.9375rem;color:#64748b;margin:0 0 28px}.legal-section{margin-bottom:28px}.legal-section-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.legal-paragraph{font-size:.9375rem;color:#334155;margin:0 0 12px;line-height:1.65}.legal-paragraph:last-child{margin-bottom:0}.legal-table-wrapper{overflow-x:auto;margin:16px 0 24px;border:1px solid #e2e8f0;border-radius:8px}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.legal-table th{background:#f8fafc;color:#475569;font-weight:600;padding:12px 16px;border-bottom:1px solid #e2e8f0}.legal-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top}.legal-table tr:last-child td{border-bottom:none}.legal-table td code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:monospace;color:#0f172a;font-size:.8125rem}.legal-placeholder-tag{display:inline-block;background:#fef3c7;color:#92400e;font-size:.8125rem;font-weight:600;padding:2px 6px;border-radius:4px;font-family:monospace}:root{--font-sans: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--brand-50: #f0f7ff;--brand-100: #e0effe;--brand-200: #bae0fd;--brand-300: #7cc4fa;--brand-400: #38a5f6;--brand-500: #1a73e8;--brand-600: #1254a3;--brand-700: #0e4587;--brand-800: #0b3d78;--brand-900: #08284d;--bg-canvas: #f4f8fc;--bg-surface: #ffffff;--bg-subtle: #f8fbfe;--bg-hover: #eaf3fc;--text-main: #102a43;--text-heading: #08284d;--text-muted: #536b85;--text-subtle: #7990a8;--border-subtle: #e2ebf4;--border-default: #cfdfef;--border-focus: #1a73e8;--status-available-bg: #e6f7ec;--status-available-text: #0d6832;--status-available-border: #b7ebc7;--status-pending-bg: #fff7e6;--status-pending-text: #8a5800;--status-pending-border: #ffd699;--status-info-bg: #f0eefc;--status-info-text: #452b8c;--status-info-border: #d4ccf7;--status-error-bg: #fef2f2;--status-error-text: #991b1b;--status-error-border: #fecaca;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(8, 40, 77, .04);--shadow-sm: 0 1px 3px rgba(8, 40, 77, .05), 0 1px 2px rgba(8, 40, 77, .03);--shadow-md: 0 4px 12px -2px rgba(8, 40, 77, .06), 0 2px 4px -1px rgba(8, 40, 77, .03);--shadow-lg: 0 14px 34px -4px rgba(8, 40, 77, .09), 0 4px 8px -2px rgba(8, 40, 77, .04);--shadow-card: 0 2px 8px rgba(8, 40, 77, .04), 0 1px 2px rgba(8, 40, 77, .02);--ease-spring: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .22s;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--bg-canvas);color:var(--text-main);line-height:1.5}button,a,input,select,textarea{font-family:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 16px;border-radius:var(--radius-md);background:var(--brand-900);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-180%);transition:transform var(--duration-fast) var(--ease-spring);box-shadow:var(--shadow-md)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--brand-300)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:68px;padding:0 32px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:40}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:750;color:var(--brand-800);text-decoration:none;letter-spacing:-.015em}.brand small{display:block;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:-2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-800) 100%);font-size:1.05rem;font-weight:800;box-shadow:0 2px 6px #1254a340,inset 0 1px 1px #ffffff4d}.account{color:var(--text-muted);font-size:.88rem;display:flex;align-items:center;gap:16px;font-variant-numeric:tabular-nums}.quiet-button{padding:6px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--brand-600);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.quiet-button:hover:not(:disabled){background:var(--brand-50);border-color:var(--border-subtle);color:var(--brand-800)}.quiet-button:active:not(:disabled){transform:scale(.98)}.quiet-button:disabled{opacity:.5;cursor:not-allowed}.layout{display:flex;flex:1;min-height:calc(100vh - 68px)}.sidebar{width:240px;flex:0 0 240px;padding:24px 16px;background:#fff;border-right:1px solid var(--border-subtle)}.nav-link{display:flex;align-items:center;padding:10px 14px;margin:4px 0;border-radius:var(--radius-md);color:var(--text-muted);font-size:.92rem;font-weight:550;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.nav-link:hover{background-color:var(--bg-hover);color:var(--brand-800)}.nav-link.active{background:var(--brand-100);color:var(--brand-800);font-weight:700;box-shadow:inset 3px 0 0 var(--brand-600)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 36px}.shop-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 20px;margin-bottom:28px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-50) 0%,#ffffff 100%);box-shadow:var(--shadow-xs)}.shop-banner span{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);background:var(--brand-100);color:var(--brand-700);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.shop-banner strong{color:var(--brand-900);font-size:1.05rem;font-weight:750}.shop-banner small{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.shop-banner .text-button{margin-left:auto}.page-card{max-width:960px;padding:36px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.onboarding-card{max-width:640px;width:100%}.dashboard-card,.catalog-page,.orders-page{width:100%}.eyebrow{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-600);font-size:.72rem;letter-spacing:.09em;font-weight:750;text-transform:uppercase;margin:0 0 10px}.page-card h1,.auth-card h1,.onboarding-card h1{margin:0 0 10px;color:var(--text-heading);font-size:clamp(1.65rem,3.5vw,2.15rem);font-weight:800;letter-spacing:-.025em;line-height:1.25}.muted{color:var(--text-muted);font-size:.95rem;margin-top:0;line-height:1.5}.empty-state{display:grid;gap:8px;margin-top:26px;padding:32px 24px;border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-subtle);color:var(--text-muted);text-align:center}.empty-state strong{color:var(--brand-800);font-size:1.02rem}.empty-state span{font-size:.9rem;max-width:520px;margin:0 auto}.form-stack{display:grid;gap:16px;margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.full-width{grid-column:1 / -1}.form-stack label,.form-grid label{display:grid;gap:7px;color:var(--text-heading);font-size:.88rem;font-weight:650}input,textarea,select{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-main);background:#fff;font-family:inherit;font-size:.95rem;transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #1a73e829}button:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.primary-button{min-height:44px;padding:10px 20px;border:1px solid var(--brand-700);border-radius:var(--radius-md);color:#fff;background:linear-gradient(180deg,var(--brand-500) 0%,var(--brand-600) 100%);font-size:.92rem;font-weight:650;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 1px 2px #0b3d782e,inset 0 1px #fff3;transition:background var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) var(--ease-spring)}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,var(--brand-600) 0%,var(--brand-800) 100%);box-shadow:var(--shadow-sm)}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.text-button{padding:4px 8px;border:0;background:transparent;color:var(--brand-600);font-weight:650;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-spring)}.text-button:hover{color:var(--brand-900)}.notice{padding:12px 16px;border:1px solid var(--brand-200);border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-800);font-size:.92rem;margin:14px 0}.error-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 18px;border:1px solid var(--status-error-border);border-radius:var(--radius-md);color:var(--status-error-text);background:var(--status-error-bg);font-size:.9rem;font-weight:500;margin:14px 0}.center-page{min-height:54vh;display:grid;place-content:center;justify-items:center;gap:14px}.spinner{width:28px;height:28px;border:3px solid var(--brand-200);border-top-color:var(--brand-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(circle at 12% 16%,#e0effe 0%,transparent 42%),radial-gradient(circle at 88% 84%,#eef2ff 0%,transparent 40%),#f8faff}.auth-split-layout{display:grid;grid-template-columns:1fr;width:100%;max-width:520px;margin:0 auto}@media(min-width:960px){.auth-split-layout{grid-template-columns:1.05fr 1fr;gap:40px;max-width:1060px;align-items:stretch}}.auth-visual-panel{display:none}@media(min-width:960px){.auth-visual-panel{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:44px 40px;background:linear-gradient(145deg,#1e3a8a,#1d4ed8,#2563eb);border-radius:28px;box-shadow:0 20px 50px -10px #1e3a8a47,0 4px 16px -2px #1e3a8a1f;color:#fff;border:1px solid rgba(255,255,255,.16)}.auth-visual-glow{position:absolute;top:-80px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(147,197,253,.35) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-visual-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;justify-content:space-between}.auth-visual-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.visual-mark{width:44px;height:44px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:12px;display:grid;place-content:center;font-size:1.4rem;font-weight:800;color:#fff;box-shadow:inset 0 1px 2px #fff6}.visual-brand-text{display:flex;flex-direction:column}.visual-brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff}.visual-brand-badge{font-size:.72rem;font-weight:600;letter-spacing:.08em;color:#bfdbfe;text-transform:uppercase}.visual-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#e0f2fe;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pulsing-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.visual-title{font-size:1.85rem;font-weight:800;line-height:1.25;letter-spacing:-.025em;color:#fff;margin:0 0 12px}.visual-subtitle{font-size:.95rem;line-height:1.55;color:#e0e7ff;margin:0 0 28px}.auth-visual-features{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.visual-feature-card{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#ffffff17;border:1px solid rgba(255,255,255,.15);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s ease}.visual-feature-card:hover{background:#ffffff24}.visual-feature-icon{display:grid;place-content:center;width:38px;height:38px;background:#ffffff2e;border-radius:10px;color:#fff;flex-shrink:0}.visual-feature-text strong{display:block;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:2px}.visual-feature-text p{margin:0;font-size:.8rem;line-height:1.4;color:#dbeafe}.auth-visual-footer{display:flex;align-items:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.visual-security-pill{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:#bfdbfe;font-weight:500}.visual-phone-showcase{position:relative;display:flex;justify-content:center;align-items:center;margin:18px 0 24px}.phone-showcase-float-badge{position:absolute;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border-radius:14px;box-shadow:0 10px 24px -4px #0f172a2e;z-index:2;color:#0f172a;animation:floatBadge 4s ease-in-out infinite alternate}.badge-top-left{top:12px;left:-16px}.badge-bottom-right{bottom:12px;right:-16px;animation-delay:-2s}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.badge-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.badge-text{display:flex;flex-direction:column}.badge-sub{font-size:.68rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.badge-text strong{font-size:.82rem;font-weight:800;color:#0f172a}.badge-green{color:#16a34a!important}.phone-mockup-frame{width:240px;background:#0f172a;border-radius:28px;padding:8px;box-shadow:0 25px 60px -15px #0006,0 0 0 2px #ffffff40;border:1px solid rgba(255,255,255,.35)}.phone-notch{width:44px;height:4px;background:#334155;border-radius:3px;margin:2px auto 6px}.phone-inner-screen{background:#f8fafc;border-radius:22px;padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px}.phone-app-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px;border-bottom:1px solid #e2e8f0}.phone-app-logo{display:flex;align-items:center;gap:6px}.phone-s-logo{width:18px;height:18px;background:#2563eb;color:#fff;font-size:.65rem;font-weight:900;border-radius:5px;display:grid;place-content:center}.phone-store-name{font-size:.8rem;font-weight:700;color:#0f172a}.phone-online-badge{font-size:.62rem;font-weight:800;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:9999px}.phone-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;box-shadow:0 2px 6px #0000000a}.phone-order-card-secondary{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;padding:6px 10px}.phone-order-head{display:flex;justify-content:space-between;align-items:center}.phone-order-num{font-size:.76rem;font-weight:700;color:#0f172a}.phone-order-val{font-size:.76rem;font-weight:800;color:#2563eb;background:#eff6ff;padding:1px 5px;border-radius:4px}.phone-order-items{font-size:.68rem;color:#64748b;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-order-action{background:#2563eb;color:#fff;font-size:.72rem;font-weight:700;text-align:center;padding:4px 0;border-radius:6px}.phone-mini-nav{display:flex;justify-content:space-around;padding-top:4px;border-top:1px solid #e2e8f0}.nav-icon{font-size:.65rem;color:#64748b;font-weight:600}.nav-icon.active{color:#2563eb;font-weight:700}}.auth-mobile-hero{display:flex;flex-direction:column;background:linear-gradient(145deg,#1e3a8a,#1d4ed8,#2563eb);color:#fff;padding:24px 20px 22px;border-radius:24px 24px 0 0;box-shadow:0 8px 24px -4px #1e3a8a40;margin-bottom:-12px;position:relative;z-index:1}@media(min-width:960px){.auth-mobile-hero{display:none}}.auth-mobile-hero-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.auth-mobile-hero-brand .visual-mark{width:34px;height:34px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:9px;display:grid;place-content:center;font-size:1.1rem;font-weight:800;color:#fff}.auth-mobile-hero-brand .visual-brand-title{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.04em}.auth-mobile-hero-brand .visual-brand-badge{font-size:.65rem;font-weight:700;color:#bfdbfe;letter-spacing:.08em}.auth-mobile-hero-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;color:#fff}.auth-mobile-hero-subtitle{font-size:.82rem;color:#e0e7ff;margin:0 0 16px;line-height:1.4}.auth-mobile-phone-preview{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-preview-mini-phone{flex:1}.preview-mini-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.preview-store-label{font-size:.72rem;font-weight:700;color:#fff}.preview-status-pill{font-size:.58rem;font-weight:800;color:#86efac}.preview-mini-order-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;color:#0f172a;border-radius:8px;padding:5px 8px}.preview-order-info{display:flex;flex-direction:column}.preview-order-info strong{font-size:.72rem;font-weight:700}.preview-order-price{font-size:.7rem;font-weight:800;color:#2563eb}.preview-action-btn{background:#2563eb;color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px}.preview-rider-pill{background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 10px;font-size:.7rem;font-weight:700;color:#fff;white-space:nowrap}.auth-card{width:100%;padding:38px 42px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:28px;box-shadow:0 20px 48px -10px #0f172a12,0 4px 12px -2px #0f172a08;display:flex;flex-direction:column;justify-content:center}@media(max-width:640px){.auth-page{padding:20px 14px;align-items:flex-start}.auth-card{padding:26px 20px;border-radius:20px}}.auth-brand{margin-bottom:20px}.auth-step-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;padding:8px 16px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-full)}.step-item{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--text-muted)}.step-item.active{color:var(--brand-700);font-weight:700}.step-item.complete{color:var(--brand-600)}.step-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:#fff;color:var(--text-muted);border:1.5px solid var(--border-default)}.step-item.active .step-circle{background:var(--brand-500);color:#fff;border-color:var(--brand-600);box-shadow:0 1px 3px #1a73e84d}.step-item.complete .step-circle{background:var(--brand-100);color:var(--brand-700);border-color:var(--brand-300)}.step-line{flex:1;max-width:48px;height:2px;background:var(--brand-200);border-radius:1px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.88rem;font-weight:650;color:var(--text-heading)}.auth-text-input{min-height:48px;padding:12px 16px;font-size:.98rem;border-radius:var(--radius-md)}.submit-btn{min-height:48px;font-size:.96rem;margin-top:4px}.compact-legal-row{margin:10px 0 14px}.compact-legal-row .compact-legal-label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400;line-height:1.4;color:var(--slate-700);min-height:24px}.compact-legal-row input.compact-legal-checkbox{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:2px 0 0!important;accent-color:var(--brand-600);cursor:pointer;flex-shrink:0}.compact-legal-row input.compact-legal-checkbox:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:2px}.compact-legal-row .compact-legal-text{flex:1;font-size:14px;font-weight:400;color:var(--slate-700);line-height:1.4}.compact-legal-row .compact-legal-text a{color:var(--brand-600);text-decoration:underline;font-weight:500}.compact-legal-row .compact-legal-text a:hover{color:var(--brand-700)}.compact-legal-row .compact-legal-caption{display:block;font-size:12px;color:var(--slate-500);margin-top:3px;margin-left:28px;line-height:1.35;font-weight:400}.consent-group{margin:12px 0 16px}.consent-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.88rem;line-height:1.45;color:var(--slate-700);min-height:44px;padding:4px 0}.consent-checkbox{margin-top:3px;width:18px;height:18px;accent-color:var(--brand-600);cursor:pointer;flex-shrink:0}.consent-text{flex:1}.legal-link{color:var(--brand-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-spring)}.legal-link:hover,.legal-link:focus-visible{color:var(--brand-900);outline:2px solid var(--brand-400);outline-offset:2px;border-radius:2px}.privacy-notice-row{margin:4px 0 12px 30px;font-size:.8125rem;line-height:1.4;color:var(--slate-600)}.privacy-notice-link{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px;font-weight:500}.privacy-notice-link:hover,.privacy-notice-link:focus-visible{color:var(--brand-900)}.marketing-consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.84rem;line-height:1.4;color:var(--slate-600);padding:2px 0;margin-bottom:16px}.phone-summary-card{margin:4px 0 12px}.phone-summary-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;margin:0;background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-md);font-size:.92rem;color:var(--brand-900);font-weight:500}.change-number-btn{color:var(--brand-600);font-weight:700;font-size:.86rem;padding:4px 8px;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:all var(--duration-fast) var(--ease-spring)}.change-number-btn:hover{color:var(--brand-800);background:var(--brand-100);text-decoration:none}section[aria-label="Development OTP"].dev-otp-notice,.dev-otp-notice{border:1.5px dashed var(--brand-400);background:linear-gradient(180deg,var(--brand-50) 0%,#e8f3fe 100%);border-radius:var(--radius-md);padding:14px 18px;margin:10px 0 16px}.dev-otp-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:2px}section[aria-label="Development OTP"] strong,.dev-otp-tag{display:inline-block;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-700)}section[aria-label="Development OTP"] p,.dev-otp-code{margin:4px 0;font-family:var(--font-mono);font-size:1.5rem;font-weight:750;letter-spacing:.22em;color:var(--brand-900)}section[aria-label="Development OTP"] small{color:var(--text-muted);font-size:.8rem}.otp-cells-wrapper{position:relative;width:100%;cursor:text;margin-top:4px}.otp-cells-group{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%}.otp-digit-cell{height:58px;background:#fff;border:1.5px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.65rem;font-weight:750;color:var(--brand-900);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none}.otp-digit-cell.is-focused{border-color:var(--brand-500);box-shadow:0 0 0 3px #1a73e833;background:#fff}.otp-digit-cell.is-filled{border-color:var(--brand-300);background:var(--brand-50)}.otp-native-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.001;z-index:2;cursor:text;background:transparent;color:transparent;border:none;padding:0;margin:0;min-height:unset}.otp-native-input:focus{outline:none;box-shadow:none;border:none}.resend-section{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:.88rem;color:var(--text-muted)}.resend-countdown{font-weight:650;color:var(--brand-700);font-variant-numeric:tabular-nums}.resend-btn{color:var(--brand-600);font-weight:700;font-size:.88rem;padding:4px 6px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}.shop-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.shop-card:hover{transform:translateY(-2px);border-color:var(--brand-200);box-shadow:var(--shadow-md)}.shop-card h2{margin:0 0 8px;color:var(--brand-900);font-size:1.25rem;font-weight:750}.shop-card .muted{margin:0;font-size:.84rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-700)}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}.dashboard-metric{display:grid;gap:8px;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring)}.dashboard-metric:hover{transform:translateY(-2px);border-color:var(--brand-200);box-shadow:var(--shadow-md)}.dashboard-metric span{color:var(--text-muted);font-size:.82rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.dashboard-metric strong{color:var(--brand-900);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-disclaimer{margin-top:20px;color:var(--text-subtle);font-size:.84rem}.dashboard-updated{color:var(--text-muted);font-size:.84rem;margin-top:4px}.dashboard-status-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:16px}.dashboard-status-indicator{display:flex;align-items:center;gap:10px;font-size:.9rem}.dashboard-section{margin-top:32px}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-section-header h2{font-size:1.15rem;font-weight:700;color:var(--text-heading);margin:0}.dashboard-recent-orders{display:grid;gap:12px}.dashboard-order-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-spring)}.dashboard-order-item:hover{border-color:var(--brand-300)}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.dashboard-shortcut-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.dashboard-shortcut-card:hover{transform:translateY(-2px);border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.dashboard-shortcut-card strong{font-size:.95rem;color:var(--brand-700)}.dashboard-shortcut-card span{font-size:.82rem;color:var(--text-muted)}.catalog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.catalog-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;color:var(--text-heading)}.catalog-filter label{font-weight:650;font-size:.9rem}.catalog-filter select{min-height:42px;max-width:100%;padding:8px 14px;border-radius:var(--radius-md)}.catalog-editor{margin-top:24px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-subtle);box-shadow:var(--shadow-xs)}.catalog-editor h2{margin:0 0 16px;color:var(--brand-900);font-size:1.25rem;font-weight:750}.product-upload-preview{display:block;max-width:120px;max-height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-top:14px}.product-image-manager{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.product-image-managed{display:flex;flex-direction:column;align-items:center;gap:8px;width:110px}.product-image-managed img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.product-image-managed span{font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.2}.catalog-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted);font-size:.95rem;font-weight:500}.catalog-checkbox{display:flex!important;align-items:center;gap:8px;cursor:pointer}.catalog-checkbox input{width:auto;min-height:auto}.stock-input{width:7.5rem;margin-left:6px;min-height:38px;padding:6px 10px;font-variant-numeric:tabular-nums}.product-list{display:grid;gap:14px;margin-top:20px}.product-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.product-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm)}.product-details{display:flex;flex-direction:column;gap:8px;min-width:0}.product-image{width:110px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--brand-50);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8rem;font-weight:500}.product-image img{width:100%;height:100%;object-fit:cover}.product-title-row,.product-facts,.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px}.product-title-row h2{margin:0;font-size:1.1rem;font-weight:750;color:var(--brand-900);overflow-wrap:anywhere}.availability{white-space:nowrap;border-radius:var(--radius-full);padding:3px 10px;font-size:.74rem;font-weight:700;letter-spacing:.02em}.availability.available{background:var(--status-available-bg);color:var(--status-available-text);border:1px solid var(--status-available-border)}.availability.unavailable{background:#f1f4f8;color:#5a7086;border:1px solid #dbe3ed}.product-sku{margin:4px 0 10px;color:var(--text-muted);font-size:.84rem;overflow-wrap:anywhere}.product-sku strong{font-family:var(--font-mono);color:var(--text-main);font-weight:600}.product-facts{justify-content:flex-start;flex-wrap:wrap;gap:16px;color:var(--text-muted);font-size:.88rem}.product-price{color:var(--brand-800);font-weight:750;font-size:1.1rem;font-variant-numeric:tabular-nums}.pagination{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.88rem}.pagination>div{display:flex;gap:8px}.order-list{display:grid;gap:12px;margin:18px 0}.order-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 22px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring)}.order-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm)}.order-card h2{margin:0 0 4px;font-size:1.05rem;font-weight:750;color:var(--brand-900);font-family:var(--font-mono)}.order-card p{margin:3px 0;color:var(--text-muted);font-size:.88rem}.order-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.order-detail{margin-top:24px;padding:22px;border:1px solid var(--brand-200);border-radius:var(--radius-lg);background:var(--bg-subtle)}.order-detail h2{margin:0;font-size:1.15rem;font-weight:750;color:var(--brand-900)}.order-delivery-destination{margin:6px 0 12px;font-size:.92rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.order-items{list-style:none;padding:0;margin:16px 0}.order-items li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:.92rem}.order-total{font-weight:750;color:var(--brand-900);font-variant-numeric:tabular-nums}@media(max-width:768px){.topbar{padding:12px 16px;min-height:auto;flex-direction:column;align-items:stretch;gap:10px}.account{width:100%;justify-content:space-between}.layout{display:block}.sidebar{display:flex;width:100%;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:8px 14px;margin:0 4px}.nav-link.active{box-shadow:inset 0 -3px 0 var(--brand-600)}.main-content{padding:20px 14px}.page-card{padding:24px 18px;border-radius:var(--radius-lg)}.auth-page{padding:24px 14px}.auth-card{padding:28px 20px;border-radius:var(--radius-lg)}.auth-step-indicator{padding:6px 12px;gap:8px;margin-bottom:18px}.step-item{font-size:.78rem;gap:6px}.step-circle{width:20px;height:20px;font-size:.7rem}.step-line{max-width:32px}.otp-cells-group{gap:6px}.otp-digit-cell{height:50px;font-size:1.4rem;border-radius:var(--radius-sm)}.product-card{grid-template-columns:80px minmax(0,1fr);padding:12px;gap:12px}.product-image{width:80px}.product-title-row{align-items:flex-start;flex-direction:column;gap:6px}.pagination{align-items:flex-start;flex-direction:column;gap:12px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.topbar-notifications-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);text-decoration:none;color:var(--text-secondary);background:transparent;transition:background var(--transition-fast),color var(--transition-fast);margin-right:8px}.topbar-notifications-link:hover{background:var(--surface-subtle);color:var(--text-primary)}.bell-icon{font-size:1.15rem;line-height:1}.topbar-badge{position:absolute;top:1px;right:1px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--brand-600);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-card);line-height:1}.sidebar-badge{margin-left:auto;padding:2px 7px;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200);font-size:.72rem;font-weight:700}.notifications-container{max-width:900px}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.notifications-title{display:flex;align-items:center;gap:10px;margin:6px 0 8px;font-size:1.65rem}.unread-counter-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:var(--radius-full);background:var(--brand-100);color:var(--brand-700);font-size:.85rem;font-weight:700}.flex-align-gap{display:flex;align-items:center;gap:10px}.live-status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.live-status-pill.connected{background:#def7ec;color:#03543f;border:1px solid #bcf0da}.live-status-pill.disconnected{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#0e9f6e;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.notifications-actions-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notifications-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px;padding-bottom:2px}.tab-button{padding:8px 16px;font-size:.9rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.notification-card.unread{background:#f8fafc;border-left:4px solid var(--brand-600);box-shadow:0 1px 4px #1a56db14}.notification-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-muted)}.notification-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.notification-meta-left{display:flex;align-items:center;gap:8px}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-600);display:inline-block}.notification-time{color:var(--text-muted);font-size:.8rem}.notification-item-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:2px 0 4px}.notification-item-body{font-size:.92rem;color:var(--text-secondary);line-height:1.5;margin:0}.notification-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:.85rem}.notification-footer-left{display:flex;align-items:center;gap:12px}.notification-footer-right{display:flex;align-items:center}.text-link-button{background:none;border:none;padding:0;color:var(--brand-600);font-weight:600;cursor:pointer;text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;transition:color var(--transition-fast)}.text-link-button:hover{color:var(--brand-700);text-decoration:underline}.mark-read-btn{font-size:.8rem;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle)}.mark-read-btn:hover{background:var(--surface-card);border-color:var(--border-muted)}.read-status-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.notification-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-blue{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}.badge-green{background:#def7ec;color:#03543f;border:1px solid #bcf0da}.badge-amber{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-red{background:#fde8e8;color:#9b1c1c;border:1px solid #fbd5d5}.badge-purple{background:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff}.badge-indigo{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.badge-gray{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.notifications-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:12px}.pagination-info{font-size:.85rem;color:var(--text-muted)}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:12px;color:var(--text-muted)}