@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font-main: "Outfit", sans-serif;--bg: #EBEBEB;--surface: #FFFFFF;--surface-2: #F5F5F5;--surface-3: #E2E2E2;--primary: #10367D;--primary-dk: #0A2251;--primary-lt: rgba(16, 54, 125, .12);--primary-rgb: 16, 54, 125;--orange: var(--primary);--orange-dk: var(--primary-dk);--orange-lt: var(--primary-lt);--accent: #A5CEE0;--text: #111827;--text-muted: #4B5563;--text-dim: #6B7280;--border: #D1D5DB;--sidebar-w: 260px;--bottom-nav: 110px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--transition: all .22s cubic-bezier(.4, 0, .2, 1)}:root.dark{--bg: #000000;--surface: #0A0A0A;--surface-2: #1C1C1E;--surface-3: #2C2C2E;--text: #FFFFFF;--text-muted: #98989D;--text-dim: #636366;--border: #2C2C2E}[data-theme=blue]{--primary: #10367D;--primary-dk: #0A2251;--primary-lt: rgba(16, 54, 125, .12);--primary-rgb: 16, 54, 125}[data-theme=purple]{--primary: #7C3AED;--primary-dk: #6D28D9;--primary-lt: rgba(124, 58, 237, .12);--primary-rgb: 124, 58, 237}[data-theme=emerald]{--primary: #059669;--primary-dk: #047857;--primary-lt: rgba(5, 150, 105, .12);--primary-rgb: 5, 150, 105}[data-theme=rose]{--primary: #E11D48;--primary-dk: #BE123C;--primary-lt: rgba(225, 29, 72, .12);--primary-rgb: 225, 29, 72}[data-theme=orange]{--primary: #EA580C;--primary-dk: #C2410C;--primary-lt: rgba(234, 88, 12, .12);--primary-rgb: 234, 88, 12}[data-theme=slate]{--primary: #475569;--primary-dk: #334155;--primary-lt: rgba(71, 85, 105, .12);--primary-rgb: 71, 85, 105}body.product-detail-bg{background:color-mix(in srgb,var(--primary) 55%,#000)!important;transition:background .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}html,body{height:100%;scroll-behavior:auto;overflow-x:hidden}body{font-family:var(--font-main);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text)}p{line-height:1.65;color:var(--text-muted)}a{text-decoration:none}iframe,ins.adsbygoogle{max-width:100vw!important;overflow:hidden!important}.app-shell{display:flex;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:200}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition);border:none;background:transparent;width:100%;font-family:var(--font-main);cursor:pointer}.sidebar-nav-link:hover{background:var(--orange-lt);color:var(--orange)}.sidebar-nav-link.active{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border)}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}@media(max-width:1023px){.main-content{padding-bottom:calc(var(--bottom-nav) + 1.5rem)}}@media(min-width:1024px){.main-content{margin-left:var(--sidebar-w)}.mobile-header,.bottom-nav-container,.fab{display:none!important}.sidebar{display:flex}}@media(max-width:1023px){.sidebar{display:none}.main-content{margin-left:0}}.mobile-header{position:sticky;top:0;z-index:100;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:#111111f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}@media(max-width:767px){.mobile-header{display:none!important}}.bottom-nav-container{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;height:68px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:99px;display:flex;align-items:center;justify-content:space-between;z-index:2000;padding:.35rem;box-shadow:0 16px 32px #10367d1f}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .5rem;color:var(--orange);cursor:pointer;border:none;background:transparent;font-family:var(--font-main);font-size:.7rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:99px;flex:1;height:100%}.bottom-nav-item span{transition:all .2s}.bottom-nav-item.active{color:#fff;background:var(--orange);font-weight:600;box-shadow:0 4px 12px #10367d4d}.bottom-nav-item:hover:not(.active){color:var(--orange);background:#10367d0d}.bottom-nav-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .5rem;color:var(--orange);cursor:pointer;background:transparent;font-family:var(--font-main);font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s;border-radius:99px;flex:1;height:100%;position:relative}.bottom-nav-add:hover{background:#10367d14}.bottom-nav-add.active{background:transparent}.bottom-nav-add-inner{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav-add .add-icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--orange);background:transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-add.active .add-icon-wrapper{width:56px;height:56px;background:var(--primary);color:#fff;transform:translate(-50%,-75%);box-shadow:0 0 0 6px var(--surface)}.bottom-nav-add.active span{color:var(--primary);font-weight:700;transform:translateY(6px)}.modal-backdrop{z-index:1500}.premium-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@media(min-width:1024px){.premium-modal-overlay{padding-left:var(--sidebar-w)}}.modal-wrapper{position:fixed;inset:0;z-index:2500;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.modal-card{pointer-events:auto}@media(max-width:1023px){.modal-card{margin-bottom:135px!important;border-radius:28px!important;width:calc(100% - 1.5rem)!important;border-bottom:1px solid var(--border)!important}}.page-container{padding:1.25rem;flex:1;overflow-y:auto}@media(min-width:1024px){.page-container{padding:2rem 2.5rem;max-width:1400px}}@media(min-width:768px)and (max-width:1023px){.page-container{padding:1.5rem 2rem}}@media(max-width:1023px){.page-container{padding:0}}.home-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 40%,#000) 0%,color-mix(in srgb,var(--primary) 70%,#000) 55%,var(--primary) 100%);padding:1.5rem 1.25rem 3.5rem;position:relative}.home-sheet{background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:-2rem;padding:1.5rem 1.25rem;position:relative;z-index:1;min-height:60vh}@media(min-width:768px){.home-hero{padding:2rem 2rem 4rem}.home-sheet{border-radius:0;margin-top:0;padding:1.5rem 2rem;background:transparent}}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:768px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.category-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.cat-card{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--surface);border:1.5px solid var(--border);min-height:130px;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;position:relative;transition:var(--transition)}.cat-card:hover{border-color:var(--orange);box-shadow:0 0 20px #10367d33;transform:translateY(-3px)}.cat-card.active{border-color:var(--orange);background:#1f1800;box-shadow:0 0 24px #10367d40}.item-list{display:flex;flex-direction:column;gap:.75rem}.item-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:var(--radius-md);padding:.85rem 1rem;cursor:pointer;border:1px solid var(--border);transition:var(--transition)}.item-card:hover{border-color:var(--orange);box-shadow:0 0 16px #10367d26}.product-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(5,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;transition:var(--transition)}.card:hover{border-color:var(--orange);box-shadow:0 0 20px #10367d2e;transform:translateY(-3px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-xl);font-weight:700;font-family:var(--font-main);font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:var(--orange);color:#000;font-weight:800;box-shadow:0 4px 18px #10367d59}.btn-primary:hover{background:var(--orange-dk);box-shadow:0 6px 24px #10367d80;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:var(--orange-lt);color:var(--orange)}.input,.select{width:100%;padding:.9rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-main);font-size:.95rem;transition:var(--transition)}.input::placeholder{color:var(--text-dim)}.input:focus,.select:focus{outline:none;border-color:var(--orange);background:var(--surface-3);box-shadow:0 0 0 4px #10367d1a}.select option{color:var(--text);background:var(--surface-2)}.fab{position:fixed;bottom:1.75rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--orange);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #10367d80;border:none;cursor:pointer;z-index:100;transition:var(--transition);text-decoration:none;font-weight:800}.fab:hover{transform:scale(1.12) rotate(90deg)}@media(max-width:767px){.fab{display:none!important}}@media(min-width:1024px){.fab{display:none!important}}.detail-layout{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.detail-layout{flex-direction:row;align-items:flex-start}.detail-image-col{width:42%;flex-shrink:0}.detail-info-col{flex:1}}.form-page-layout{max-width:700px;width:100%;margin:0 auto;padding:1.25rem}@media(min-width:1024px){.form-page-layout{max-width:780px;padding:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .35s ease-out forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:99px}[data-theme=glass]{--primary: #000000;--primary-dk: #1C1C1E;--primary-lt: rgba(0, 0, 0, .08);--primary-rgb: 0, 0, 0;--bg: radial-gradient(circle at 15% 50%, rgba(224, 195, 252, .4), transparent 40%), radial-gradient(circle at 85% 30%, rgba(142, 197, 252, .4), transparent 40%), radial-gradient(circle at 50% 80%, rgba(255, 209, 255, .4), transparent 40%), #f0f2f5;--surface: rgba(255, 255, 255, .4);--surface-2: rgba(255, 255, 255, .2);--border: rgba(255, 255, 255, .5)}[data-theme=glass] .item-card,[data-theme=glass] div[style*="border-radius: 24px"],[data-theme=glass] .product-card,[data-theme=glass] .bottom-nav-container,[data-theme=glass] .sidebar,[data-theme=glass] .home-sheet,[data-theme=glass] .category-grid>div,[data-theme=glass] .list-view-container>div,[data-theme=glass] .modal-content{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(var(--primary-rgb),.12) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 30%);z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s ease;animation:pulseBlob 15s infinite alternate ease-in-out}:root.dark body:before{opacity:1}@keyframes pulseBlob{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(2%,2%)}}.premium-card{transition:all .3s cubic-bezier(.4,0,.2,1)}:root.dark .premium-card{box-shadow:0 4px 20px #0006,inset 0 1px 1px #ffffff0d}:root.dark .premium-card:hover{box-shadow:0 8px 32px rgba(var(--primary-rgb),.35),inset 0 1px 1px #ffffff1a!important;border-color:rgba(var(--primary-rgb),.5)!important;transform:translateY(-4px)!important}:root:not(.dark) .premium-card:hover{box-shadow:0 8px 28px rgba(var(--primary-rgb),.15)!important;border-color:var(--primary)!important;transform:translateY(-4px)!important}.btn-glow{position:relative;transition:all .3s ease}:root.dark .btn-glow{box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}:root.dark .btn-glow:hover{box-shadow:0 6px 24px rgba(var(--primary-rgb),.6)!important;transform:translateY(-2px)!important}:root:not(.dark) .btn-glow:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb),.25)!important;transform:translateY(-2px)!important}@media(max-width:600px){.tier-badge-top{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.tier-badge-top>button{margin-left:64px}}