@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--navy: #0f2141;--navy2: #1a3560;--bg-base: #f4f3ee;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-raised: #f0ede8;--bg-input: #ffffff;--border: #e0ddd8;--border-focus: rgba(15,33,65,.5);--gold: #c9a84c;--gold-light: #e8c96a;--gold-dim: rgba(201,168,76,.14);--accent: var(--navy);--accent-dim: rgba(15,33,65,.08);--text-primary: #1a1a1a;--text-secondary: #44403a;--text-muted: #6b7280;--text-gold: #a5842f;--dealer-bg: rgba(22,163,74,.1);--dealer-text:#15803d;--mrp-bg: rgba(201,168,76,.16);--mrp-text: #8a6d1f;--danger-bg: #fee2e2;--danger-text:#dc2626;--info-bg: rgba(15,33,65,.08);--info-text: var(--navy);--radius-sm: 9px;--radius: 14px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 2px 12px rgba(15,33,65,.08);--shadow-lift: 0 8px 28px rgba(15,33,65,.14);--shadow-gold: 0 2px 10px rgba(201,168,76,.3);--ease: cubic-bezier(.4,0,.2,1);--nav-h: 64px;--topbar-h: 60px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.3px;color:var(--navy)}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f21412e;border-radius:4px}.card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card);transition:box-shadow .2s var(--ease)}.card-raised{background:var(--bg-card);border:none;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-lift)}.card-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--navy);margin-bottom:12px}input,select,textarea{width:100%;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:10px 12px;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0f214114}input::placeholder{color:var(--text-muted)}select{cursor:pointer}select option{background:#fff;color:var(--text-primary)}textarea{resize:vertical;min-height:56px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;border:none;line-height:1;transition:transform .12s var(--ease),box-shadow .15s var(--ease),opacity .12s var(--ease);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97);opacity:.85}.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);box-shadow:var(--shadow-gold)}.btn-gold:hover{opacity:.92;box-shadow:0 4px 14px #c9a84c66}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 2px 10px #0f214140}.btn-ghost{background:var(--bg-raised);border:none;color:var(--navy)}.btn-ghost:hover{background:#e8e4dd}.btn-outline{background:#fff;border:1.5px solid var(--navy);color:var(--navy)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:none}.btn-sm{padding:7px 12px;font-size:12px;border-radius:8px}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.badge-dealer{background:var(--dealer-bg);color:var(--dealer-text)}.badge-mrp{background:var(--mrp-bg);color:var(--mrp-text)}.badge-pending{background:#d977061f;color:#b45309}.badge-confirmed{background:var(--dealer-bg);color:var(--dealer-text)}.badge-cancelled{background:var(--danger-bg);color:var(--danger-text)}.badge-stock{background:#7c3aed1a;color:#6d28d9}.badge-orderin{background:var(--info-bg);color:var(--info-text)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + var(--safe-bottom));background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);border-top:none;display:grid;grid-template-columns:repeat(3,1fr);z-index:100;padding-bottom:var(--safe-bottom);box-shadow:0 -2px 14px #0f21414d}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#ffffff73;font-size:11px;font-weight:600;cursor:pointer;background:none;border:none;font-family:var(--font-body);transition:color .2s}.nav-item.active{color:var(--gold)}.nav-item svg{width:22px;height:22px;stroke-width:1.75}.cart-badge{position:absolute;top:8px;right:calc(50% - 20px);background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.topbar{position:sticky;top:0;z-index:100;min-height:calc(var(--topbar-h) + var(--safe-top));padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);border-bottom:none;display:flex;align-items:center;gap:12px;box-shadow:0 2px 14px #0f21414d;color:#fff}.topbar-title{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.3px;color:#fff}.topbar-sub{font-size:11px;color:var(--gold);font-weight:600;margin-top:1px}.topbar-logo{width:38px;height:38px;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0;box-shadow:0 2px 6px #00000026}.topbar-logo img{width:100%;height:100%;object-fit:contain}.topbar .btn-ghost{background:#ffffff1f;color:#fff}.topbar .btn-ghost:hover{background:#fff3}.page-content{flex:1;padding:14px;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 24px);overflow-y:auto}.rate-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gold-dim);border:1px solid rgba(201,168,76,.35);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--text-gold);font-weight:700}.rate-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.product-card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:14px;margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:box-shadow .2s var(--ease);box-shadow:var(--shadow-card)}.product-card:hover{box-shadow:var(--shadow-lift)}.product-card.in-cart{box-shadow:0 0 0 2px var(--gold),var(--shadow-card)}.product-name{font-size:15px;font-weight:800;color:var(--text-primary)}.product-meta{font-size:12px;color:var(--text-secondary);margin-top:3px;line-height:1.5}.product-sku{font-size:11px;color:var(--text-muted);font-family:monospace;margin-top:2px}.price-dealer{font-size:18px;font-weight:800;color:var(--dealer-text)}.price-mrp{font-size:12px;color:var(--text-muted);margin-top:1px}.price-unit{font-size:11px;color:var(--text-muted)}.qty-ctrl{display:flex;align-items:center;gap:10px}.qty-btn{width:32px;height:32px;border-radius:50%;background:var(--navy);border:none;color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.qty-btn:hover{opacity:.85}.qty-num{font-size:16px;font-weight:800;min-width:24px;text-align:center;color:var(--navy)}.order-card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow-card)}.divider{border:none;border-top:1px solid var(--border);margin:12px 0}.form-group{margin-bottom:14px}.form-label{font-size:11px;color:var(--text-muted);margin-bottom:4px;display:block;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.section-label{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--navy);margin:20px 0 10px}.metric-card{background:var(--bg-card);border:none;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.metric-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}.metric-value{font-family:var(--font-display);font-size:1.7rem;font-weight:800;letter-spacing:-.5px;color:var(--navy)}.metric-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.toast{position:fixed;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);left:50%;transform:translate(-50%);background:var(--navy);color:#fff;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lift);z-index:200;white-space:nowrap;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(15,33,65,.12);border-top-color:var(--gold);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted);text-align:center}.empty-state svg{opacity:.25}.empty-state p{font-size:14px}@media (min-width: 768px){.admin-layout{display:grid!important;grid-template-columns:230px 1fr;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);border-right:none;padding:24px 0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:2px 0 14px #0f214133}.sidebar-logo{padding:0 20px 24px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:14px;font-weight:600;color:#ffffff8c;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-radius:0;border-left:3px solid transparent;transition:color .15s,background .15s,border-color .15s;font-family:var(--font-body);text-decoration:none}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{color:var(--gold);background:#ffffff0f;border-left-color:var(--gold)}}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px;pointer-events:none}.search-wrap input{padding-left:34px}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:none;box-shadow:var(--shadow-card);background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--navy)}th{padding:10px 14px;text-align:left;color:#ffffffd9;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:none;white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-raised)}.colour-note-input{font-size:12px!important;padding:6px 10px!important;border-radius:8px!important;background:var(--bg-raised)!important;border:1.5px dashed var(--border)!important;color:var(--text-secondary)!important;margin-top:6px}.colour-note-input:focus{border-color:var(--navy)!important;border-style:solid!important}@media (max-width: 400px){.price-dealer{font-size:16px}h2{font-size:1.2rem}}@media (min-width: 768px){.mobile-main{display:none!important}.admin-layout{display:grid!important}}@media (max-width: 767px){.mobile-main{display:block}}