@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-card-hover:#222838;--bg-input:#1e2333;--border:#2a3040;--border-hover:#3a4060;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#00d4ff;--accent-glow:#00d4ff26;--accent-hover:#00bfe6;--green:#0f8;--green-glow:#00ff8826;--orange:#ff6b35;--purple:#a855f7;--red:#ef4444;--yellow:#eab308;--gradient-primary:linear-gradient(135deg, #00d4ff 0%, #0f8 100%);--gradient-dark:linear-gradient(180deg, #0a0e17 0%, #111827 100%);--shadow-lg:0 20px 60px #0006;--shadow-glow:0 0 30px #00d4ff1a;--radius:12px;--radius-sm:8px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::selection{background:var(--accent);color:var(--bg-primary)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);letter-spacing:.3px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-secondary:hover{background:var(--accent-glow)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 16px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent)}.badge-green{background:var(--green-glow);color:var(--green)}.badge-red{color:var(--red);background:#ef444426}.badge-orange{color:var(--orange);background:#ff6b3526}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.section-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:16px}.page-header{text-align:center;background:var(--gradient-dark);padding:100px 0 40px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stars{color:var(--yellow);gap:2px;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 16px}.section-title{font-size:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s forwards fadeInUp}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e17cc;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);background:#0a0e17f2;padding:10px 0}.navbar-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.logo-icon{color:var(--accent);font-size:28px}.logo-accent{color:var(--accent)}.navbar-links{gap:32px;display:flex}.navbar-links a{color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .2s;position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.nav-dropdown-wrapper{position:relative}.nav-dropdown-trigger{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:15px;font-weight:500;transition:color .2s;display:flex}.nav-dropdown-trigger:hover{color:var(--text-primary)}.nav-mega-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);opacity:0;visibility:hidden;min-width:200px;box-shadow:var(--shadow-lg);z-index:50;margin-top:12px;padding:8px 0;transition:all .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-10px)}.nav-dropdown-wrapper:hover .nav-mega-dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-mega-dropdown a{color:var(--text-secondary);align-items:center;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-mega-dropdown a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-mega-dropdown a:after{display:none}.navbar-actions{align-items:center;gap:12px;display:flex}.currency-selector{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.currency-selector select{color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding-right:2px;font-size:12px;font-weight:600}.currency-selector select option{background:var(--bg-card);color:var(--text-primary)}.nav-icon-btn{background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-icon-btn:hover{color:var(--accent);border-color:var(--accent)}.cart-btn{position:relative}.cart-badge{background:var(--accent);width:18px;height:18px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.user-menu{position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);opacity:0;visibility:hidden;min-width:220px;box-shadow:var(--shadow-lg);margin-top:8px;padding:8px 0;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{border-bottom:1px solid var(--border);padding:12px 16px}.dropdown-header strong{color:var(--text-primary);font-size:14px;display:block}.dropdown-header small{color:var(--text-muted);font-size:12px}.user-dropdown a,.user-dropdown button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;transition:all .2s;display:block}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mobile-toggle{display:none}.search-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px 0;animation:.2s slideDown;position:absolute;top:100%;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-form{align-items:center;gap:12px;display:flex}.search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.search-form .input-field{flex:1}@media (width<=768px){.navbar-links{background:var(--bg-primary);opacity:0;visibility:hidden;z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:all .3s;position:fixed;inset:0}.navbar-links.open{opacity:1;visibility:visible}.navbar-links a{font-size:24px}.mobile-toggle{z-index:1000;display:flex}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:80px;padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;display:grid}.footer-logo{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:20px;font-weight:800;display:flex}.footer-logo span{color:var(--accent)}.footer-brand p{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.7}.footer-socials{gap:12px;display:flex}.footer-socials a{background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-socials a:hover{color:var(--accent);border-color:var(--accent)}.footer-col h4{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:700}.footer-col a{color:var(--text-muted);padding:4px 0;font-size:14px;transition:color .2s;display:block}.footer-col a:hover{color:var(--accent)}.footer-contact p{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.footer-bottom{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding-top:20px}.footer-bottom p{color:var(--text-muted);font-size:13px}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:30px}}.floating-contact{z-index:9999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.fc-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s;animation:2s infinite fc-pulse;display:flex;box-shadow:0 4px 20px #25d36666}.fc-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #25d36680}.fc-fab-active{background:var(--bg-card,#1a1f2e);animation:none;box-shadow:0 4px 16px #0006}@keyframes fc-pulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d366b3}}.fc-popup{background:var(--bg-card,#1a1f2e);border:1px solid var(--border,#2a3040);border-radius:16px;width:300px;animation:.3s fc-slide-up;overflow:hidden;box-shadow:0 12px 40px #00000080}@keyframes fc-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fc-header{color:#fff;background:linear-gradient(135deg,#25d366,#08c);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.fc-close{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.fc-close:hover{color:#fff}.fc-body{flex-direction:column;gap:10px;padding:16px;display:flex}.fc-text{color:var(--text-secondary,#94a3b8);margin:0;font-size:13px}.fc-btn{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.fc-whatsapp{color:#25d366;background:#25d36626;border:1px solid #25d3664d}.fc-whatsapp:hover{color:#fff;background:#25d366}.fc-telegram{color:#08c;background:#0088cc26;border:1px solid #0088cc4d}.fc-telegram:hover{color:#fff;background:#08c}.fc-btn svg{font-size:18px}@media (width<=480px){.floating-contact{bottom:16px;right:16px}.fc-popup{width:280px}.fc-fab{width:50px;height:50px;font-size:20px}}.content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.content-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.content-card-thumb{background:var(--bg-secondary);justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.content-card-thumb img{object-fit:contain;width:100%;height:100%;padding:12px;transition:transform .3s}.content-card:hover .content-card-thumb img{transform:scale(1.05)}.content-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.content-card-type{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.content-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.content-card-brand{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.content-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.content-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.content-card-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.content-card-version,.content-card-size{background:var(--accent-glow);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.content-card-size{background:var(--green-glow);color:var(--green)}.content-card-footer{color:var(--text-muted);border-top:1px solid var(--border);gap:16px;padding-top:12px;font-size:12px;display:flex}.content-card-footer span{align-items:center;gap:4px;display:flex}.hero{background:linear-gradient(#0a0e17 0%,#0d1525 50%,#111827 100%);padding:100px 0 80px;position:relative;overflow:hidden}.hero-bg-pattern{background:radial-gradient(circle at 20%,#00d4ff14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00ff880f 0%,#0000 40%),radial-gradient(circle at 50% 80%,#a855f70d 0%,#0000 40%);position:absolute;inset:0}.hero-code-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-code-block{white-space:pre;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1799;border:1px solid #00d4ff14;border-radius:8px;margin:0;padding:12px 16px;font-family:Courier New,monospace;font-size:11px;line-height:1.5;position:absolute}.code-ladder{color:#00ff8859;text-shadow:0 0 12px #00ff8826;border-color:#00ff881a;animation:22s ease-in-out infinite codeLadder;top:8%;left:2%}.code-csharp{color:#00d4ff4d;text-shadow:0 0 12px #00d4ff1f;border-color:#00d4ff1a;animation:25s ease-in-out infinite codeCsharp;top:5%;right:2%}.code-hmi{color:#ff6b354d;text-shadow:0 0 12px #ff6b351f;border-color:#ff6b351a;animation:18s ease-in-out infinite codeHmi;top:40%;left:1%}.code-hack{color:#ef444459;text-shadow:0 0 15px #ef444433;border-color:#ef44441f;animation:20s ease-in-out infinite codeHack;top:38%;right:1%}.code-struct{color:#a855f74d;text-shadow:0 0 12px #a855f71f;border-color:#a855f71a;animation:24s ease-in-out infinite codeStruct;bottom:8%;left:3%}.code-network{color:#eab30847;text-shadow:0 0 10px #eab3081a;border-color:#eab30814;animation:21s ease-in-out infinite codeNetwork;bottom:5%;right:2%}@keyframes codeLadder{0%{opacity:0;transform:translateY(20px)}5%{opacity:1;transform:translateY(0)}50%{transform:translateY(-12px)rotate(.3deg)}75%{transform:translateY(8px)rotate(-.2deg)}to{opacity:1;transform:translateY(0)}}@keyframes codeCsharp{0%{opacity:0;transform:translateY(15px)}4%{opacity:1;transform:translateY(0)}40%{transform:translateY(10px)rotate(-.4deg)}70%{transform:translateY(-15px)rotate(.3deg)}to{opacity:1;transform:translateY(0)}}@keyframes codeHmi{0%{opacity:0;transform:translateY(20px)}6%{opacity:1;transform:translateY(0)}50%{transform:translateY(-10px)rotate(.2deg)}to{opacity:1;transform:translateY(0)}}@keyframes codeHack{0%{opacity:0;transform:translateY(15px)}7%{opacity:1;transform:translateY(0)}33%{transform:translateY(-12px)}66%{transform:translateY(8px)}96%{filter:none;opacity:1}97%{filter:hue-rotate(90deg)brightness(1.5);transform:translate(2px)}98%{filter:hue-rotate(-90deg);transform:translate(-2px)skew(1deg)}99%{filter:none;transform:translate(1px)}to{opacity:1;transform:translateY(0)}}@keyframes codeStruct{0%{opacity:0;transform:translateY(20px)}5%{opacity:1;transform:translateY(0)}30%{transform:translateY(10px)rotate(-.3deg)}60%{transform:translateY(-12px)rotate(.2deg)}to{opacity:1;transform:translateY(0)}}@keyframes codeNetwork{0%{opacity:0;transform:translateY(15px)}6%{opacity:1;transform:translateY(0)}45%{transform:translateY(-8px)rotate(.3deg)}80%{transform:translateY(6px)rotate(-.2deg)}to{opacity:1;transform:translateY(0)}}.hero-scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff02 2px 4px);animation:8s linear infinite scanMove;position:absolute;inset:0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100px}}.hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1px;text-shadow:0 2px 20px #000c;margin-bottom:20px;font-size:48px;font-weight:900;line-height:1.1}.hero-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.hero-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:600px;margin:0 auto 40px;padding:6px 6px 6px 20px;transition:border-color .3s;display:flex}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.hero-search-icon{color:var(--text-muted);flex-shrink:0}.hero-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:15px}.hero-search-input::placeholder{color:var(--text-muted)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.hero-stat{text-align:center}.hero-stat-num{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800;display:block}.hero-stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.home-section{padding:80px 0}.home-section-alt{background:var(--bg-secondary)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}.section-header .section-title{align-items:center;gap:12px;display:flex}.categories-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:32px 24px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.category-card:hover{border-color:var(--cat-color,var(--accent));transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.category-icon{background:color-mix(in srgb, var(--cat-color,var(--accent)) 15%, transparent);width:52px;height:52px;color:var(--cat-color,var(--accent));border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;display:flex}.category-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.category-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.category-arrow{color:var(--text-muted);transition:color .3s;position:absolute;top:24px;right:24px}.category-card:hover .category-arrow{color:var(--cat-color,var(--accent))}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.brand-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex-direction:column;align-items:center;gap:10px;padding:24px 16px;text-decoration:none;transition:all .3s;display:flex}.brand-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.brand-card img{object-fit:contain;background:#ffffff0f;border-radius:10px;width:56px;height:56px;padding:6px}.brand-letter{background:var(--accent-glow);width:56px;height:56px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.brand-name{text-align:center;color:var(--text-secondary);font-size:12px;font-weight:600}.talked-about-list{flex-direction:column;gap:12px;display:flex}.talked-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .3s;display:flex}.talked-item:hover{border-color:var(--accent)}.talked-rank{color:var(--accent);min-width:40px;font-size:24px;font-weight:900}.talked-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.talked-meta{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.talked-meta span{align-items:center;gap:4px;display:flex}@media (width<=768px){.hero h1{font-size:32px}.hero-subtitle{font-size:15px}.hero-stats{gap:24px}.hero-stat-num{font-size:22px}.categories-grid,.content-grid{grid-template-columns:1fr}.brands-grid{grid-template-columns:repeat(3,1fr)}.hero-code-layer,.hero-scanlines{display:none}}@media (width<=1024px) and (width>=769px){.categories-grid{grid-template-columns:repeat(2,1fr)}.hero-code-block{padding:8px 10px;font-size:9px}}@media (width>=1400px){.code-ladder{left:5%}.code-csharp{right:5%}.code-hmi{left:3%}.code-hack{right:3%}.code-struct{left:6%}.code-network{right:5%}}.sidebar{width:100%}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.sidebar-title{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.sidebar-posts{flex-direction:column;gap:12px;display:flex}.sidebar-post{color:var(--text-primary);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:8px;text-decoration:none;transition:background .2s;display:flex}.sidebar-post:hover{background:var(--bg-card-hover)}.sidebar-post-rank{background:var(--accent-glow);min-width:28px;height:28px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.sidebar-post h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-post-views{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.sidebar-tags{flex-wrap:wrap;gap:8px;display:flex}.sidebar-tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.sidebar-tag:hover{border-color:var(--accent);color:var(--accent)}.sidebar-tag span{background:var(--accent-glow);color:var(--accent);border-radius:10px;padding:1px 5px;font-size:10px}.sidebar-brands{flex-wrap:wrap;gap:6px;display:flex}.sidebar-brand{background:var(--bg-input);color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.sidebar-brand:hover{background:var(--accent-glow);color:var(--accent)}.clp-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:48px 0 32px}.clp-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.clp-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:6px;font-size:32px;font-weight:800;display:flex}.clp-subtitle{color:var(--text-secondary);font-size:15px}.clp-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;min-width:300px;padding:4px 4px 4px 14px;display:flex}.clp-search:focus-within{border-color:var(--accent)}.clp-search svg{color:var(--text-muted);flex-shrink:0}.clp-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px;font-size:14px}.clp-search input::placeholder{color:var(--text-muted)}.clp-body{grid-template-columns:1fr 320px;gap:32px;padding:32px 24px;display:grid}.clp-main{min-width:0}.clp-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.clp-brand-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.clp-filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.clp-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.clp-filter-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.clp-sort{color:var(--text-muted);align-items:center;gap:8px;display:flex}.clp-sort select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:8px 12px;font-size:13px}.clp-loading{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.content-card-skeleton{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:300px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clp-empty{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:16px}.clp-pagination{justify-content:center;gap:6px;margin-top:32px;display:flex}.clp-page-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.clp-page-btn:hover{border-color:var(--accent);color:var(--accent)}.clp-page-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media (width<=1024px){.clp-body{grid-template-columns:1fr}}@media (width<=768px){.clp-header-inner{flex-direction:column;align-items:stretch}.clp-search{min-width:100%}.clp-title{font-size:24px}}.comment-section{margin-top:48px}.comment-section-title{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-size:22px;font-weight:700}.comment-form{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.comment-form-row{gap:12px;display:flex}.comment-form-row input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:10px 14px;font-size:14px}.comment-form textarea{resize:vertical;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px 14px;font-family:inherit;font-size:14px}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent);outline:none}.comment-form button{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-start;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.comment-form button:hover{opacity:.9}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.comment-error{color:#ef4444;font-size:13px}.comment{border-bottom:1px solid var(--border);padding:20px 0}.comment:last-child{border-bottom:none}.comment-nested{border-left:2px solid var(--border);border-bottom:none;margin-left:40px;padding-top:12px;padding-bottom:12px;padding-left:16px}.comment-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.comment-avatar{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.comment-meta{align-items:center;gap:12px;display:flex}.comment-author{font-size:14px;font-weight:600}.comment-time{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.comment-body{color:var(--text-secondary);margin-bottom:10px;font-size:14px;line-height:1.7}.comment-actions{gap:12px;display:flex}.comment-reply-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;transition:color .2s;display:flex}.comment-reply-btn:hover{color:var(--accent)}.comment-replies{margin-top:8px}.no-comments{text-align:center;color:var(--text-muted);padding:40px 0;font-size:15px}.post-detail-loading{max-width:900px;margin:60px auto;padding:0 24px}.loading-bar{background:var(--bg-card);border-radius:var(--radius-sm);height:32px;margin-bottom:16px;animation:1.5s infinite pulse}.loading-bar.short{width:60%;height:20px;margin-bottom:32px}.loading-block{background:var(--bg-card);border-radius:var(--radius);height:400px;animation:1.5s infinite pulse}.pd-breadcrumb{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:14px 0;font-size:13px}.pd-breadcrumb .container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.pd-breadcrumb a:hover{color:var(--accent)}.pd-breadcrumb svg{color:var(--text-muted);font-size:8px}.pd-breadcrumb span{color:var(--text-secondary)}.pd-body{grid-template-columns:1fr 320px;gap:40px;padding-top:40px;padding-bottom:60px;display:grid}.pd-main{min-width:0}.pd-header{margin-bottom:32px}.pd-type-badge{text-transform:uppercase;color:var(--badge-color);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-flex}.pd-title{letter-spacing:-.5px;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.25}.pd-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.pd-meta-item{align-items:center;gap:5px;display:flex}.pd-download-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--accent);margin-bottom:32px;padding:24px}.pd-download-info h3{align-items:center;gap:8px;margin-bottom:12px;font-size:18px;display:flex}.pd-download-details{color:var(--text-secondary);flex-wrap:wrap;gap:24px;margin-bottom:16px;font-size:14px;display:flex}.pd-download-details span{align-items:center;gap:6px;display:flex}.pd-download-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.pd-download-btn:hover{opacity:.9;transform:translateY(-1px)}.pd-password{border-top:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;margin-top:16px;padding-top:16px;font-size:14px;display:flex}.pd-password code{background:var(--bg-secondary);color:var(--accent);-webkit-user-select:all;user-select:all;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:700}.pd-thumbnail{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:32px;overflow:hidden}.pd-thumbnail img{width:100%;display:block}.pd-content{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.8}.pd-content h2,.pd-content h3{color:var(--text-primary);margin:32px 0 16px;font-weight:700}.pd-content h2{font-size:24px}.pd-content h3{font-size:20px}.pd-content p{margin-bottom:16px}.pd-content ul,.pd-content ol{margin-bottom:16px;padding-left:24px}.pd-content li{margin-bottom:8px}.pd-content code{background:var(--bg-secondary);border-radius:3px;padding:2px 6px;font-size:14px}.pd-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px;overflow-x:auto}.pd-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:16px 0}.pd-content a{color:var(--accent)}.pd-content blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:16px 0;padding-left:16px;font-style:italic}.pd-tags{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:20px 0;display:flex}.pd-tags>svg{color:var(--text-muted)}.pd-tag{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.pd-tag:hover{border-color:var(--accent);color:var(--accent)}.pd-related{border-top:1px solid var(--border);margin-bottom:8px;padding:32px 0}.pd-related h3{margin-bottom:20px;font-size:20px;font-weight:700}.pd-related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pd-related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:border-color .2s;overflow:hidden}.pd-related-card:hover{border-color:var(--accent)}.pd-related-card img{object-fit:cover;width:100%;height:120px}.pd-related-card>div{padding:12px}.pd-related-type{text-transform:uppercase;font-size:11px;font-weight:700}.pd-related-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}@media (width<=1024px){.pd-body{grid-template-columns:1fr}.pd-title{font-size:26px}}@media (width<=768px){.pd-title{font-size:22px}.pd-download-details{flex-direction:column;gap:8px}}.sp-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:48px 0 32px}.sp-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:32px;font-weight:800}.sp-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;max-width:700px;padding:6px 6px 6px 18px;display:flex}.sp-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.sp-icon{color:var(--text-muted);flex-shrink:0}.sp-form input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:16px}.sp-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px}.sp-submit{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 24px;font-weight:700}.sp-active-tag{background:var(--bg-card);border:1px solid var(--accent);color:var(--text-secondary);border-radius:20px;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:14px;display:inline-flex}.sp-active-tag button{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.sp-body{padding:32px 0 60px}.sp-type-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.sp-type-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sp-type-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-type-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.sp-brand-results,.sp-tag-results{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.sp-brand-results h3,.sp-tag-results h3,.sp-results-header h3{color:var(--text-muted);margin-bottom:12px;font-size:16px;font-weight:700}.sp-brands{flex-wrap:wrap;gap:8px;display:flex}.sp-brand-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s;display:flex}.sp-brand-chip img{object-fit:contain;width:18px;height:18px}.sp-brand-chip:hover{border-color:var(--accent)}.sp-tags{flex-wrap:wrap;gap:8px;display:flex}.sp-tag-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}.sp-tag-chip:hover{background:var(--bg-secondary)}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.sp-empty{text-align:center;color:var(--text-muted);padding:80px 20px}.sp-empty svg{opacity:.3;margin-bottom:16px;font-size:48px}.sp-empty p{margin-bottom:8px;font-size:16px}.sp-loading{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.contact-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:48px 0 32px}.contact-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.contact-header p{color:var(--text-secondary);font-size:16px}.contact-body{grid-template-columns:300px 1fr;gap:40px;padding:40px 0 60px;display:grid}.contact-info{flex-direction:column;gap:16px;display:flex}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px}.contact-card svg{color:var(--accent);margin-bottom:12px;font-size:24px}.contact-card h3{margin-bottom:6px;font-size:16px;font-weight:700}.contact-card p{color:var(--text-secondary);font-size:14px}.contact-socials{justify-content:center;gap:16px;margin-top:8px;display:flex}.contact-socials a{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.contact-socials a:hover{color:var(--accent);border:1px solid var(--accent)}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:32px;display:flex}.contact-form h2{margin-bottom:8px;font-size:22px;font-weight:700}.cf-row{gap:16px;display:flex}.contact-form input,.contact-form textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 16px;font-family:inherit;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form button{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-start;padding:12px 32px;font-size:15px;font-weight:700}.contact-form button:disabled{opacity:.5}@media (width<=768px){.contact-body{grid-template-columns:1fr}.cf-row{flex-direction:column}.contact-info{flex-flow:wrap}.contact-card{flex:1;min-width:150px}}.donate-header{background:var(--bg-secondary);text-align:center;border-bottom:1px solid var(--border);padding:60px 0 40px}.donate-heart{color:#ef4444;margin-bottom:16px;font-size:40px;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.donate-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:32px;font-weight:800}.donate-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:16px;line-height:1.7}.donate-body{padding:40px 0 60px}.donate-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.donate-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px 24px;transition:border-color .3s}.donate-card:hover{border-color:var(--accent)}.donate-card.featured{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);position:relative}.donate-icon{color:var(--accent);margin-bottom:16px;font-size:32px}.donate-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.donate-card p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.donate-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 28px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.donate-btn:hover{opacity:.9}.donate-detail{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px;font-size:14px;line-height:1.8}.donate-crypto{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:32px}.donate-crypto h3{margin-bottom:16px;font-size:18px;font-weight:700}.donate-methods{flex-wrap:wrap;gap:16px;display:flex}.donate-method{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;padding:12px 20px;font-size:14px;display:flex}.donate-method svg{color:var(--accent);font-size:18px}.donate-thanks{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.donate-thanks h3{margin-bottom:8px;font-size:20px;font-weight:700}.donate-thanks p{color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}@media (width<=768px){.donate-grid{grid-template-columns:1fr}}.product-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.product-card-img{background:var(--bg-secondary);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.product-card-img img{object-fit:contain;width:100%;height:100%;padding:16px;transition:transform .4s}.product-card:hover .product-card-img img{transform:scale(1.08)}.product-card-placeholder{width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;display:flex}.product-discount{background:var(--red);color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.product-free{background:var(--green);color:var(--bg-primary);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.product-card-actions{opacity:0;flex-direction:column;gap:8px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;transform:translate(10px)}.product-card:hover .product-card-actions{opacity:1;transform:translate(0)}.pca-btn{width:36px;height:36px;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#0a0e17cc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pca-btn:hover{color:var(--accent);border-color:var(--accent)}.product-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.product-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.product-brand{color:var(--text-muted);font-size:12px}.product-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-card-price{align-items:baseline;gap:8px;display:flex}.price-current{color:var(--accent);font-size:16px;font-weight:800}.price-original{color:var(--text-muted);font-size:12px;text-decoration:line-through}.price-free{color:var(--green);font-size:16px;font-weight:800}.product-card-stats{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.product-card-stats .stars{color:var(--yellow);align-items:center;gap:4px;display:flex}.product-card-stats span{align-items:center;gap:4px;display:flex}.category-strip{scrollbar-width:none;gap:10px;padding:24px 0 16px;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.cat-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cat-chip:hover{border-color:var(--cat-accent,var(--accent));color:var(--text-primary)}.cat-chip.active{border-color:var(--cat-accent,var(--accent));color:var(--text-primary);background:#00d4ff14}.cat-chip-logo{object-fit:contain;background:#ffffff0f;border-radius:5px;width:24px;height:24px;padding:2px}.cat-chip-icon-svg{font-size:16px}.cat-chip-count{background:var(--bg-secondary);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:11px}.cat-banner{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:20px;margin-bottom:8px;padding:20px 24px;display:flex}.cat-banner-visual{flex-shrink:0;align-items:center;gap:12px;display:flex}.cat-banner-img{object-fit:contain;border-radius:var(--radius-sm);background:#ffffff0a;width:80px;height:60px;padding:4px}.cat-banner-icon{font-size:40px}.cat-banner-logo{object-fit:contain;background:#ffffff0f;border-radius:6px;width:48px;height:48px;padding:4px}.cat-banner-info h2{margin-bottom:4px;font-size:20px;font-weight:700}.cat-banner-info p{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.cat-banner-count{color:var(--accent);font-size:12px;font-weight:600}.brand-strip{scrollbar-width:none;align-items:center;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.brand-strip::-webkit-scrollbar{display:none}.brand-strip-label{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.brand-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.brand-chip:hover{border-color:var(--accent);color:var(--text-primary)}.brand-chip.active{border-color:var(--accent);color:var(--accent);background:#00d4ff14}.brand-chip-logo{object-fit:contain;background:#ffffff0f;border-radius:4px;width:20px;height:20px;padding:2px}.products-layout{gap:32px;padding:24px 0 40px;display:flex}.products-sidebar{flex-shrink:0;align-self:flex-start;width:280px;position:sticky;top:100px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sidebar-header h3{font-size:18px;font-weight:700}.sidebar-close{color:var(--text-secondary);background:0 0;font-size:18px;display:none}.filter-group{margin-bottom:20px}.filter-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.products-main{flex:1;min-width:0}.products-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.products-count{color:var(--text-muted);font-size:14px}.filter-toggle{display:none}.empty-state{text-align:center;padding:80px 0}.empty-state h3{margin-bottom:8px;font-size:20px}.empty-state p{color:var(--text-muted)}.pagination{justify-content:center;gap:8px;margin-top:40px;display:flex}.page-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.page-btn.active,.page-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}@media (width<=768px){.category-strip{gap:8px;padding:16px 0 12px}.cat-banner{text-align:center;flex-direction:column}.cat-banner-visual{justify-content:center}.products-sidebar{z-index:1001;background:var(--bg-primary);border-right:1px solid var(--border);width:300px;padding:24px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.products-sidebar.open{transform:translate(0)}.sidebar-close{display:block}.filter-toggle{display:flex}}.product-detail{padding-top:100px;padding-bottom:60px}.back-link{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--accent)}.pd-grid{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.pd-image{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border);justify-content:center;align-items:center;display:flex;overflow:hidden}.pd-image img{object-fit:contain;width:100%;height:360px;padding:24px}.pd-placeholder{width:100%;height:360px;color:var(--text-muted);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.pd-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pd-title{margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.2}.pd-desc{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.7}.pd-rating{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;font-size:14px;display:flex}.pd-rating span{align-items:center;gap:4px;display:flex}.pd-price-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.pd-price-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.pd-price{color:var(--accent);font-size:32px;font-weight:900}.pd-price.free{color:var(--green)}.pd-original{color:var(--text-muted);font-size:18px;text-decoration:line-through}.pd-license{color:var(--text-muted);text-transform:capitalize;font-size:13px}.pd-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.pd-features h4{margin-bottom:12px;font-size:16px;font-weight:700}.pd-features ul{grid-template-columns:1fr 1fr;gap:8px;list-style:none;display:grid}.pd-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.pd-features li svg{color:var(--green);font-size:12px}.pd-tabs{margin-bottom:48px}.pd-tab-nav{gap:4px;margin-bottom:16px;display:flex}.pd-tab-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.pd-tab-btn.active{background:var(--bg-card);color:var(--accent);border-bottom-color:#0000}.pd-tab-content{border-radius:0 var(--radius) var(--radius) var(--radius)}.pd-description{color:var(--text-secondary);line-height:1.8}.pd-req-list{list-style:none}.pd-req-list li{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.pd-req-list li svg{color:var(--green)}.review-item{border-bottom:1px solid var(--border);padding:16px 0}.review-item:last-child{border-bottom:none}.review-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.review-header strong{color:var(--text-primary)}.review-item p{color:var(--text-secondary);font-size:14px}.pd-related{margin-top:48px}@media (width<=768px){.pd-grid{grid-template-columns:1fr;gap:24px}.pd-title{font-size:24px}.pd-features ul{grid-template-columns:1fr}}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.svc-card-body{text-align:center;padding:28px}.svc-icon{background:var(--accent-glow);width:60px;height:60px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;display:flex}.svc-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.svc-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.svc-price{color:var(--accent);margin-bottom:4px;font-size:24px;font-weight:800}.svc-duration{color:var(--text-muted);margin-bottom:16px;font-size:13px}.svc-features{text-align:left;margin-bottom:20px;list-style:none}.svc-features li{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.svc-features li svg{color:var(--green);font-size:11px}.booking-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.booking-modal{width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto}.booking-modal h2{margin-bottom:24px;font-size:22px;font-weight:700}.booking-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}@media (width<=768px){.services-grid,.form-row{grid-template-columns:1fr}}.blog-layout{padding:40px 0 60px}.blog-search{align-items:center;gap:12px;margin-bottom:20px;display:flex}.blog-search svg{color:var(--text-muted)}.blog-search .input-field{flex:1}.blog-cats{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.cat-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.cat-btn.active,.cat-btn:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card-img{height:180px;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card-body .badge{align-self:flex-start;margin-bottom:8px}.blog-card-body h3{margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.4}.blog-card-body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--text-muted);gap:16px;margin-top:12px;font-size:12px;display:flex}.blog-card-meta span{align-items:center;gap:4px;display:flex}@media (width<=768px){.blog-grid{grid-template-columns:1fr}}.cart-page{padding-top:100px;padding-bottom:60px}.cart-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding-top:120px;padding-bottom:60px;display:flex}.cart-layout{grid-template-columns:1fr 360px;gap:32px;display:grid}.cart-items{flex-direction:column;gap:12px;display:flex}.cart-item{align-items:center;gap:20px;padding:20px;display:flex}.cart-item-info{flex:1}.cart-item-info h3{margin-bottom:4px;font-size:16px;font-weight:700}.cart-item-cat,.cart-item-license{color:var(--text-muted);font-size:13px}.cart-item-qty{align-items:center;gap:12px;display:flex}.cart-item-qty button{background:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.cart-item-qty span{text-align:center;min-width:24px;font-weight:700}.cart-item-price{color:var(--accent);text-align:right;min-width:100px;font-size:18px;font-weight:800}.cart-item-price .free{color:var(--green)}.cart-item-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:16px}.cart-item-remove:hover{color:var(--red)}.cart-summary{align-self:flex-start;padding:24px;position:sticky;top:100px}.cart-summary h3{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px;font-size:18px;font-weight:700}.summary-row{color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.summary-row.total{border-top:1px solid var(--border);color:var(--text-primary);margin-top:12px;padding-top:16px;font-size:20px;font-weight:800}@media (width<=768px){.cart-layout{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}}.checkout-page{padding-top:100px;padding-bottom:60px}.checkout-layout{grid-template-columns:1fr 380px;gap:32px;display:grid}.payment-methods{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pm-btn{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .2s;display:flex;position:relative}.pm-btn.active{border-color:var(--accent);background:var(--accent-glow)}.pm-btn span{font-size:13px;font-weight:600}.pm-check{color:var(--accent);font-size:14px;position:absolute;top:8px;right:8px}.checkout-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.checkout-item:last-child{border-bottom:none}.coupon-row{gap:8px;margin-bottom:20px;display:flex}.coupon-row .input-field{flex:1}.checkout-sidebar{align-self:flex-start;position:sticky;top:100px}.checkout-sidebar .summary-row{color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.checkout-sidebar .summary-row.total{border-top:1px solid var(--border);color:var(--text-primary);margin-top:12px;padding-top:16px;font-size:20px;font-weight:800}@media (width<=768px){.checkout-layout,.payment-methods{grid-template-columns:1fr}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:440px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{margin-bottom:8px;font-size:28px;font-weight:800}.auth-header p{color:var(--text-muted);font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form .form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg:first-child{color:var(--text-muted);z-index:1;font-size:14px;position:absolute;left:14px}.input-icon .input-field{width:100%;padding-left:40px}.pw-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;right:12px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--accent);font-weight:600}.dashboard-page{padding-top:100px;padding-bottom:60px}.dash-layout{grid-template-columns:240px 1fr;gap:32px;display:grid}.dash-sidebar{align-self:flex-start;padding:16px;position:sticky;top:100px}.dash-tab{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dash-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash-tab.active{background:var(--accent-glow);color:var(--accent)}.dash-content h2{margin-bottom:20px;font-size:22px;font-weight:700}.dash-content .empty{color:var(--text-muted);font-size:14px}.dash-item{margin-bottom:12px;padding:16px}.dash-item-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dash-item-meta{color:var(--text-muted);font-size:13px}.license-key{color:var(--accent);background:var(--bg-secondary);border-radius:var(--radius-sm);margin:8px 0;padding:8px 12px;font-family:monospace;font-size:14px}.dash-content .form-group{margin-bottom:12px}.dash-content .form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (width<=768px){.dash-layout{grid-template-columns:1fr}.dash-sidebar{gap:4px;display:flex;position:static;overflow-x:auto}.dash-tab{white-space:nowrap}}.adm-page{background:#070b12;min-height:100vh;display:flex}.adm-sidebar{border-right:1px solid var(--border);z-index:100;background:linear-gradient(#0d1220 0%,#0a0e17 100%);flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.adm-sidebar-brand{border-bottom:1px solid var(--border);padding:20px 20px 16px}.adm-logo-link{align-items:center;gap:12px;text-decoration:none;display:flex}.adm-logo-icon{color:var(--accent);filter:drop-shadow(0 0 8px #00d4ff66);font-size:28px}.adm-logo-text{color:var(--text-primary);letter-spacing:-.5px;font-size:18px;font-weight:800}.adm-logo-text span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.adm-logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px;display:block}.adm-readonly-badge{border-radius:var(--radius-sm);color:var(--orange);background:#ff6b351a;border:1px solid #ff6b354d;align-items:center;gap:8px;margin:12px 16px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.adm-nav{flex:1;padding:16px 12px}.adm-nav-label{letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;padding:0 12px;font-size:10px;font-weight:700;display:block}.adm-nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:2px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.adm-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.adm-nav-item.active{background:var(--accent-glow);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.adm-nav-item svg{flex-shrink:0;font-size:16px}.adm-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:12px}.adm-sidebar-user{align-items:center;gap:10px;margin-top:8px;padding:10px 8px;display:flex}.adm-sidebar-uname{color:var(--text-primary);font-size:13px;font-weight:600}.adm-sidebar-urole{color:var(--text-muted);text-transform:capitalize;font-size:11px}.adm-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.adm-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#0d1220cc;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.adm-page-title{color:var(--text-primary);font-size:22px;font-weight:800}.adm-page-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.adm-header-right{color:var(--green);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.adm-live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite adm-pulse}@keyframes adm-pulse{0%,to{opacity:1;box-shadow:0 0 #00ff8880}50%{opacity:.7;box-shadow:0 0 0 6px #0f80}}.adm-body{flex:1;padding:28px 32px}.adm-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.adm-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.adm-stats-primary{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.adm-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:22px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.adm-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.adm-stat-accent:before{background:var(--accent)}.adm-stat-green:before{background:var(--green)}.adm-stat-purple:before{background:var(--purple)}.adm-stat-orange:before{background:var(--orange)}.adm-stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.adm-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.adm-stat-accent .adm-stat-icon{background:var(--accent-glow);color:var(--accent)}.adm-stat-green .adm-stat-icon{background:var(--green-glow);color:var(--green)}.adm-stat-purple .adm-stat-icon{color:var(--purple);background:#a855f726}.adm-stat-orange .adm-stat-icon{color:var(--orange);background:#ff6b3526}.adm-stat-info{flex-direction:column;display:flex}.adm-stat-value{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.1}.adm-stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:500}.adm-stat-sub{color:var(--text-muted);margin-top:6px;font-size:11px}.adm-stats-secondary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.adm-ministat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.adm-ministat:hover{border-color:var(--border-hover)}.adm-ministat-icon{opacity:.9;font-size:18px}.adm-ministat-val{color:var(--text-primary);font-size:16px;font-weight:700}.adm-ministat-lbl{color:var(--text-muted);font-size:11px;display:block}.adm-widgets{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px;display:grid}.adm-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.adm-widget-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.adm-widget-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.adm-widget-header h3 svg{color:var(--accent);font-size:14px}.adm-widget-sub{color:var(--text-muted);font-size:12px}.adm-chart{align-items:flex-end;gap:0;height:220px;padding:24px 20px 12px;display:flex}.adm-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.adm-chart-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;padding:0 8px;display:flex}.adm-chart-bar{background:linear-gradient(180deg, var(--accent) 0%, #00d4ff4d 100%);cursor:pointer;border-radius:4px 4px 0 0;width:100%;max-width:52px;min-height:4px;transition:all .5s;position:relative}.adm-chart-bar:hover{background:linear-gradient(180deg, var(--green) 0%, #00ff884d 100%);box-shadow:0 0 20px #00d4ff4d}.adm-chart-tooltip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--accent);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.adm-chart-bar:hover .adm-chart-tooltip{opacity:1}.adm-chart-label{color:var(--text-muted);margin-top:8px;font-size:11px;font-weight:500}.adm-chart-empty{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.adm-top-products{padding:8px 0}.adm-top-product{align-items:center;gap:14px;padding:12px 20px;transition:background .2s;display:flex}.adm-top-product:hover{background:#ffffff05}.adm-rank{background:var(--accent-glow);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.adm-top-product-name{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.adm-top-product-meta{color:var(--text-muted);align-items:center;gap:10px;margin-top:2px;font-size:12px;display:flex}.adm-top-product-meta svg{font-size:10px}.adm-recent-list{padding:4px 0}.adm-recent-item{border-bottom:1px solid #2a304066;justify-content:space-between;align-items:center;padding:11px 20px;transition:background .2s;display:flex}.adm-recent-item:last-child{border-bottom:none}.adm-recent-item:hover{background:#ffffff05}.adm-recent-left{align-items:center;gap:14px;display:flex}.adm-recent-id{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.adm-recent-user{color:var(--text-secondary);font-size:13px}.adm-recent-right{align-items:center;gap:12px;display:flex}.adm-recent-amount{color:var(--text-primary);font-size:13px;font-weight:700}.adm-activity-list{padding:12px 20px}.adm-activity-item{align-items:flex-start;gap:12px;padding:8px 0;display:flex;position:relative}.adm-activity-item:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:22px;bottom:-8px;left:5px}.adm-activity-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;box-shadow:0 0 6px #00d4ff66}.adm-activity-action{color:var(--text-primary);text-transform:capitalize;font-size:13px;font-weight:500;display:block}.adm-activity-meta{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.adm-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.adm-empty svg{opacity:.4;font-size:32px}.adm-empty p{font-size:14px}.adm-badge{white-space:nowrap;text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.adm-badge svg{font-size:9px}.adm-badge-accent{background:var(--accent-glow);color:var(--accent)}.adm-badge-green{background:var(--green-glow);color:var(--green)}.adm-badge-red{color:var(--red);background:#ef444426}.adm-badge-orange{color:var(--orange);background:#ff6b3526}.adm-badge-yellow{color:var(--yellow);background:#eab30826}.adm-badge-purple{color:var(--purple);background:#a855f726}.adm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.adm-toolbar h2{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.adm-toolbar h2 svg{color:var(--accent);font-size:18px}.adm-count{color:var(--text-muted);background:var(--bg-secondary);border-radius:12px;padding:2px 10px;font-size:14px;font-weight:600}.adm-toolbar-right{align-items:center;gap:10px;display:flex}.adm-search{position:relative}.adm-search-icon{color:var(--text-muted);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.adm-search input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:220px;padding:9px 14px 9px 36px;font-size:13px;transition:border-color .2s}.adm-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.adm-search input::placeholder{color:var(--text-muted)}.adm-filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:9px 14px;font-size:13px;transition:border-color .2s}.adm-filter-select:focus{border-color:var(--accent)}.adm-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.adm-table{border-collapse:collapse;width:100%}.adm-table thead{background:#0003}.adm-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:700}.adm-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #2a304066;padding:14px 18px;font-size:13px}.adm-table tbody tr{transition:background .15s}.adm-table tbody tr:hover{background:#ffffff05}.adm-table tbody tr:last-child td{border-bottom:none}.adm-center{text-align:center}.adm-avatar{background:var(--accent-glow);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.adm-user-cell{align-items:center;gap:12px;display:flex}.adm-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.adm-user-email{color:var(--text-muted);font-size:12px}.adm-product-cell{align-items:center;gap:12px;display:flex}.adm-product-thumb{border-radius:var(--radius-sm);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.adm-product-thumb img{object-fit:cover;width:100%;height:100%}.adm-product-name{color:var(--text-primary);font-size:13px;font-weight:600}.adm-product-ver{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.adm-price{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.adm-free{color:var(--green);background:var(--green-glow);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.adm-rating{color:var(--yellow);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.adm-order-id{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.adm-service-name{color:var(--text-primary);font-weight:600}.adm-plc-info{flex-direction:column;gap:2px;font-size:13px;display:flex}.adm-plc-model{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.adm-tbd{color:var(--text-muted);font-style:italic}.adm-status-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:6px 10px;font-size:12px;transition:border-color .2s}.adm-status-select:focus{border-color:var(--accent)}@media (width<=1200px){.adm-stats-primary,.adm-stats-secondary{grid-template-columns:repeat(2,1fr)}.adm-widgets{grid-template-columns:1fr}}@media (width<=768px){.adm-sidebar{border-right:none;border-top:1px solid var(--border);z-index:200;flex-direction:row;width:100%;height:auto;min-height:auto;position:fixed;top:auto;bottom:0;left:0;overflow-x:auto}.adm-sidebar-brand,.adm-sidebar-footer,.adm-readonly-badge,.adm-nav-label{display:none}.adm-nav{justify-content:space-around;gap:4px;width:100%;padding:8px;display:flex}.adm-nav-item span{display:none}.adm-nav-item{justify-content:center;margin:0;padding:10px 14px}.adm-nav-item svg{font-size:20px}.adm-main{margin-left:0;padding-bottom:60px}.adm-header,.adm-body{padding:16px}.adm-stats-primary,.adm-stats-secondary{grid-template-columns:1fr}.adm-toolbar{flex-direction:column;align-items:stretch}.adm-toolbar-right{flex-direction:column}.adm-search input,.adm-filter-select{width:100%}}.adm-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.adm-btn:disabled{opacity:.5;cursor:not-allowed}.adm-btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:0 2px 10px #00d4ff33}.adm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff4d}.adm-btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.adm-btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.adm-btn-danger{background:var(--red);color:#fff}.adm-btn-danger:hover:not(:disabled){background:#dc2626}.adm-actions{align-items:center;gap:6px;display:flex}.adm-action-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.adm-action-edit{color:var(--accent)}.adm-action-edit:hover{background:var(--accent-glow);border-color:var(--accent)}.adm-action-pw{color:var(--purple)}.adm-action-pw:hover{border-color:var(--purple);background:#a855f726}.adm-action-gd{color:#4fb7ff}.adm-action-gd:hover{background:#009aff29;border-color:#009aff73}.adm-action-nas{color:#5de6a2}.adm-action-nas:hover{background:#00ff8824;border-color:#0f86}.adm-action-delete{color:var(--red)}.adm-action-delete:hover{border-color:var(--red);background:#ef444426}.adm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s adm-fadeIn;display:flex;position:fixed;inset:0}@keyframes adm-fadeIn{0%{opacity:0}to{opacity:1}}.adm-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;animation:.25s adm-slideUp;overflow-y:auto;box-shadow:0 24px 80px #00000080}@keyframes adm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adm-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.adm-modal-header h3{color:var(--text-primary);font-size:16px;font-weight:700}.adm-modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.adm-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.adm-modal-body{padding:24px}.adm-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.adm-form-group{flex-direction:column;gap:6px;display:flex}.adm-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.adm-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.adm-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.adm-input::placeholder{color:var(--text-muted)}.adm-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.adm-confirm{text-align:center}.adm-confirm-icon{color:var(--red);margin-bottom:16px;font-size:40px;animation:.5s adm-shake}@keyframes adm-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.adm-confirm p{color:var(--text-primary);margin-bottom:8px;font-size:14px;line-height:1.5}.adm-confirm-sub{color:var(--text-muted)!important;margin-bottom:20px!important;font-size:13px!important}.adm-confirm .adm-form-actions{justify-content:center}@media (width<=560px){.adm-form-grid{grid-template-columns:1fr}.adm-modal{margin:10px}}.adm-thumb-upload{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.adm-thumb-preview{border-radius:var(--radius-sm);border:2px dashed var(--border);cursor:pointer;background:var(--bg-input);flex-shrink:0;justify-content:center;align-items:center;width:120px;height:90px;transition:border-color .2s;display:flex;overflow:hidden}.adm-thumb-preview:hover{border-color:var(--accent)}.adm-thumb-preview img{object-fit:cover;width:100%;height:100%}.adm-thumb-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.adm-thumb-placeholder svg{color:var(--accent);font-size:24px}.adm-thumb-info{flex-direction:column;gap:4px;display:flex}.adm-thumb-info span:first-child{color:var(--text-primary);font-size:13px;font-weight:600}.adm-thumb-hint{color:var(--text-muted);font-size:11px}.adm-textarea{resize:vertical;min-height:80px;font-family:inherit}.adm-form-full{grid-column:1/-1}.adm-cat-manager{flex-direction:column;gap:16px;display:flex}.adm-cat-add{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:16px;display:flex}.adm-cat-add .adm-input{flex:1}.adm-color-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;flex-shrink:0;width:38px;height:38px;padding:2px}.adm-color-input::-webkit-color-swatch-wrapper{padding:0}.adm-color-input::-webkit-color-swatch{border:none;border-radius:4px}.adm-cat-list{flex-direction:column;gap:4px;max-height:400px;display:flex;overflow-y:auto}.adm-cat-item{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;transition:border-color .2s;display:flex}.adm-cat-item:hover{border-color:#00d4ff33}.adm-cat-info{flex:1;align-items:center;gap:10px;display:flex}.adm-cat-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.adm-cat-name{color:var(--text-primary);font-size:13px;font-weight:600}.adm-cat-count{color:var(--text-muted);font-size:11px}.adm-cat-actions{gap:4px;display:flex}.adm-cat-edit-row{align-items:center;gap:6px;width:100%;display:flex}.adm-cat-edit-row .adm-input{flex:1;padding:6px 10px;font-size:12px}.adm-cat-status{flex:0!important;width:90px!important}.adm-icon-select{flex-shrink:0;align-items:center;gap:4px;display:flex}.adm-icon-current{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.adm-icon-dropdown{width:100px!important;padding:6px 8px!important;font-size:11px!important}.adm-cat-icon{flex-shrink:0;align-items:center;font-size:16px;display:flex}.adm-img-upload-mini{flex-shrink:0}.adm-img-upload-label{cursor:pointer;border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--bg-input);justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .2s;display:flex;overflow:hidden}.adm-img-upload-label:hover{border-color:var(--accent)}.adm-img-thumb-mini{object-fit:cover;border-radius:4px;width:36px;height:36px}.adm-img-placeholder-mini{color:var(--text-muted);flex-direction:column;align-items:center;gap:1px;font-size:8px;line-height:1;display:flex}.adm-img-placeholder-mini svg{font-size:12px}.adm-dl-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adm-dl-count{color:var(--text-secondary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.adm-dl-shortcut{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.adm-dl-shortcut-gd{color:#b6e3ff;background:#009aff24;border-color:#009aff59}.adm-dl-shortcut-gd:hover{color:#d7f0ff;background:#009aff38}.adm-dl-shortcut-nas{color:#b9ffde;background:#00ff881f;border-color:#00ff884d}.adm-dl-shortcut-nas:hover{color:#e2ffef;background:#0f83}.adm-input-with-icon{align-items:center;display:flex;position:relative}.adm-input-with-icon .adm-input-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:12px}.adm-input-with-icon .adm-input{width:100%;padding-left:36px}.adm-tag-select{flex-wrap:wrap;gap:6px;display:flex}.adm-tag-chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.adm-tag-chip:hover{border-color:var(--accent);color:var(--accent)}.adm-tag-chip.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.adm-pagination{justify-content:center;gap:6px;margin-top:20px;padding:16px 0;display:flex}.adm-page-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.adm-page-btn:hover{border-color:var(--accent);color:var(--accent)}.adm-page-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.adm-comments-list{flex-direction:column;gap:12px;display:flex}.adm-comment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.adm-comment-pending{border-left:3px solid var(--yellow)}.adm-comment-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.adm-comment-author{align-items:center;gap:10px;display:flex}.adm-comment-name{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.adm-comment-meta{color:var(--text-muted);font-size:11px;display:block}.adm-comment-actions{align-items:center;gap:8px;display:flex}.adm-comment-body{color:var(--text-secondary);font-size:14px;line-height:1.5}.adm-comment-post{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:6px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.adm-tags-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.adm-tag-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 16px;transition:border-color .2s;display:flex}.adm-tag-card:hover{border-color:var(--accent)}.adm-tag-name{color:var(--text-primary);flex:1;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.adm-tag-name svg{color:var(--accent)}.adm-tag-count{color:var(--text-muted);white-space:nowrap;font-size:11px}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.settings-tab{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.settings-tab:hover{border-color:var(--accent);color:var(--text-primary)}.settings-tab.active{border-color:var(--accent);color:var(--accent);background:#00d4ff1a}.settings-section{flex-direction:column;gap:20px;display:flex}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.settings-card-header{margin-bottom:20px}.settings-card-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 6px;font-size:16px;display:flex}.settings-card-header p{color:var(--text-muted);margin:0;font-size:13px}.settings-actions{justify-content:flex-end;padding-top:4px;display:flex}.payment-methods-list{flex-direction:column;gap:16px;display:flex}.payment-method-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.payment-method-card.pm-active{border-color:#0f86}.payment-method-card.pm-inactive{opacity:.7}.payment-method-card.pm-inactive:hover{opacity:1}.pm-header{align-items:center;gap:14px;padding:16px;display:flex}.pm-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.pm-title{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.pm-name-input{max-width:200px;font-weight:600}.pm-type-select{max-width:180px;font-size:12px}.pm-toggle{flex-shrink:0;align-items:center;gap:8px;display:flex}.pm-toggle-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pm-toggle-btn.on{color:var(--green);background:#00ff8826}.pm-toggle-btn.off{color:var(--text-muted);background:#94a3b81a}.pm-toggle-btn svg{font-size:16px}.pm-details{border-top:1px solid var(--border);padding:16px}.settings-section .adm-table input.adm-input{padding:6px 10px;font-size:13px}@media (width<=640px){.settings-tabs{gap:6px}.settings-tab{padding:8px 14px;font-size:12px}.settings-card{padding:16px}.pm-header{flex-wrap:wrap}.pm-title{width:100%}}