:root{--bg:#f8fafc;--surface:#ffffff;--card:#ffffff;--card2:#f1f5f9;--accent:#3b82f6;--accent2:#8b5cf6;--primary:#3b82f6;--green:#10b981;--red:#ef4444;--orange:#f59e0b;--text:#334155;--text-strong:#0f172a;--text2:#64748b;--text3:#94a3b8;--radius:16px;--nav-h:72px;--top-h:64px;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-card:0 8px 24px rgba(149,157,165,0.1);--border:rgba(0,0,0,0.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;width:100vw;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;outline:0;border:none}.hidden{display:none!important}.screen{display:none;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen.active{display:block}::-webkit-scrollbar{width:0}#screen-login{position:fixed;inset:0;z-index:1000;display:none}#screen-login.active{display:flex}.login-bg{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);position:relative;overflow:hidden}.login-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);top:-50px;right:-80px;border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.login-content{width:100%;max-width:380px;padding:40px 28px;position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:40px}.logo-icon{width:72px;height:72px;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-icon .material-icons-round{font-size:36px;color:#fff}.logo-title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text-strong)}.logo-title span{color:var(--accent)}.logo-subtitle{color:var(--text2);font-size:13px;margin-top:4px;letter-spacing:1px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .3s;box-shadow:var(--shadow-sm)}.input-group:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md)}.input-icon{position:absolute;left:14px;color:var(--text3);font-size:20px;pointer-events:none}.input-group input,.input-group select,.input-group textarea{width:100%;padding:15px 14px 15px 46px;background:0 0;color:var(--text-strong);font-size:15px;border:none}.input-group select{appearance:none;cursor:pointer}.input-group textarea{resize:vertical;min-height:60px}::placeholder{color:var(--text3)}.toggle-password{position:absolute;right:12px;background:0 0;color:var(--text3);cursor:pointer;padding:4px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.remember-me{display:flex;align-items:center;gap:6px;color:var(--text2);cursor:pointer}.remember-me input{accent-color:var(--accent);width:15px;height:15px}.forgot-link{color:var(--accent);text-decoration:none;cursor:pointer;position:relative;z-index:5;padding:2px 4px}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-md)}.btn-login:active{transform:scale(.97)}.btn-demo{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--surface);color:var(--accent);font-size:14px;font-weight:600;border-radius:var(--radius);cursor:pointer;border:1.5px solid var(--border);transition:all .3s;box-shadow:var(--shadow-sm)}.btn-demo:hover{background:rgba(59,130,246,.05);border-color:var(--accent)}.login-footer{text-align:center;color:var(--text3);font-size:11px;margin-top:28px}.app-shell{display:flex;flex-direction:column;height:100vh;width:100%;max-width:480px;margin:0 auto;position:relative;background:var(--bg)}.top-bar{display:flex;align-items:center;padding:0 16px;height:var(--top-h);background:var(--surface);position:sticky;top:0;z-index:50;gap:8px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.top-bar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card2);border-radius:12px;color:var(--text-strong);cursor:pointer;position:relative;border:none;transition:background .2s}.top-bar-btn:hover{background:var(--border)}.notif-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;background:var(--red);color:#fff;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}.top-bar-title{flex:1;font-size:18px;font-weight:700;color:var(--text-strong)}.back-btn{margin-right:4px}.screen-container{flex:1;overflow:hidden;position:relative}.screen-container .screen{position:absolute;inset:0;padding:0 16px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-nav{display:flex;align-items:center;justify-content:space-around;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 12px rgba(0,0,0,.03)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:0 0;color:var(--text3);cursor:pointer;padding:6px 0;transition:all .3s;border:none;font-size:11px;font-weight:600;flex:1}.nav-item .material-icons-round{font-size:22px;padding:4px 22px;border-radius:16px;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.nav-item.active{color:var(--accent);background:0 0}.nav-item.active .material-icons-round{background:var(--accent);color:#fff}.home-scroll{padding-top:8px;padding-bottom:20px;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch}.greeting-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.greet-label{font-size:13px;color:var(--text2);font-weight:500}.greet-name{font-size:24px;font-weight:800;color:var(--text-strong)}.greeting-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.greeting-avatar .material-icons-round{font-size:24px;color:#fff}.home-search{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);padding:14px 18px;margin-bottom:20px;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.home-search .material-icons-round{color:var(--text3)}.home-search input{flex:1;background:0 0;color:var(--text-strong);font-size:15px;cursor:pointer;border:none}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-card.accent{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border-color:rgba(59,130,246,.2)}.stat-icon{font-size:28px;color:var(--accent)}.stat-value{font-size:22px;font-weight:800}.stat-label{font-size:11px;color:var(--text2);margin-top:1px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-header h3{font-size:17px;font-weight:700;color:var(--text-strong)}.see-all{background:0 0;color:var(--accent);font-size:13px;cursor:pointer;font-weight:600;border:none}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.cat-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;background:var(--card);border-radius:var(--radius);cursor:pointer;transition:transform .2s,background .3s;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.cat-card:active{transform:scale(.95)}.cat-card:hover{border-color:var(--accent);background:var(--card2);box-shadow:var(--shadow-md)}.cat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;transition:transform .2s ease}.cat-card:hover .cat-icon-wrapper{transform:translateY(-2px)}.cat-card .material-icons-round{font-size:24px;opacity:.95}.cat-card span:last-child{font-size:12px;font-weight:600;color:var(--text)}.cat-display .cat-icon-wrapper{background-color:rgba(59,130,246,.08)}.cat-display .material-icons-round{color:#2563eb}.cat-battery .cat-icon-wrapper{background-color:rgba(245,158,11,.08)}.cat-battery .material-icons-round{color:#d97706}.cat-board .cat-icon-wrapper{background-color:rgba(71,85,105,.08)}.cat-board .material-icons-round{color:#475569}.cat-guard .cat-icon-wrapper{background-color:rgba(71,85,105,.08)}.cat-guard .material-icons-round{color:#475569}.cat-middle .cat-icon-wrapper{background-color:rgba(71,85,105,.08)}.cat-middle .material-icons-round{color:#475569}.cat-panel .cat-icon-wrapper{background-color:rgba(71,85,105,.08)}.cat-panel .material-icons-round{color:#475569}.cat-ringer .material-icons-round{color:#10b981}.compat-promo{display:none!important}.part-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;transition:transform .15s,box-shadow .2s;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.part-card:active{transform:scale(.98)}.part-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.part-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.part-card-icon .material-icons-round{font-size:26px;color:#fff}.pc-display{background:linear-gradient(135deg,var(--accent),#60a5fa)}.pc-battery{background:linear-gradient(135deg,var(--green),#34d399)}.pc-camera{background:linear-gradient(135deg,var(--orange),#fbbf24)}.pc-speaker{background:linear-gradient(135deg,var(--red),#f87171)}.pc-cc-board{background:linear-gradient(135deg,var(--accent2),#a78bfa)}.pc-screen-guard{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.pc-back-panel{background:linear-gradient(135deg,#ec4899,#f472b6)}.pc-middle{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.pc-ringer{background:linear-gradient(135deg,#10b981,#34d399)}.part-card-info{flex:1;min-width:0}.part-card-name{font-size:15px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-card-sub{font-size:13px;color:var(--text2);margin-top:4px}.part-card-price{font-size:14px;font-weight:700;color:var(--green);white-space:nowrap}.search-screen-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.search-bar-full{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);padding:14px 18px;margin-bottom:14px;border:1.5px solid var(--border);transition:border-color .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.search-bar-full:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md)}.search-bar-full .material-icons-round{color:var(--text3)}.search-bar-full input{flex:1;background:0 0;color:var(--text-strong);font-size:15px;border:none}.search-clear{background:0 0;color:var(--text3);cursor:pointer;padding:4px;border:none}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:4px}.filter-chips::-webkit-scrollbar{display:none}.chip{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;background:var(--card);color:var(--text2);cursor:pointer;white-space:nowrap;border:1.5px solid var(--border);transition:all .2s cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-sm)}.chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(59,130,246,.02)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px rgba(59,130,246,.25)}.search-results{display:flex;flex-direction:column;gap:12px;padding-bottom:30px}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text3)}.search-empty .material-icons-round{font-size:56px;margin-bottom:12px;opacity:.6}.search-empty p{font-size:15px;color:var(--text2);font-weight:500}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-height:250px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.search-suggestions.hidden{display:none!important}.suggestion-item{padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;transition:background .2s}.suggestion-item:active,.suggestion-item:hover{background:var(--card2)}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{color:var(--accent);font-size:18px}.suggestion-text{font-size:15px;font-weight:500;color:var(--text-strong)}.search-history-container{margin-bottom:16px;padding:0 16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-header h4{font-size:14px;font-weight:600;color:var(--text2)}.clear-history-btn{background:0 0;border:none;color:var(--text3);font-size:12px;font-weight:500;cursor:pointer}.search-history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.history-item:hover{background:var(--card2)}.history-icon{color:var(--text3);font-size:18px}.history-text{font-size:14px;font-weight:500;color:var(--text-strong);flex:1}.history-remove{color:var(--text3);font-size:16px;cursor:pointer}.saved-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.saved-header-info{text-align:center;padding:24px 0;color:var(--text2)}.saved-header-info .material-icons-round{font-size:40px;color:var(--accent);margin-bottom:8px}.saved-header-info h3{font-size:18px;color:var(--text-strong);margin-bottom:4px}.saved-header-info p{font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:var(--text3)}.empty-state .material-icons-round{font-size:56px;margin-bottom:12px;opacity:.3}.empty-state h4{color:var(--text2);margin-bottom:6px}.empty-state p{font-size:13px}.profile-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.profile-header{text-align:center;padding:30px 20px 20px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.4));backdrop-filter:blur(16px);border-radius:24px;margin-bottom:24px;box-shadow:0 8px 32px rgba(37,99,235,.08);border:1px solid rgba(255,255,255,.6)}.dark-mode .profile-header{background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.7));border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.profile-avatar-container{position:relative;width:90px;height:90px;margin:0 auto 16px}.profile-avatar-img{width:100%;height:100%;border-radius:28px;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 25px rgba(37,99,235,.2);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.dark-mode .profile-avatar-img{border-color:var(--card)}.profile-avatar-container:active .profile-avatar-img{transform:scale(.95)}.profile-avatar-badge{position:absolute;bottom:-6px;right:-6px;background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);border:3px solid #fff;width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,99,235,.3)}.dark-mode .profile-avatar-badge{border-color:var(--card)}.profile-avatar-badge .material-icons-round{color:#fff;font-size:16px!important}.profile-name{font-size:24px;font-weight:800;color:var(--text-strong);letter-spacing:-.5px}.profile-role{font-size:13px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-family:Inter,sans-serif;background:rgba(37,99,235,.1);padding:4px 12px;border-radius:20px;display:inline-block}.profile-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.profile-stat{text-align:center;background:rgba(255,255,255,.6);backdrop-filter:blur(12px);border-radius:20px;padding:16px 8px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s}.dark-mode .profile-stat{background:rgba(30,41,59,.5);border-color:rgba(255,255,255,.05)}.profile-stat:active{transform:scale(.96)}.ps-value{font-size:22px;font-weight:800;color:var(--text-strong);line-height:1}.ps-label{font-size:12px;color:var(--text2);margin-top:6px;font-weight:600;letter-spacing:.3px}.settings-group{margin-bottom:24px}.settings-group-title{font-size:13px;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:12px;padding-left:12px}.settings-items-list{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 24px rgba(0,0,0,.03);overflow:hidden;display:flex;flex-direction:column;gap:2px}.dark-mode .settings-items-list{background:rgba(30,41,59,.4);border-color:rgba(255,255,255,.05)}.settings-items-list .settings-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;box-shadow:none!important;cursor:pointer;transition:background .2s;position:relative;overflow:hidden}.settings-items-list .settings-item:hover{background:rgba(0,0,0,.02)!important}.dark-mode .settings-items-list .settings-item:hover{background:rgba(255,255,255,.03)!important}.settings-items-list .settings-item:active{background:rgba(0,0,0,.05)!important}.dark-mode .settings-items-list .settings-item:active{background:rgba(255,255,255,.05)!important}.si-icon-wrapper{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(37,99,235,.05) 100%);border:1px solid rgba(59,130,246,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(59,130,246,.05)}.dark-mode .si-icon-wrapper{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.2)}.si-icon{font-size:20px;color:var(--accent)!important}.si-label{flex:1;font-size:15px;font-weight:600;color:var(--text-strong)}.si-arrow{color:var(--text3);font-size:22px;transition:transform .2s}.settings-item:hover .si-arrow{transform:translateX(4px);color:var(--accent)}.si-value{color:var(--text2);font-size:14px;font-weight:500}#profile-kyc-status{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent}.toggle-switch{position:relative;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--text3);border-radius:14px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.toggle-slider::before{content:'';position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:var(--accent);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(22px)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.05) 100%)!important;color:#dc2626!important;font-size:16px;font-weight:800;border-radius:20px;cursor:pointer;margin-top:32px;border:1px solid rgba(239,68,68,.2);transition:all .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 4px 12px rgba(239,68,68,.05)}.dark-mode .btn-logout{background:rgba(239,68,68,.15)!important;color:#f87171!important}.btn-logout:hover{background:rgba(239,68,68,.15)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.btn-logout:active{transform:scale(.96);box-shadow:0 2px 8px rgba(239,68,68,.1)}.cat-detail-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.cat-detail-header{text-align:center;padding:24px 0;margin-bottom:8px}.cat-detail-icon{font-size:48px;color:var(--accent)}.cat-detail-header h3{font-size:20px;font-weight:700;margin-top:8px;color:var(--text-strong)}.cat-detail-header p{font-size:13px;color:var(--text2)}.part-detail-scroll{height:100%;overflow-y:auto;padding-bottom:140px;-webkit-overflow-scrolling:touch}.part-detail-hero{height:180px;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));display:flex;align-items:center;justify-content:center;border-radius:0 0 28px 28px;border-bottom:1px solid var(--border)}.part-hero-icon{font-size:72px;color:var(--accent);opacity:.7}.part-detail-body{padding:20px 4px 40px}.part-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}#part-detail-name{font-size:22px;font-weight:800;color:var(--text-strong)}.part-detail-cat{font-size:13px;color:var(--accent);font-weight:600;margin-top:4px}.btn-save-part{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:12px;cursor:pointer;flex-shrink:0;border:1px solid var(--border);color:var(--accent);box-shadow:var(--shadow-sm)}.btn-save-part.saved{background:rgba(59,130,246,.1);border-color:var(--accent)}.part-detail-price-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.part-detail-price{font-size:24px;font-weight:800;color:var(--green)}.part-detail-stock{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}.part-detail-stock.in-stock{background:rgba(16,185,129,.12);color:var(--green)}.part-detail-stock.out-of-stock{background:rgba(239,68,68,.12);color:var(--red)}.part-detail-section{margin-bottom:24px}.part-detail-section h4{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text-strong)}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spec-item{background:var(--card);border-radius:12px;padding:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.spec-item .spec-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.spec-item .spec-value{font-size:14px;font-weight:600;margin-top:4px;color:var(--text-strong)}.compat-tags{display:flex;flex-wrap:wrap;gap:8px}.compat-tag{padding:6px 14px;background:var(--card);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-strong);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.part-desc-text{font-size:14px;color:var(--text2);line-height:1.6}.compat-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.compat-header-card{text-align:center;padding:24px 0;margin-bottom:16px}.compat-header-card .material-icons-round{font-size:48px;color:var(--accent);margin-bottom:8px}.compat-header-card h3{font-size:18px;font-weight:700;color:var(--text-strong)}.compat-header-card p{font-size:13px;color:var(--text2);margin-top:4px}.compat-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-check-compat{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:15px;font-weight:600;border-radius:var(--radius);cursor:pointer;border:none;transition:transform .2s;box-shadow:var(--shadow-md)}.btn-check-compat:active{transform:scale(.97)}.compat-result-card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:10px;border-left:4px solid var(--green)}.compat-result-card.no-match{border-left-color:var(--red)}.compat-result-card h4{font-size:15px;font-weight:700;margin-bottom:6px}.compat-result-card p{font-size:13px;color:var(--text2)}.compat-result-card .cr-price{color:var(--green);font-weight:700;font-size:15px;margin-top:6px}.admin-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.admin-header-card{text-align:center;padding:24px 0;margin-bottom:16px}.admin-header-card .material-icons-round{font-size:48px;color:var(--accent);margin-bottom:8px}.admin-header-card h3{font-size:18px;font-weight:700;color:var(--text-strong)}.admin-header-card p{font-size:13px;color:var(--text2);margin-top:4px}.admin-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.admin-stat{text-align:center;background:var(--card);border-radius:var(--radius);padding:16px 8px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.as-value{font-size:22px;font-weight:800;color:var(--accent)}.as-label{font-size:11px;color:var(--text2);margin-top:2px}.admin-actions-row{display:flex;gap:10px;margin-bottom:24px}.btn-admin-action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--card);border-radius:var(--radius);color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:all .2s;box-shadow:var(--shadow-sm)}.btn-admin-action:hover{background:rgba(59,130,246,.05);border-color:var(--accent)}.admin-part-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border-radius:var(--radius);margin-bottom:10px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.admin-part-card .part-card-info{flex:1}.admin-part-actions{display:flex;gap:6px}.btn-admin-del,.btn-admin-edit{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;border:none}.btn-admin-edit{background:rgba(78,124,255,.12);color:var(--accent)}.btn-admin-del{background:rgba(255,92,92,.12);color:var(--red)}.btn-admin-del .material-icons-round,.btn-admin-edit .material-icons-round{font-size:18px}.add-part-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;-webkit-overflow-scrolling:touch}.add-part-form{display:flex;flex-direction:column;gap:14px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text-strong);color:#fff;padding:14px 24px;border-radius:30px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:999;opacity:0;transition:opacity .3s,transform .3s;box-shadow:var(--shadow-lg)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast-icon{font-size:20px;color:var(--green)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .35s ease forwards}@media(min-width:481px){.app-shell{border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}}.custom-dropdown{position:relative;width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color .3s,box-shadow .3s;box-shadow:var(--shadow-sm);cursor:pointer;user-select:none}.custom-dropdown.disabled{opacity:.5;cursor:not-allowed}.custom-dropdown.active{border-color:var(--accent);box-shadow:var(--shadow-md)}.dropdown-trigger{display:flex;align-items:center;padding:15px 14px 15px 46px;position:relative;width:100%;height:100%}.dropdown-trigger .input-icon{position:absolute;left:14px;color:var(--text3);font-size:20px;pointer-events:none}.dropdown-trigger .selected-value{flex:1;color:var(--text-strong);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-trigger .dropdown-arrow{color:var(--text3);font-size:20px;transition:transform .3s}.custom-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);z-index:200;display:flex;flex-direction:column;max-height:280px;overflow:hidden;animation:dropdownFadeIn .2s ease forwards}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);position:relative;background:var(--bg)}.dropdown-search .search-icon{position:absolute;left:20px;color:var(--text3);font-size:18px}.dropdown-search input{width:100%;padding:8px 10px 8px 30px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text-strong);font-size:14px;outline:0;transition:border-color .2s}.dropdown-search input:focus{border-color:var(--accent)}.dropdown-options{overflow-y:auto;flex:1;max-height:200px}.dropdown-option{padding:12px 16px;font-size:14px;color:var(--text);transition:background .2s,color .2s;cursor:pointer}.dropdown-option:hover{background:var(--card2);color:var(--text-strong)}.dropdown-option.selected{background:rgba(59,130,246,.1);color:var(--accent);font-weight:600}.dropdown-option.no-results{color:var(--text3);text-align:center;padding:20px;pointer-events:none}.wholesale-scroll{height:100%;overflow-y:auto;padding:8px 0 140px 0;position:relative;-webkit-overflow-scrolling:touch}.ws-search-sticky-container{position:sticky;top:0;z-index:100;background:var(--bg);padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.ws-search-sticky-container .search-bar-full{margin-bottom:0!important}.ws-search-row{display:flex;align-items:center;gap:12px;width:100%}.ws-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);background:var(--card);border:1.5px solid var(--border);color:var(--text-strong);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4, 0, .2, 1);flex-shrink:0}.ws-cart-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(59,130,246,.02);transform:translateY(-1px)}.ws-cart-btn:active{transform:scale(.95)}.ws-cart-btn .cart-badge-inline{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;border:2px solid var(--surface);box-shadow:0 2px 5px rgba(0,0,0,.1)}.ws-cart-back-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--card2);color:var(--text-strong);font-size:13px;font-weight:700;border-radius:12px;cursor:pointer;border:1px solid var(--border);transition:all .2s ease}.ws-cart-back-btn:hover{background:var(--border);color:var(--accent)}.ws-cart-back-btn .material-icons-round{font-size:18px}.ws-cart-header{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:20px;padding:8px 0;border-bottom:1px solid var(--border)}.ws-cart-title{font-size:18px;font-weight:800;color:var(--text-strong);margin:0}.ws-card-qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:4px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding-top:8px;padding-bottom:8px}.ws-qty-label{font-size:13px;font-weight:600;color:var(--text2)}.btn-ws-add.added{background:var(--green)!important;color:#fff!important;box-shadow:0 2px 8px rgba(16,185,129,.2)!important}.ws-cart-list,.ws-parts-list{display:flex;flex-direction:column;gap:12px}.ws-part-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.ws-part-top{display:flex;gap:16px;align-items:flex-start}.ws-part-info{flex:1}.ws-part-info h4{font-size:15px;font-weight:700;color:var(--text-strong);margin-bottom:4px}.ws-part-info p{font-size:13px;color:var(--text2);margin-bottom:2px}.ws-price{font-size:16px;font-weight:800;color:var(--green);margin-top:8px}.ws-stock{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;background:rgba(16,185,129,.1);color:var(--green);display:inline-block;margin-top:4px}.ws-part-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px dashed var(--border)}.qty-selector{display:flex;align-items:center;background:var(--card2);border-radius:8px;border:1px solid var(--border)}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--text-strong);cursor:pointer;font-size:18px}.qty-input{width:40px;height:32px;text-align:center;background:0 0;border:none;font-size:14px;font-weight:700;color:var(--text-strong);-moz-appearance:textfield}.btn-ws-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(59,130,246,.1);color:var(--accent);font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn-ws-add:hover{background:var(--accent);color:#fff}.ws-cart-summary{background:var(--card);border-radius:var(--radius);padding:20px;border:1px solid var(--border);margin-top:16px;box-shadow:var(--shadow-sm)}.cart-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text2);margin-bottom:12px}.cart-summary-row span:last-child{font-weight:600;color:var(--text-strong)}.cart-summary-divider{border:none;border-top:1px dashed var(--border);margin:16px 0}.cart-summary-row.total{font-size:18px;font-weight:800;color:var(--text-strong);margin-bottom:0}.cart-summary-row.total span:last-child{color:var(--green)}.checkout-panel,.success-panel{position:absolute;inset:0;background:var(--bg);z-index:150;display:flex;flex-direction:column}.checkout-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface);border-bottom:1px solid var(--border)}.checkout-panel-header h3{font-size:18px;font-weight:700}.checkout-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card2);border:none;border-radius:12px;cursor:pointer;color:var(--text-strong)}.checkout-panel-body{padding:20px;flex:1;overflow-y:auto}.checkout-final-summary{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--card2);border-radius:12px;margin-top:24px;border:1px solid var(--border);font-size:15px;font-weight:600}.co-final-total{font-size:20px;font-weight:800;color:var(--green)}.success-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.success-icon-container{width:80px;height:80px;background:rgba(16,185,129,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-icon{font-size:48px;color:var(--green)}.success-content h2{font-size:24px;font-weight:800;color:var(--text-strong);margin-bottom:8px}.success-content p{font-size:15px;color:var(--text2);margin-bottom:24px}.order-receipt{background:var(--card);border:1px dashed var(--border);border-radius:12px;padding:20px;width:100%;margin-bottom:20px;text-align:left}.order-receipt p{margin-bottom:10px;font-size:14px;display:flex;justify-content:space-between}.order-receipt p:last-child{margin-bottom:0}.compat-summary-card{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.compat-summary-info p{font-size:12.5px;color:var(--text3);margin-bottom:2px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.compat-summary-info strong{font-size:17px;color:var(--text-strong);font-weight:800}.compat-summary-badge{font-size:12px;font-weight:700;color:var(--green);background:rgba(16,185,129,.1);padding:6px 14px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(16,185,129,.2)}.compat-category-grid{display:grid;grid-template-columns:1fr;gap:16px}.compat-category-section{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.compat-category-section:hover{box-shadow:var(--shadow-md)}.compat-category-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:700}.compat-category-header.cat-display{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(96,165,250,.1))}.compat-category-header.cat-battery{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(52,211,153,.1))}.compat-category-header.cat-board{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(167,139,250,.1))}.compat-category-header.cat-guard{background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(56,189,248,.1))}.compat-category-header.cat-panel{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(244,114,182,.1))}.compat-category-header.cat-middle{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1))}.compat-category-header span{font-size:13px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.compat-category-header.cat-display span{color:var(--accent)}.compat-category-header.cat-battery span{color:var(--green)}.compat-category-header.cat-board span{color:var(--accent2)}.compat-category-header.cat-guard span{color:#0ea5e9}.compat-category-header.cat-panel span{color:#ec4899}.compat-category-header.cat-middle span{color:#f59e0b}.compat-category-header .compat-count-badge{margin-left:auto;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.compat-category-header.cat-display .compat-count-badge{background:rgba(59,130,246,.15);color:var(--accent)}.compat-category-header.cat-battery .compat-count-badge{background:rgba(16,185,129,.15);color:var(--green)}.compat-category-header.cat-board .compat-count-badge{background:rgba(139,92,246,.15);color:var(--accent2)}.compat-category-header.cat-guard .compat-count-badge{background:rgba(14,165,233,.15);color:#0ea5e9}.compat-category-header.cat-panel .compat-count-badge{background:rgba(236,72,153,.15);color:#ec4899}.compat-category-header.cat-middle .compat-count-badge{background:rgba(245,158,11,.15);color:#f59e0b}.compat-category-body{padding:14px;display:flex;flex-direction:column;gap:10px}.compat-part-item{padding:14px;background:var(--card2);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.compat-part-item:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.compat-part-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.compat-part-title-wrapper{display:flex;flex-direction:column;gap:2px}.compat-part-number{color:var(--accent);font-size:15px;font-weight:700;letter-spacing:.5px}.compat-part-desc{font-size:13.5px;color:var(--text-strong);font-weight:600}.compat-part-meta-wrapper{text-align:right;flex-shrink:0}.compat-part-price{color:var(--text-strong);font-size:15px;font-weight:800}.compat-part-stock-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;margin-top:4px}.compat-part-specs{display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:8px;border-top:1px dashed var(--border);font-size:11.5px;color:var(--text2)}.compat-part-specs span{background:var(--surface);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.compat-part-specs strong{color:var(--text-strong)}.compat-part-supported-list{font-size:11px;color:var(--text3);margin-top:2px}.compat-part-supported-list strong{color:var(--text2);font-weight:500}.compat-no-part{text-align:center;padding:16px 14px;background:rgba(239,68,68,.02);border:1px dashed rgba(239,68,68,.2);border-radius:12px;color:var(--text2);font-size:13px;font-weight:500}.compat-needs-checking-section{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.compat-needs-checking-title{display:flex;align-items:center;gap:6px;color:var(--orange);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.compat-other-matches-details{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.01);overflow:hidden}.compat-other-matches-summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:700;color:var(--orange);cursor:pointer;user-select:none;background:rgba(255,255,255,.02);transition:background .2s,color .2s;text-transform:uppercase;letter-spacing:.5px}.compat-other-matches-summary:hover{background:rgba(255,255,255,.04)}.compat-other-matches-summary::-webkit-details-marker{display:none}.compat-other-matches-summary::before{content:'\e5cc';font-family:'Material Icons Round';font-size:18px;color:var(--orange);transition:transform .2s}.compat-other-matches-details[open] .compat-other-matches-summary::before{transform:rotate(90deg)}.compat-other-matches-content{padding:12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);background:rgba(0,0,0,.08)}.upgraded-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s cubic-bezier(.4, 0, .2, 1),border-color .2s ease}.upgraded-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:rgba(59,130,246,.2)}.card-top{display:flex;gap:14px;align-items:flex-start}.part-image-container{width:64px;height:64px;border-radius:12px;background:var(--card2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.placeholder-icon{font-size:24px;color:var(--text3);position:absolute;z-index:1}.part-img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;transition:opacity .2s ease}.part-card-icon-modern{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.05)}.part-card-icon-modern .material-icons-round{font-size:28px;color:#fff}.card-badge-row{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.part-type-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.badge-display{background:rgba(59,130,246,.1)!important;color:var(--accent)!important}.badge-battery{background:rgba(16,185,129,.1)!important;color:var(--green)!important}.badge-camera{background:rgba(245,158,11,.1)!important;color:var(--orange)!important}.badge-speaker{background:rgba(239,68,68,.1)!important;color:var(--red)!important}.badge-cc-board{background:rgba(139,92,246,.1)!important;color:var(--accent2)!important}.badge-screen-guard{background:rgba(14,165,233,.1)!important;color:#0ea5e9!important}.badge-back-cover{background:rgba(236,72,153,.1)!important;color:#ec4899!important}.badge-middle-frame{background:rgba(245,158,11,.1)!important;color:#f59e0b!important}.badge-ringer{background:rgba(16,185,129,.1)!important;color:#10b981!important}.status-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.status-verified{background:rgba(16,185,129,.1);color:var(--green)}.status-pending{background:rgba(59,130,246,.1);color:var(--accent)}.card-main-info{flex:1;min-width:0}.card-model-title{font-size:16px;font-weight:800;color:var(--text-strong);margin-bottom:4px}.part-number-row{font-size:12.5px;color:var(--text2);margin-bottom:2px}.part-no-highlight{font-weight:700;color:var(--accent)}.base-model-row{font-size:12.5px;color:var(--text2)}.card-specs-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.card-specs-row span{font-size:11.5px;color:var(--text2);background:var(--card2);padding:3px 8px;border-radius:6px;border:1px solid var(--border)}.card-price-stock-row{display:flex;justify-content:space-between;align-items:center}.card-price{font-size:20px;font-weight:800;color:var(--green)}.card-stock-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px}.stock-in{background:rgba(16,185,129,.1);color:var(--green)}.stock-low{background:rgba(245,158,11,.1);color:var(--orange)}.stock-out{background:rgba(239,68,68,.1);color:var(--red)}.card-supported-devices-container{display:flex;flex-direction:column;gap:6px;background:var(--card2);padding:10px 12px;border-radius:10px}.devices-label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.devices-tag-list{display:flex;flex-wrap:wrap;gap:6px}.device-tag-pill{font-size:11.5px;font-weight:600;background:var(--card);color:var(--text-strong);padding:4px 8px;border-radius:6px;border:1px solid var(--border)}.fitting-notes-box{background:rgba(245,158,11,.05);border-left:3.5px solid var(--orange);border-radius:4px 8px 8px 4px;padding:10px 12px;margin-top:4px}.fitting-notes-title{display:block;font-size:11px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.fitting-notes-text{font-size:12px;line-height:1.4;color:var(--text);margin:0!important}.match-reason-box{background:rgba(59,130,246,.05);border-left:3.5px solid var(--accent);border-radius:4px 8px 8px 4px;padding:8px 12px;margin-top:4px;display:flex;gap:6px;align-items:center}.match-reason-title{font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.match-reason-text{font-size:12px;color:var(--text);margin:0!important}.compat-part-item.upgraded-card{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.03)!important;padding:18px!important;transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s cubic-bezier(.4, 0, .2, 1)!important}.compat-part-item.upgraded-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(59,130,246,.08)!important;border-color:rgba(59,130,246,.15)!important}.compat-category-section{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.02)!important;margin-bottom:20px!important}.card-brand-prefix{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:2px}.card-model-highlight{font-size:20px;font-weight:800;color:var(--text-strong);display:block}.device-tag-pill.primary-pill{background:rgba(59,130,246,.1);color:var(--accent);border-color:rgba(59,130,246,.2);font-weight:700}.device-tag-pill.secondary-pill{font-size:11px;font-weight:500;opacity:.85}.secondary-label{font-size:10px;color:var(--text3)}.card-compatibility-summary{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);border-radius:8px;margin-top:8px;width:fit-content}.compat-summary-icon{font-size:16px;color:var(--green)!important}.compat-summary-text{font-size:12px;font-weight:600;color:var(--green)!important}.ws-parts-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px!important;padding:16px 0!important}@media (max-width:480px){.ws-parts-list{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}.ws-product-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.ws-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(59,130,246,.3)}.ws-product-image-container{width:100%;aspect-ratio:1/1;background:var(--card2);position:relative;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}.ws-product-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ws-product-image-container:hover .ws-product-img{transform:scale(1.05)}.ws-discount-badge{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;padding:3px 6px;border-radius:4px;text-transform:uppercase;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.15)}.ws-model-badge{position:absolute;bottom:8px;right:8px;background:rgba(59,130,246,.95);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;cursor:pointer;z-index:10;transition:background .2s,color .2s;box-shadow:0 2px 4px rgba(0,0,0,.15)}.ws-model-badge:hover{background:var(--accent2);color:#fff}.ws-card-bookmark-btn{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;z-index:15;color:var(--text3);transition:all .2s cubic-bezier(.4, 0, .2, 1)}.ws-card-bookmark-btn:hover{transform:scale(1.1);background:#fff}.ws-card-bookmark-btn.saved{background:#ff2d55;color:#fff;border-color:#ff2d55}.ws-card-bookmark-btn .smart-bookmark-svg{width:20px;height:20px;display:block}.ws-card-bookmark-btn .bookmark-badge-inline{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.ws-product-body{padding:10px;display:flex;flex-direction:column;flex:1}.ws-product-category{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;margin-bottom:2px}.ws-product-name{font-size:13px;font-weight:700;color:var(--text-strong);line-height:1.3;margin-top:0;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:34px}.ws-product-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.ws-product-price{font-size:15px;font-weight:800;color:var(--green)}.ws-product-mrp{font-size:11px;color:var(--text3);text-decoration:line-through}.ws-product-stock-row{margin-bottom:8px}.ws-stock-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ws-stock-status.in-stock{color:var(--green)}.ws-stock-status.sold-out{color:var(--red)}.ws-product-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.btn-ws-details{background:var(--card2);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:600;padding:6px 0;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s,border-color .2s;outline:0}.btn-ws-details:hover{background:var(--border);border-color:var(--text3)}.btn-ws-add{background:var(--primary);color:#fff;border:none;font-size:11px;font-weight:700;padding:6px 0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:opacity .2s,transform .1s,background .2s;outline:0}.btn-ws-add:hover:not(:disabled){opacity:.9}.btn-ws-add:active:not(:disabled){transform:scale(.97)}.btn-ws-add:disabled{background:var(--card2);border:1px solid var(--border);color:var(--text3);cursor:not-allowed;transform:none}.image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s ease}.image-zoom-modal.active{opacity:1;pointer-events:auto}.zoom-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.zoom-modal-content img{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);object-fit:contain}.zoom-modal-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:#fff;font-size:36px;cursor:pointer;outline:0}#part-detail-price-display{padding:0 16px}#nav-saved-badge{top:4px;right:22px;border:1.5px solid var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.15)}.btn-clear-saved:hover{background:rgba(239,68,68,.1);transform:translateY(-1px)}.btn-clear-saved:active{transform:translateY(0)}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.confirm-modal:not(.hidden){opacity:1;pointer-events:auto}.confirm-modal-content{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;width:90%;max-width:380px;box-shadow:0 20px 45px rgba(0,0,0,.4);transform:scale(.9);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);text-align:center}.confirm-modal:not(.hidden) .confirm-modal-content{transform:scale(1)}.confirm-modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.confirm-modal-header h4{font-size:18px;font-weight:700;color:var(--text-strong);margin:0}.confirm-icon{font-size:40px;color:var(--orange);background:rgba(245,158,11,.1);padding:12px;border-radius:50%}.confirm-modal-body{font-size:14px;color:var(--text2);line-height:1.5;margin:0 0 24px 0}.confirm-modal-actions{display:flex;gap:12px}.btn-confirm-cancel,.btn-confirm-clear{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm-cancel{background:var(--surface);border:1.5px solid var(--border);color:var(--text2)}.btn-confirm-cancel:hover{background:var(--border);color:var(--text-strong)}.btn-confirm-clear{background:var(--red);border:none;color:#fff}.btn-confirm-clear:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.2)}.kyc-status-card{padding:20px;border-radius:16px;border:1px solid var(--border);margin-bottom:20px;text-align:center;box-shadow:var(--shadow-sm)}.kyc-status-card.pending{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.2)}.kyc-status-card.pending .status-icon{color:var(--orange);font-size:48px;margin-bottom:12px}.kyc-status-card.rejected{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.kyc-status-card.rejected .status-icon{color:var(--red);font-size:48px;margin-bottom:12px}.kyc-status-card.approved{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.kyc-status-card.approved .status-icon{color:var(--green);font-size:48px;margin-bottom:12px}.kyc-details-list{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:16px;text-align:left}.kyc-details-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.kyc-details-item:last-child{border-bottom:none}.kyc-details-label{color:var(--text3)}.kyc-details-value{color:var(--text-strong);font-weight:600}.kyc-doc-link{color:var(--accent);cursor:pointer;text-decoration:underline;font-weight:600}.kyc-doc-link:hover{color:var(--accent2)}.admin-kyc-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);text-align:left}.admin-kyc-card h4{font-size:16px;font-weight:700;color:var(--text-strong);margin:0 0 12px 0}.notification-dropdown{position:absolute;top:calc(var(--top-h) + 4px);right:16px;width:360px;max-height:480px;background:var(--surface);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-card);z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:fadeInDownNotif .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInDownNotif{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1.5px solid var(--border);background:var(--surface)}.notif-dropdown-header h4{font-size:15px;font-weight:700;color:var(--text-strong)}.btn-text-action{background:0 0;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s,color .2s}.btn-text-action:hover{background:rgba(59,130,246,.05)}.btn-text-action.danger{color:var(--red)}.btn-text-action.danger:hover{background:rgba(239,68,68,.05)}.notif-dropdown-list{flex:1;overflow-y:auto;max-height:350px;background:var(--bg);scrollbar-width:thin}.notif-dropdown-list::-webkit-scrollbar{width:6px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notif-dropdown-footer{padding:10px 16px;border-top:1.5px solid var(--border);display:flex;justify-content:center;background:var(--surface)}.notif-item{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border-bottom:1.5px solid var(--border);cursor:pointer;transition:background .2s;position:relative;text-align:left}.notif-item:hover{background:var(--card2)}.notif-item.unread{background:rgba(59,130,246,.02)}.notif-item.unread::before{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.notif-icon-container{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-details{flex:1;min-width:0}.notif-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.notif-title{font-size:13px;font-weight:700;color:var(--text-strong);line-height:1.3}.notif-badge-type{font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap}.notif-msg{font-size:12px;color:var(--text2);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:10px;color:var(--text3)}.badge-type-general,.notif-icon-general{background:rgba(59,130,246,.1);color:var(--accent)}.badge-type-offer,.notif-icon-offer{background:rgba(16,185,129,.1);color:var(--green)}.badge-type-order,.notif-icon-order{background:rgba(139,92,246,.1);color:var(--accent2)}.badge-type-kyc,.notif-icon-kyc{background:rgba(245,158,11,.1);color:var(--orange)}.badge-type-wholesale,.notif-icon-wholesale{background:rgba(16,185,129,.05);color:#059669;border:1px solid rgba(16,185,129,.15)}.badge-type-product,.notif-icon-product{background:rgba(14,165,233,.1);color:#0284c7}.badge-type-reminder,.notif-icon-reminder{background:rgba(236,72,153,.1);color:#db2777}.badge-type-admin,.notif-icon-admin{background:rgba(239,68,68,.1);color:var(--red)}@media (max-width:480px){.notification-dropdown{left:16px;right:16px;width:auto}}.wholesale-promo-banner{border-radius:var(--radius);padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;cursor:pointer;margin-top:12px;margin-bottom:12px;transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;text-align:left}.wholesale-promo-banner:hover{transform:translateY(-2px)}.wholesale-promo-banner:active{transform:scale(.98)}.promo-content{display:flex;align-items:center;gap:16px;flex:1}.promo-icon-container{width:46px;height:46px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);z-index:2}.promo-icon-container .material-icons-round{font-size:24px;color:#fff}.promo-text{text-align:left;z-index:2}.promo-text h3{font-size:16px;font-weight:800;margin:0 0 4px 0;color:#fff!important;letter-spacing:-.2px}.promo-text p{font-size:12px;opacity:.9;color:#fff!important;margin:0;line-height:1.4;font-weight:500}.promo-arrow{font-size:24px;color:#fff;opacity:.8;transition:transform .2s;z-index:2}.wholesale-promo-banner:hover .promo-arrow{transform:translateX(4px)}.banner-watermark{position:absolute;right:-24px;bottom:-36px;color:#fff;opacity:.06;pointer-events:none;z-index:1}.banner-watermark .material-icons-round{font-size:130px}.banner-parts{background:linear-gradient(135deg,#0b57d0 0,#1b66db 100%)!important;box-shadow:0 10px 30px rgba(11,87,208,.22)!important;padding:24px!important;min-height:175px;flex-direction:column;justify-content:space-between;align-items:flex-start}.banner-parts .promo-icon-container{background:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.08)}.banner-parts .promo-icon-container .material-icons-round{color:#0b57d0!important}.banner-parts .promo-text{margin-top:12px}.banner-parts .promo-text h3{font-size:20px;font-weight:800;margin-bottom:6px;line-height:1.2}.banner-parts .promo-text p{font-size:13px;opacity:.88;line-height:1.4;max-width:85%}.banner-parts .explore-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;margin-top:14px;opacity:.95;transition:opacity .2s;z-index:2}.banner-parts:hover .explore-link{opacity:1}.banner-parts .explore-link span:last-child{font-size:16px;transition:transform .2s}.banner-parts:hover .explore-link span:last-child{transform:translateX(4px)}.banner-parts .banner-watermark{right:-10px;bottom:-20px;opacity:.08}.banner-parts .banner-watermark .material-icons-round{font-size:110px}.banner-accessories{background:linear-gradient(135deg,#475569 0,#2a3341 100%)!important;box-shadow:0 8px 30px rgba(51,65,85,.18)!important;margin-top:14px}.banner-accessories .banner-watermark{right:-10px;bottom:-30px;transform:rotate(-15deg)}.banner-tools{background:linear-gradient(135deg,#d4af37 0,#7e6316 100%)!important;box-shadow:0 8px 30px rgba(140,106,15,.18)!important;margin-top:12px}.banner-tools .banner-watermark{right:-10px;bottom:-30px;transform:rotate(-15deg)}.badge-accessories{background:rgba(139,92,246,.1)!important;color:var(--accent2)!important}.pc-accessories{background:linear-gradient(135deg,var(--accent2),#c084fc)}.cat-tools .material-icons-round{color:var(--accent2)}.pc-tools{background:linear-gradient(135deg,var(--accent2),#a78bfa)}.home-header-content{display:flex;align-items:center;gap:12px;flex:1}.home-logo-img{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#fff;padding:2px;box-shadow:0 4px 10px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.15)}.home-greeting-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.home-greet-label{font-size:11px;color:var(--text2);font-weight:500;line-height:1.2}.home-greet-name{font-size:16px;font-weight:700;color:var(--text-strong);line-height:1.2;margin-top:2px}.service-center-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px rgba(0,0,0,.03);font-size:13px;z-index:99;cursor:pointer;transition:background .2s}.service-center-bar:hover{background:var(--card2)}.sc-info-col{display:flex;align-items:center;gap:10px}.sc-info-icon{color:var(--accent);font-size:20px}.sc-text-wrapper{display:flex;flex-direction:column;gap:2px}.sc-label{font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sc-value{font-size:12.5px;font-weight:700;color:var(--text-strong)}.sc-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:rgba(59,130,246,.08);color:var(--accent);font-size:12px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}.sc-action-btn:hover{background:var(--accent);color:#fff}.sc-modal-content{max-width:440px!important;border-radius:20px!important;padding:20px!important}.sc-center-card{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.sc-center-card:hover{background:var(--card2);border-color:var(--text3)}.sc-center-card.active{border-color:var(--accent);background:rgba(59,130,246,.04)}.sc-card-icon{font-size:22px;color:var(--text3);background:var(--card2);padding:8px;border-radius:10px;transition:all .2s}.sc-center-card.active .sc-card-icon{color:var(--accent);background:rgba(59,130,246,.1)}.sc-card-details{flex:1;display:flex;flex-direction:column;gap:2px}.sc-card-name{font-size:13.5px;font-weight:700;color:var(--text-strong)}.sc-card-desc{font-size:11.5px;color:var(--text2)}.sc-check-icon{font-size:18px;color:var(--accent);display:none}.sc-center-card.active .sc-check-icon{display:block}.btn-guest{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:0 0;color:var(--text2);font-size:14px;font-weight:600;border-radius:var(--radius);cursor:pointer;border:1.5px solid var(--border);transition:all .3s;box-shadow:var(--shadow-sm);margin-top:4px}.btn-guest:hover{background:var(--card2);color:var(--text-strong);border-color:var(--text3)}.login-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1010;box-shadow:var(--shadow-sm);transition:all .2s}.login-close-btn:hover{background:var(--card2);color:var(--accent)}.invoices-list{margin-top:12px}.invoice-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.invoice-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border);padding-bottom:10px}.inv-id-col{display:flex;flex-direction:column;gap:2px}.inv-card-num{font-size:15px;font-weight:700;color:var(--text-strong)}.inv-card-date{font-size:11.5px;color:var(--text3);font-weight:500}.inv-card-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.inv-card-status.status-pending{background:rgba(245,158,11,.1);color:var(--orange)}.inv-card-status.status-completed{background:rgba(16,185,129,.1);color:var(--green)}.invoice-card-body{display:flex;flex-direction:column;gap:6px}.inv-card-row{display:flex;justify-content:space-between;font-size:13px}.inv-card-label{color:var(--text2)}.inv-card-value{font-weight:600;color:var(--text-strong)}.inv-total-value{color:var(--green);font-weight:700}.invoice-card-actions{display:flex;gap:8px;margin-top:4px}.btn-inv-action-download,.btn-inv-action-view{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:12.5px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;border:none}.btn-inv-action-view{background:rgba(59,130,246,.08);color:var(--accent)}.btn-inv-action-view:hover{background:var(--accent);color:#fff}.btn-inv-action-download{background:var(--card2);color:var(--text2);border:1px solid var(--border)}.btn-inv-action-download:hover{background:var(--text-strong);color:#fff;border-color:var(--text-strong)}.invoice-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--card2);border-radius:8px;font-size:13px}.invoice-detail-item-info{display:flex;flex-direction:column;gap:2px}.invoice-detail-item-name{font-weight:600;color:var(--text-strong)}.invoice-detail-item-sub{font-size:11px;color:var(--text2)}.invoice-detail-item-price{font-weight:700;color:var(--text-strong)}@keyframes spin{to{transform:rotate(360deg)}}.home-top-bar-hidden{display:none!important}#screen-home.screen{padding:0!important;background:#fff}.home-scroll{padding:16px 20px 120px 20px!important;background:#fff}.b2b-header{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:24px}.b2b-greet-wrapper{display:flex;flex-direction:column;gap:2px}.b2b-greet-sub{font-size:14px;color:var(--text2);font-weight:500;letter-spacing:.2px}.b2b-greet-title{font-size:24px;font-weight:800;color:var(--text-strong);letter-spacing:-.5px}.b2b-header-actions{display:flex;align-items:center;gap:12px}.b2b-action-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:14px;color:var(--text-strong);cursor:pointer;position:relative;border:none;transition:all .2s ease}.b2b-action-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.b2b-action-btn:active{transform:scale(.95)}.b2b-avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease;background:#f1f5f9}.b2b-avatar:hover{transform:translateY(-1px);border-color:var(--accent)}.b2b-avatar-img{width:100%;height:100%;object-fit:cover}.home-scroll .home-search{background:#fff!important;border-radius:20px!important;padding:16px 20px!important;margin-bottom:24px!important;box-shadow:0 10px 30px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)!important;border:1px solid rgba(0,0,0,.04)!important;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.home-scroll .home-search:hover{box-shadow:0 12px 35px rgba(0,0,0,.06)!important;transform:translateY(-1px)}.home-scroll .home-search input{font-weight:500}.b2b-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.b2b-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:18px;height:140px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.01);cursor:pointer;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4, 0, .2, 1)}.b2b-card-content-left{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.b2b-card-icon-container{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.b2b-card-icon-container .material-icons-round{font-size:22px;color:#fff}.b2b-card-icon-container.compat{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);box-shadow:0 4px 10px rgba(59,130,246,.25)}.b2b-card-icon-container.wholesale{background:linear-gradient(135deg,#10b981 0,#047857 100%);box-shadow:0 4px 10px rgba(16,185,129,.25)}.b2b-card-icon-container.accessories{background:linear-gradient(135deg,#8b5cf6 0,#6d28d9 100%);box-shadow:0 4px 10px rgba(139,92,246,.25)}.b2b-card-icon-container.tools{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);box-shadow:0 4px 10px rgba(245,158,11,.25)}.b2b-card-icon-container.offers{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);box-shadow:0 4px 10px rgba(239,68,68,.25)}.b2b-card-icon-container.more{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);box-shadow:0 4px 10px rgba(139,92,246,.25)}.b2b-banner-carousel{width:calc(100% - 32px);margin:16px auto 8px auto;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:21/9;background:var(--bg2);box-shadow:0 8px 24px rgba(0,0,0,.08);touch-action:pan-y}body.dark-mode .b2b-banner-carousel{box-shadow:0 8px 24px rgba(0,0,0,.4)}.carousel-track{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25, .8, .25, 1);will-change:transform}.carousel-slide{flex:0 0 100%;width:100%;height:100%;position:relative;cursor:pointer}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-dots{position:absolute;bottom:8px;left:0;width:100%;display:flex;justify-content:center;gap:6px;z-index:2}.carousel-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:all .3s ease;cursor:pointer}.carousel-dot.active{background:#fff;width:16px;border-radius:4px}.b2b-card-content{display:flex;flex-direction:column;gap:2px;text-align:left}.b2b-card-title{font-size:15px;font-weight:700;color:var(--text-strong)}.b2b-card-sub{font-size:11.5px;color:var(--text3);font-weight:500}.b2b-card-arrow{position:absolute;bottom:18px;right:18px;font-size:18px;color:var(--text3);transition:all .2s ease}.b2b-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.02);border-color:rgba(59,130,246,.15)}.b2b-card:hover .b2b-card-arrow{color:var(--accent);transform:translateX(2px)}.b2b-card:active{transform:scale(.96)}.app-shell .bottom-nav{position:absolute;bottom:16px;left:20px;right:20px;height:66px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.02);padding:0 8px;z-index:100;display:flex}.app-shell .nav-item{height:100%;padding:8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px}.app-shell .nav-item .material-icons-round{font-size:20px;padding:4px 18px;border-radius:12px;background:0 0;color:var(--text3);transition:all .25s cubic-bezier(.4, 0, .2, 1)}.app-shell .nav-item.active{color:var(--accent)}.app-shell .nav-item.active .material-icons-round{background:rgba(59,130,246,.08);color:var(--accent);transform:scale(1.05)}.app-shell .nav-item:active .material-icons-round{transform:scale(.92)}.bottom-sheet{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.bottom-sheet.active{pointer-events:auto}.bottom-sheet-overlay{position:absolute;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.bottom-sheet.active .bottom-sheet-overlay{opacity:1;pointer-events:auto}.bottom-sheet-content{position:relative;width:100%;max-width:480px;margin:0 auto;background:#fff;border-radius:30px 30px 0 0;padding:16px 20px 40px 20px;box-shadow:0 -10px 40px rgba(0,0,0,.1);transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:2}.bottom-sheet.active .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.bottom-sheet-indicator{width:38px;height:4px;background:#e2e8f0;border-radius:2px;margin-bottom:12px}.bottom-sheet-title{font-size:18px;font-weight:800;color:var(--text-strong)}.bottom-sheet-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:var(--text2);cursor:pointer;border:none}.bottom-sheet-close-btn:active{transform:scale(.9)}.b2b-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.b2b-cat-tile{display:flex;align-items:center;gap:12px;background:#f8fafc;border-radius:16px;padding:14px 16px;cursor:pointer;border:1px solid rgba(0,0,0,.02);transition:all .2s ease}.b2b-cat-tile:hover{background:#f1f5f9;transform:translateY(-1px)}.b2b-cat-tile:active{transform:scale(.97)}.b2b-cat-icon-container{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.b2b-cat-icon-container .material-icons-round{font-size:18px}.b2b-cat-label{font-size:13.5px;font-weight:600;color:var(--text-strong)}.cat-display .b2b-cat-icon-container{background:rgba(59,130,246,.1);color:#2563eb}.cat-battery .b2b-cat-icon-container{background:rgba(245,158,11,.1);color:#d97706}.cat-board .b2b-cat-icon-container{background:rgba(71,85,105,.1);color:#475569}.cat-guard .b2b-cat-icon-container{background:rgba(14,165,233,.1);color:#0284c7}.cat-middle .b2b-cat-icon-container{background:rgba(139,92,246,.1);color:#7c3aed}.cat-panel .b2b-cat-icon-container{background:rgba(236,72,153,.1);color:#db2777}.cat-camera .b2b-cat-icon-container{background:rgba(239,68,68,.1);color:#dc2626}.cat-ringer .b2b-cat-icon-container{background:rgba(16,185,129,.1);color:#059669}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}