@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--sp-blue: #0052CC;--sp-blue-dark: #003380;--sp-blue-light: #E6F0FF;--sp-blue-mid: #0065FF;--sp-navy: #091E42;--sp-bg: #F4F5F7;--sp-surface: #FFFFFF;--sp-border: #DFE1E6;--sp-text: #172B4D;--sp-text-secondary: #6B778C;--sp-success: #36B37E;--sp-warning: #FFAB00;--sp-error: #DE350B;--sp-shadow-sm: 0 1px 3px rgba(9,30,66,.08);--sp-shadow-md: 0 4px 12px rgba(9,30,66,.12);--sp-shadow-lg: 0 8px 24px rgba(9,30,66,.16);--navbar-h: 60px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--sp-bg);color:var(--sp-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sp-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c1c7d0}h1,h2,h3,h4,h5,h6{color:var(--sp-navy);font-weight:600}.sp-container{max-width:1280px;margin:0 auto;padding:0 24px}.sp-card{background:var(--sp-surface);border-radius:12px;box-shadow:var(--sp-shadow-sm);border:1px solid var(--sp-border);padding:24px}.sp-gradient-header{background:linear-gradient(135deg,var(--sp-blue) 0%,var(--sp-blue-dark) 100%);color:#fff}.page-content{padding:24px;min-height:calc(100vh - var(--navbar-h))}.product-card{transition:transform .18s ease,box-shadow .18s ease!important;cursor:pointer;height:100%}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0052cc21!important}.product-card .ant-card-cover img{transition:transform .3s ease}.product-card:hover .ant-card-cover img{transform:scale(1.04)}.sp-product-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px #0052cc24!important}.sp-product-card:hover .sp-card-img{transform:scale(1.06)}.sp-product-card:hover .sp-card-overlay{opacity:1!important}.cat-pill-bar::-webkit-scrollbar{display:none}.plp-hero{background:linear-gradient(140deg,#0052cc,#003380 60%,#001a5e);padding:clamp(40px,7vw,80px) 20px clamp(36px,6vw,68px);text-align:center;position:relative;overflow:hidden}.plp-blob{position:absolute;border-radius:50%;pointer-events:none;animation:plp-float 12s ease-in-out infinite}.plp-blob-1{width:320px;height:320px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);animation-duration:14s}.plp-blob-2{width:240px;height:240px;bottom:-60px;left:-50px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);animation-duration:10s;animation-delay:-4s}.plp-blob-3{width:180px;height:180px;top:30%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(0,101,255,.18) 0%,transparent 70%);animation-duration:16s;animation-delay:-8s}@keyframes plp-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.05)}}.plp-eyebrow{display:block;color:#ffffff8c;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px}.plp-title{color:#fff!important;margin:0 0 8px!important;font-weight:800!important;font-size:clamp(28px,5.5vw,52px)!important;line-height:1.1!important;letter-spacing:-1px}.plp-subtitle{display:block;color:#ffffffb3;font-size:clamp(13px,1.8vw,16px);margin-bottom:clamp(24px,4vw,36px);letter-spacing:.3px}.plp-search-wrap{max-width:580px;margin:0 auto}.plp-search-input .ant-input{font-size:15px!important}.plp-search-input .ant-input-search-button{border-radius:0 40px 40px 0!important;font-weight:600}.plp-search-input .ant-input-affix-wrapper{border-radius:40px 0 0 40px!important;border:none;box-shadow:0 4px 24px #0003}.plp-stats{margin-top:16px;color:#ffffff80;font-size:12px;letter-spacing:.3px}.plp-cat-bar{background:#fff;border-bottom:1px solid var(--sp-border);position:sticky;top:var(--navbar-h);z-index:10;box-shadow:0 2px 8px #091e420d}.plp-cat-scroll{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.plp-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:40px;border:1.5px solid var(--sp-border);background:#fff;color:var(--sp-text);font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s;font-family:inherit;line-height:1}.plp-pill:hover:not(.plp-pill--active){border-color:var(--sp-blue);color:var(--sp-blue);background:var(--sp-blue-light);transform:translateY(-1px)}.plp-pill--active{border-color:var(--sp-blue);background:var(--sp-blue);color:#fff;font-weight:600;box-shadow:0 4px 12px #0052cc4d}.plp-pill-emoji{font-size:15px}.plp-pill-count{background:var(--sp-bg);color:var(--sp-text-secondary);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.plp-pill-count--active{background:#ffffff38;color:#fff}.plp-content{padding:clamp(16px,3vw,28px) 16px}.plp-toolbar{margin-bottom:20px;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid var(--sp-border);box-shadow:var(--sp-shadow-sm)}@keyframes plp-fadein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.plp-grid-col{animation:plp-fadein .35s ease both;animation-delay:var(--plp-delay, 0ms)}@media (max-width: 768px){.plp-cat-bar{top:var(--navbar-h)}.plp-toolbar{padding:8px 10px}.plp-blob-1{width:200px;height:200px}.plp-blob-2{width:160px;height:160px}}.adm-sider-inner{display:flex;flex-direction:column;height:100%;min-height:100vh}.adm-sider-logo{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;flex-shrink:0}.adm-sider-user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto;flex-shrink:0}.adm-header{background:#fff!important;border-bottom:1px solid var(--sp-border);padding:0 20px!important;height:56px!important;line-height:56px!important;display:flex!important;align-items:center;gap:12px;position:sticky;top:0;z-index:10;box-shadow:var(--sp-shadow-sm)}.adm-header-title{font-weight:600;font-size:15px;color:var(--sp-navy);display:flex;align-items:center}.adm-header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.adm-content{padding:24px;background:var(--sp-bg)!important;overflow-y:auto;min-height:calc(100vh - 56px)}.adm-section{max-width:1400px}.adm-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.adm-stat-card{background:var(--sp-surface);border-radius:14px;padding:18px 20px;box-shadow:var(--sp-shadow-sm);border:1px solid var(--sp-border);display:flex;align-items:center;gap:14px;transition:box-shadow .18s,transform .18s}.adm-stat-card:hover{box-shadow:var(--sp-shadow-md);transform:translateY(-2px)}.adm-stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.adm-stat-label{font-size:12px;color:var(--sp-text-secondary);display:block;margin-bottom:4px}.adm-stat-value{font-size:22px;font-weight:800;color:var(--sp-navy);line-height:1;letter-spacing:-.5px}.adm-card{background:var(--sp-surface);border-radius:14px;padding:20px;border:1px solid var(--sp-border);box-shadow:var(--sp-shadow-sm)}.adm-card--table{padding:0;overflow:hidden}.adm-card--table .ant-table-wrapper{border-radius:0}.adm-top-products{display:flex;flex-direction:column;gap:2px}.adm-top-product-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;transition:background .15s}.adm-top-product-row:hover{background:var(--sp-bg)}.adm-top-product-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--sp-border)}.adm-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;background:var(--sp-bg);color:var(--sp-text-secondary)}.adm-rank--1{background:gold;color:#7a5800}.adm-rank--2{background:silver;color:#444}.adm-rank--3{background:#cd7f32;color:#fff}.adm-table-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;border:1px solid var(--sp-border);flex-shrink:0}.admin-mobile-menu-btn{display:none!important}.stat-card{background:var(--sp-surface);border-radius:12px;padding:16px 20px;box-shadow:var(--sp-shadow-sm);border:1px solid var(--sp-border);display:flex;align-items:center;gap:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:16px;height:calc(100vh - var(--navbar-h));padding:16px;overflow:hidden}.pos-products{overflow-y:auto}.pos-cart{display:flex;flex-direction:column;background:var(--sp-surface);border-radius:12px;border:1px solid var(--sp-border);overflow:hidden}.pos-cart-header{padding:16px;border-bottom:1px solid var(--sp-border);font-weight:600;font-size:15px}.pos-cart-items{flex:1;overflow-y:auto;padding:8px}.pos-cart-footer{padding:16px;border-top:1px solid var(--sp-border);background:var(--sp-bg)}.pos-cart-fab{display:none;position:fixed;bottom:20px;right:20px;z-index:200;width:60px;height:60px;border-radius:50%!important;box-shadow:var(--sp-shadow-lg)!important;font-size:22px!important}.kes-price{font-weight:700;color:var(--sp-blue)}.status-paid{color:var(--sp-success)!important}.status-pending{color:var(--sp-warning)!important}.status-cancelled{color:var(--sp-error)!important}.status-delivered{color:var(--sp-blue)!important}.sp-navbar{position:sticky;top:0;z-index:100;background:var(--sp-surface);border-bottom:1px solid var(--sp-border);box-shadow:var(--sp-shadow-sm);height:var(--navbar-h);display:flex;align-items:center;padding:0 16px;gap:12px}.sp-navbar-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.sp-navbar-logo-text{font-weight:700;font-size:16px;color:var(--sp-navy);line-height:1.1}.sp-navbar-logo-sub{font-size:10px;color:var(--sp-text-secondary);font-weight:400}.sp-navbar-search{flex:1;max-width:480px;margin:0 12px}.sp-navbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.mobile-menu-btn{display:none!important}.nav-desktop-btn,.nav-auth-btns{display:inline-flex}.sp-footer-root{background:var(--sp-navy)!important;padding:52px 24px 0!important;margin-top:auto}.footer-brand-logo{margin-bottom:16px}.footer-tagline{color:#fff9;font-size:13px;line-height:1.75;display:block;margin-bottom:20px}.footer-whatsapp-btn{background:#25d366!important;border-color:#25d366!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;margin-bottom:4px;transition:opacity .15s,transform .15s!important}.footer-whatsapp-btn:hover{opacity:.88!important;transform:translateY(-1px)}.footer-socials{margin-top:16px}.footer-social-btn{background:#ffffff14!important;border-color:#ffffff26!important;color:#ffffffa6!important;transition:background .15s,color .15s!important}.footer-social-btn:hover{background:#ffffff2e!important;color:#fff!important}.footer-col-title{color:#fff!important;margin-bottom:20px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:1px;opacity:.9}.footer-label{color:#ffffff73;font-size:11px;display:block;margin-bottom:2px}.footer-icon{font-size:15px;margin-top:3px;flex-shrink:0}.footer-icon--green{color:#25d366}.footer-icon--blue{color:var(--sp-blue-mid)}.footer-link{color:#fffc!important;font-size:13px;transition:color .15s}.footer-link:hover{color:#fff!important}.footer-link-green{color:#25d366!important;font-size:13px;font-weight:500;transition:opacity .15s}.footer-link-green:hover{opacity:.8}.footer-nav-link{display:flex;align-items:center;gap:8px;color:#ffffffa6;font-size:14px;padding:6px 0;transition:color .15s,gap .15s;text-decoration:none}.footer-nav-link:hover{color:#fff;gap:12px}.footer-nav-arrow{font-size:11px;opacity:.45;transition:opacity .15s}.footer-nav-link:hover .footer-nav-arrow{opacity:1}.footer-area-tag{background:#ffffff14!important;border-color:#ffffff2e!important;color:#ffffffbf!important;border-radius:20px!important;padding:2px 12px!important;font-size:13px!important;transition:background .15s!important}.footer-area-tag:hover{background:#ffffff26!important}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:24px}.footer-copy{color:#fff6;font-size:12px}@media print{.no-print{display:none!important}body{background:#fff}}@media (max-width: 1024px){.pos-layout{grid-template-columns:1fr 320px}.sp-container{padding:0 16px}}@media (max-width: 768px){.page-content{padding:12px}.sp-container{padding:0 12px}.sp-card{padding:16px}.stat-card{padding:12px 14px;gap:10px}.stat-icon{width:40px;height:40px;font-size:18px;border-radius:10px}.sp-navbar{padding:0 12px;gap:6px}.sp-navbar-search,.sp-navbar-logo-sub{display:none}.sp-navbar-actions{gap:4px}.nav-label{display:none}.nav-desktop-btn,.nav-auth-btns{display:none!important}.mobile-menu-btn{display:inline-flex!important}.pos-layout{grid-template-columns:1fr;height:auto;overflow:auto;padding:8px}.pos-cart{display:none}.pos-cart-fab{display:flex!important;align-items:center;justify-content:center}.sp-footer-root{padding:36px 16px 0!important}.footer-brand-logo{justify-content:center}.footer-tagline{text-align:center}.footer-socials{justify-content:center}.footer-col-title{text-align:center!important}.footer-area-tag{font-size:12px!important}.footer-bottom{flex-direction:column;text-align:center;padding-bottom:90px}.ant-table-wrapper{overflow-x:auto}.admin-desktop-sider{display:none!important}.admin-mobile-menu-btn{display:inline-flex!important}.adm-content{padding:12px}.adm-stat-card{padding:12px 14px;gap:10px}.adm-stat-icon{width:40px;height:40px;font-size:18px;border-radius:10px}.adm-stat-value{font-size:18px}.adm-header-date,.adm-header-name{display:none}.adm-section-header{flex-direction:column;align-items:flex-start;gap:10px}h1.ant-typography{font-size:22px!important}h2.ant-typography{font-size:18px!important}h3.ant-typography{font-size:16px!important}h4.ant-typography{font-size:14px!important}.ant-modal{max-width:100vw!important;margin:0!important;top:0!important;padding:0!important}.ant-modal-content{border-radius:0!important;min-height:100dvh}}@media (max-width: 480px){.sp-navbar-logo img{width:28px;height:28px}.sp-navbar-logo-text{font-size:14px}.page-content{padding:8px}.sp-container{padding:0 8px}}