:root{--primary:#2055df;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#0ea5e9;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--bg-dark:#0f172a;--bg-sidebar:#1e293b;--bg-card:#1e293b;--bg-input:#334155;--bg-hover:#334155;--bg-page:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dark:#1e293b;--border:#334155;--border-light:#475569;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 15px #0000004d;--sidebar-width:260px;--header-height:64px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);line-height:1.6}.app-layout{background:#0f172a;background:var(--bg-page);color:#f1f5f9;color:var(--text-primary)}.app-layout a{color:#818cf8;color:var(--primary-light);text-decoration:none}.app-layout a:hover{color:#2055df;color:var(--primary)}.login-page{background:#0f172a;background:var(--bg-page);color:#f1f5f9;color:var(--text-primary)}.app-layout{display:flex;min-height:100vh}.sidebar{background:#1e293b;background:var(--bg-sidebar);border-right:1px solid #334155;border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);gap:12px;padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#2055df,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;color:#fff;height:36px;justify-content:center;width:36px}.sidebar-logo,.sidebar-title{font-size:16px;font-weight:700}.sidebar-title{color:#f1f5f9;color:var(--text-primary)}.sidebar-subtitle{color:#64748b;color:var(--text-muted);font-size:11px}.sidebar-nav{padding:12px 0}.nav-section{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 20px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 8px;padding:10px 20px;transition:all .15s}.nav-item:hover{background:#334155;background:var(--bg-hover);color:#f1f5f9;color:var(--text-primary)}.nav-item.active{background:#2055df;background:var(--primary);color:#fff}.nav-item .nav-icon{font-size:18px;text-align:center;width:20px}.nav-item .nav-badge{background:#2055df;background:var(--primary);border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.nav-item.active .nav-badge{background:#ffffff40}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh}.main-header{align-items:center;background:#1e293b;background:var(--bg-sidebar);border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;height:64px;height:var(--header-height);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left,.header-right{align-items:center;display:flex;gap:16px}.page-title{font-size:18px;font-weight:600}.header-search{background:#334155;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f1f5f9;color:var(--text-primary);font-size:14px;outline:none;padding:8px 14px;width:280px}.header-search:focus{border-color:#2055df;border-color:var(--primary)}.header-search::placeholder{color:#64748b;color:var(--text-muted)}.user-menu{align-items:center;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:background .15s}.user-menu:hover{background:#334155;background:var(--bg-hover)}.user-avatar{align-items:center;background:linear-gradient(135deg,#2055df,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-size:14px;font-weight:500}.page-content{padding:24px}.card{background:#1e293b;background:var(--bg-card);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.card-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-title{font-size:16px;font-weight:600}.card-subtitle{color:#64748b;color:var(--text-muted);font-size:13px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card{align-items:flex-start;background:#1e293b;background:var(--bg-card);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.stat-icon.purple{background:#2055df26;color:#2055df;color:var(--primary)}.stat-icon.blue{background:#0ea5e926;color:#0ea5e9;color:var(--secondary)}.stat-icon.green{background:#22c55e26;color:#22c55e;color:var(--success)}.stat-icon.orange{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.stat-icon.red{background:#ef444426;color:#ef4444;color:var(--danger)}.stat-icon.cyan{background:#06b6d426;color:#06b6d4;color:var(--info)}.stat-info{flex:1 1}.stat-label{color:#64748b;color:var(--text-muted);font-size:13px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700}.stat-change{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:4px}.stat-change.up{color:#22c55e;color:var(--success)}.stat-change.down{color:#ef4444;color:var(--danger)}.grid-2{grid-gap:20px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.table-container{border:1px solid #334155;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#334155;background:var(--bg-input)}th{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);padding:12px 16px}td{color:#94a3b8;color:var(--text-secondary);font-size:14px}tr:hover td{background:#6366f10d}tr:last-child td{border-bottom:none}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s}.btn-primary{background:#2055df;background:var(--primary);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.btn-secondary{background:#334155;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border);color:#f1f5f9;color:var(--text-primary)}.btn-secondary:hover{background:#334155;background:var(--bg-hover);border-color:#475569;border-color:var(--border-light)}.btn-success{background:#22c55e;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;background:var(--warning);color:#1e293b;color:var(--text-dark)}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{font-size:16px;padding:12px 24px}.btn-icon{padding:8px}.btn-group{display:flex;gap:8px}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:16px}.form-label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#334155;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2055df;border-color:var(--primary)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer}option{background:#334155;background:var(--bg-input);color:#f1f5f9;color:var(--text-primary)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-hint{color:#64748b;color:var(--text-muted)}.form-error,.form-hint{font-size:12px;margin-top:4px}.form-error{color:#ef4444;color:var(--danger)}.form-check{align-items:center;display:flex;gap:8px}.form-check input[type=checkbox]{accent-color:#2055df;accent-color:var(--primary);height:16px;width:16px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px}.badge-primary{background:#2055df26;color:#818cf8;color:var(--primary-light)}.badge-success{background:#22c55e26;color:#22c55e;color:var(--success)}.badge-warning{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.badge-danger{background:#ef444426;color:#ef4444;color:var(--danger)}.badge-info{background:#06b6d426;color:#06b6d4;color:var(--info)}.badge-secondary{background:#94a3b826;color:#94a3b8;color:var(--text-secondary)}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#1e293b;background:var(--bg-sidebar);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);max-height:85vh;max-width:600px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:24px;padding:4px}.modal-close:hover{color:#f1f5f9;color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{border-top:1px solid #334155;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh}.login-card{background:#1e293b;background:var(--bg-sidebar);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000004d;box-shadow:var(--shadow-lg);max-width:420px;padding:40px;width:100%}.login-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.login-logo .sidebar-logo{font-size:20px;height:48px;width:48px}.login-title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;margin-bottom:32px;text-align:center}.login-btn{background:#2055df;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:15px;font-weight:600;padding:12px;transition:background .15s;width:100%}.login-btn:hover{background:#4f46e5;background:var(--primary-dark)}.login-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius);color:#ef4444;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px}.pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.pagination-info{color:#64748b;color:var(--text-muted);font-size:13px}.pagination-buttons{display:flex;gap:6px}.page-btn{background:#334155;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s}.page-btn:hover{background:#334155;background:var(--bg-hover);border-color:#475569;border-color:var(--border-light)}.page-btn.active{background:#2055df;background:var(--primary);border-color:#2055df;border-color:var(--primary);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar{gap:12px;justify-content:space-between;margin-bottom:20px}.toolbar,.toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.toolbar-left{gap:10px}.toolbar-right{align-items:center;display:flex;gap:10px}.filter-select{cursor:pointer}.filter-select,.search-input{background:#334155;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f1f5f9;color:var(--text-primary);font-size:13px;outline:none;padding:8px 12px}.search-input{width:200px}.filter-select:focus,.search-input:focus{border-color:#2055df;border-color:var(--primary)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:#64748b;color:var(--text-muted);font-size:14px;margin-bottom:20px}.loading{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:3px solid #334155;border-top-color:#2055df;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.tabs{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:20px}.tab{border-bottom:2px solid #0000;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.tab:hover{color:#f1f5f9;color:var(--text-primary)}.tab.active{border-bottom-color:#2055df;border-bottom-color:var(--primary);color:#818cf8;color:var(--primary-light)}.chart-container{height:300px;width:100%}.activity-item{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.activity-text{color:#94a3b8;color:var(--text-secondary);font-size:14px}.activity-time{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:2px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.form-row,.form-row-3,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{flex-wrap:wrap}}.toast-custom{background:#1e293b!important;background:var(--bg-sidebar)!important;border:1px solid #334155!important;border:1px solid var(--border)!important;color:#f1f5f9!important;color:var(--text-primary)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#334155;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--border-light)}.pub-body{background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.pub-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.pub-nav-inner{height:68px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.pub-logo,.pub-nav-inner{align-items:center;display:flex}.pub-logo{color:#1e293b;font-size:22px;font-weight:800;gap:10px;text-decoration:none}.pub-logo-img{border-radius:8px;height:38px;object-fit:contain;width:auto}.pub-nav-links{align-items:center;display:flex;gap:32px;list-style:none;margin:0;padding:0}.pub-nav-links a{color:#64748b;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.pub-nav-links a.active,.pub-nav-links a:hover{color:#2055df}.pub-nav-search{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:8px;display:flex;gap:8px;padding:8px 14px;transition:all .2s}.pub-nav-search:focus-within{background:#fff;border-color:#2055df;box-shadow:0 0 0 3px #2055df1a}.pub-nav-search input{background:none;border:none;color:#1e293b;font-size:14px;outline:none;width:200px}.pub-nav-search input::placeholder{color:#94a3b8}.pub-mobile-toggle{background:none;border:none;cursor:pointer;display:none;font-size:24px}.pub-container{margin:0 auto;max-width:1280px;padding:0 24px}.pub-hero{background:linear-gradient(135deg,#0a1a3d,#122b5e 40%,#2055df);color:#fff;overflow:hidden;padding:80px 24px;position:relative;text-align:center}.pub-hero:before{background:radial-gradient(circle,#2055df40 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-20%;top:-50%;width:600px}.pub-hero h1{font-size:48px;font-weight:800;line-height:1.15;margin-bottom:16px;position:relative}.pub-hero h1 span{color:#7aabf5}.pub-hero p{color:#a3c4f7;font-size:20px;margin:0 auto 32px;max-width:600px;position:relative}.pub-hero-search{display:flex;margin:0 auto;max-width:500px;position:relative}.pub-hero-search input{border:none;border-radius:12px 0 0 12px;flex:1 1;font-size:16px;outline:none;padding:16px 20px}.pub-hero-search button{background:#2055df;border:none;border-radius:0 12px 12px 0;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:background .2s}.pub-hero-search button:hover{background:#1845b8}.pub-section{padding:60px 0}.pub-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.pub-section-header h2{color:#1e293b;font-size:28px;font-weight:700}.pub-section-header a{color:#2055df;font-size:15px;font-weight:500;text-decoration:none}.pub-section-header a:hover{text-decoration:underline}.pub-product-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pub-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.pub-product-card:hover{box-shadow:0 10px 40px #00000014;transform:translateY(-4px)}.pub-product-img{background:#f8fafc;height:220px;object-fit:contain;padding:16px;width:100%}.pub-product-img-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;display:flex;font-size:48px;height:220px;justify-content:center;width:100%}.pub-product-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.pub-product-category{color:#2055df;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pub-product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px;overflow:hidden}.pub-product-title a{color:inherit;text-decoration:none}.pub-product-title a:hover{color:#2055df}.pub-product-brand{color:#94a3b8;font-size:13px;margin-bottom:10px}.pub-product-rating{align-items:center;display:flex;font-size:14px;gap:6px;margin-bottom:12px}.pub-stars{color:#f59e0b}.pub-review-count{color:#94a3b8;font-size:13px}.pub-product-price{align-items:baseline;display:flex;gap:8px;margin-bottom:16px;margin-top:auto}.pub-price-current{color:#1e293b;font-size:24px;font-weight:700}.pub-price-original{color:#94a3b8;font-size:16px;text-decoration:line-through}.pub-price-discount{background:#dcfce7;border-radius:4px;color:#16a34a;font-size:13px;font-weight:600;padding:2px 8px}.pub-btn-amazon{background:#f59e0b;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:block;font-size:14px;font-weight:700;padding:12px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.pub-btn-amazon:hover{background:#d97706;color:#fff}.pub-blog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pub-blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s}.pub-blog-card:hover{box-shadow:0 10px 40px #00000014;transform:translateY(-4px)}.pub-blog-img{aspect-ratio:16/9;background:linear-gradient(135deg,#d0e0fa,#c5d8f7);object-fit:contain;object-position:center;width:100%}.pub-blog-body{padding:24px}.pub-blog-meta{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:12px;margin-bottom:12px}.pub-blog-tag{background:#d8e6fa;border-radius:20px;color:#2055df;font-size:12px;font-weight:600;padding:3px 10px}.pub-blog-title{color:#1e293b;font-size:20px;font-weight:700;line-height:1.35;margin-bottom:10px}.pub-blog-title a{color:inherit;text-decoration:none}.pub-blog-title a:hover{color:#2055df}.pub-blog-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:15px;line-height:1.6;overflow:hidden}.pub-cat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pub-cat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;padding:24px 16px;text-align:center;text-decoration:none;transition:all .3s}.pub-cat-card:hover{border-color:#2055df;box-shadow:0 4px 20px #2055df1a;transform:translateY(-2px)}.pub-cat-icon{font-size:36px;margin-bottom:12px}.pub-cat-name{font-size:15px;font-weight:600;margin-bottom:4px}.pub-cat-count{color:#94a3b8;font-size:13px}.pub-signup{background:linear-gradient(135deg,#0a1a3d,#122b5e);border-radius:20px;color:#fff;margin:40px 0;padding:60px 40px;text-align:center}.pub-signup h2{font-size:28px;margin-bottom:12px}.pub-signup p{color:#a3c4f7;font-size:16px;margin-bottom:24px}.pub-signup-form{display:flex;gap:10px;margin:0 auto;max-width:450px}.pub-signup-form input{border:none;border-radius:10px;flex:1 1;font-size:15px;outline:none;padding:14px 18px}.pub-signup-form button{background:#2055df;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:14px 24px;transition:background .2s;white-space:nowrap}.pub-signup-form button:hover{background:#1845b8}.pub-signup-msg{font-size:14px;margin-top:12px}.pub-footer{background:#0f172a;color:#94a3b8;margin-top:60px;padding:60px 0 24px}.pub-footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.pub-footer-brand h3{color:#fff;font-size:20px;margin-bottom:12px}.pub-footer-brand p{font-size:14px;line-height:1.6}.pub-footer h4{color:#e2e8f0;font-size:15px;margin-bottom:16px}.pub-footer-links{list-style:none;margin:0;padding:0}.pub-footer-links li{margin-bottom:10px}.pub-footer-links a{color:#94a3b8;font-size:14px;text-decoration:none}.pub-footer-links a:hover{color:#7aabf5}.pub-footer-bottom{border-top:1px solid #1e293b;display:flex;font-size:13px;justify-content:space-between;padding-top:24px}.pub-ftc-disclosure{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin-bottom:40px;padding:16px 20px}.pub-page-header{background:linear-gradient(135deg,#0a1a3d,#122b5e);color:#fff;padding:50px 24px;text-align:center}.pub-page-header h1{font-size:36px;font-weight:800;margin-bottom:10px}.pub-page-header p{color:#a3c4f7;font-size:18px}.pub-breadcrumb{align-items:center;color:#7aabf5;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:12px}.pub-breadcrumb a{color:#7aabf5;text-decoration:none}.pub-breadcrumb a:hover{color:#fff}.pub-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}.pub-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;outline:none;padding:10px 16px}.pub-filter-select:focus{border-color:#2055df}.pub-product-detail{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;padding:40px 0}.pub-detail-images{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:32px}.pub-detail-images img{max-height:400px;max-width:100%;object-fit:contain}.pub-detail-info h1{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:12px}.pub-detail-brand{color:#64748b;font-size:16px;margin-bottom:16px}.pub-detail-features{list-style:none;padding:0}.pub-detail-features li{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;font-size:15px;gap:10px;padding:8px 0}.pub-detail-features li:before{color:#22c55e;content:"✓";font-weight:700}.pub-pros-cons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.pub-cons,.pub-pros{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.pub-pros h3{color:#16a34a;margin-bottom:12px}.pub-cons h3{color:#dc2626;margin-bottom:12px}.pub-cons ul,.pub-pros ul{margin:0;padding-left:18px}.pub-cons li,.pub-pros li{color:#475569;font-size:14px;padding:4px 0}.pub-blog-detail{margin:0 auto;max-width:800px;padding:40px 0}.pub-blog-detail-header{margin-bottom:32px}.pub-blog-detail-header h1{font-size:36px;font-weight:800;line-height:1.25;margin-bottom:16px}.pub-blog-content{color:#334155;font-size:17px;line-height:1.8}.pub-blog-content h2{color:#1e293b;font-size:24px;margin:32px 0 16px}.pub-blog-content h3{color:#1e293b;font-size:20px;margin:24px 0 12px}.pub-blog-content p{margin-bottom:18px}.pub-blog-content img{border-radius:12px;margin:20px 0;max-width:100%}.pub-blog-content ol,.pub-blog-content ul{margin-bottom:18px;padding-left:24px}.pub-blog-content li{margin-bottom:8px}.pub-blog-content a{color:#2055df}.pub-content-page{margin:0 auto;max-width:800px;padding:40px 0}.pub-content-page h2{font-size:24px;margin:24px 0 12px}.pub-content-page p{color:#475569;font-size:16px;line-height:1.7;margin-bottom:16px}.pub-contact-form{max-width:500px}.pub-contact-form .form-group{margin-bottom:20px}.pub-contact-form label{color:#475569;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.pub-contact-form input,.pub-contact-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:15px;outline:none;padding:12px 16px;width:100%}.pub-contact-form input:focus,.pub-contact-form textarea:focus{border-color:#2055df;box-shadow:0 0 0 3px #2055df1a}.pub-btn{background:#2055df;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background .2s}.pub-btn:hover{background:#1845b8}.pub-loading{display:flex;justify-content:center;padding:80px 0}.pub-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2055df;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.pub-pagination{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px 0}.pub-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:10px 18px;transition:all .2s}.pub-pagination button:hover{border-color:#2055df;color:#2055df}.pub-pagination button:disabled{cursor:not-allowed;opacity:.5}.pub-pagination span{color:#94a3b8;font-size:14px}.pub-empty{color:#94a3b8;padding:60px 20px;text-align:center}.pub-empty-icon{font-size:48px;margin-bottom:16px}.pub-empty h3{color:#475569;margin-bottom:8px}.pub-contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.pub-product-mention{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:16px}.pub-product-mention-info{flex:1 1;min-width:0}.pub-product-mention .pub-btn-amazon{flex-shrink:0;padding:10px 20px;white-space:nowrap;width:auto}.pub-blog-detail-meta{color:#a5b4fc;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:center;margin-top:16px}@media (max-width:768px){.pub-hero{padding:50px 16px}.pub-hero h1{font-size:28px}.pub-hero p{font-size:15px}.pub-nav-links,.pub-nav-search{display:none}.pub-mobile-toggle{display:block}.pub-nav-links.open{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;right:0;top:68px}.pub-product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pub-blog-grid{grid-template-columns:1fr}.pub-footer-grid{grid-template-columns:1fr 1fr}.pub-footer-bottom{flex-direction:column;gap:8px;text-align:center}.pub-product-detail{gap:24px}.pub-product-detail,.pub-pros-cons{grid-template-columns:1fr}.pub-signup{border-radius:12px;padding:40px 20px}.pub-signup h2{font-size:22px}.pub-section-header,.pub-signup-form{flex-direction:column}.pub-section-header{gap:8px;text-align:center}.pub-cat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pub-hero-search{flex-direction:column}.pub-hero-search button,.pub-hero-search input{border-radius:12px}.pub-page-header{padding:30px 16px}.pub-page-header h1{font-size:26px}.pub-page-header p{font-size:15px}.pub-blog-detail-header h1{font-size:26px}.pub-detail-info h1{font-size:22px}.pub-contact-grid{grid-template-columns:1fr}.pub-product-mention{flex-direction:column;text-align:center}.pub-product-mention .pub-btn-amazon{width:100%}.pub-blog-detail-meta{font-size:13px;gap:8px}.pub-container,.pub-nav-inner{padding:0 16px}.pub-breadcrumb{flex-wrap:wrap;font-size:12px}}@media (max-width:480px){.pub-hero h1{font-size:24px}.pub-footer-grid,.pub-product-grid{grid-template-columns:1fr}.pub-footer-grid{gap:24px}.pub-cat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pub-product-price{flex-wrap:wrap}.pub-price-current{font-size:20px}.pub-section-header h2{font-size:22px}}
/*# sourceMappingURL=main.cffa5066.css.map*/