*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0c;--bg-surface:#131317;--bg-elevated:#1a1a20;--bg-hover:#22222a;--border:#252530;--border-light:#2e2e3a;--text:#e8e8ed;--text-muted:#7c7c8a;--text-dim:#52525b;--accent:#ef1400;--accent-glow:#ef140026;--green:#16a34a;--green-glow:#16a34a26;--blue:#3b82f6;--purple:#8b5cf6;--orange:#f59e0b;--radius:10px;--radius-lg:14px;--sidebar-w:240px;--font:"Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{letter-spacing:-.03em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:1rem;padding:0 .75rem 1.5rem;font-size:1.5rem;font-weight:800;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg-hover);color:var(--text)}.sidebar-link.active{background:var(--accent-glow);color:var(--accent)}.sidebar-link svg{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border);padding:1rem .75rem 0}.sidebar-status{align-items:center;gap:.4rem;font-size:.75rem;display:flex}.sidebar-status.online{color:var(--green)}.sidebar-status.online:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.main{margin-left:var(--sidebar-w);flex:1;max-width:1100px;padding:2.5rem 2.5rem 4rem}.admin-section{display:none}.admin-section.active{display:block}.page-header{margin-bottom:2.5rem}.page-header h1{letter-spacing:-.03em;font-size:1.8rem;font-weight:700}.page-sub{color:var(--text-muted);margin-top:.3rem;font-size:.95rem}.section-heading{margin:2.5rem 0 1rem;font-size:1.1rem;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;display:block}.stat-value{letter-spacing:-.03em;font-size:2rem;font-weight:800;display:block}.stat-value.online-dot{color:var(--green);font-size:1.5rem}.stat-change{margin-top:.5rem;font-size:.8rem;display:block}.stat-change.up{color:var(--green)}.stat-change.muted{color:var(--text-dim)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.product-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s}.product-card:hover{border-color:var(--border-light)}.product-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.product-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.product-dot.live{background:var(--green)}.product-dot.soon{background:var(--text-dim)}.product-name{font-size:1.1rem;font-weight:700}.product-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;line-height:1.5}.product-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.product-tag{background:var(--bg-hover);color:var(--text-muted);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.product-link{color:var(--accent);align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.product-link:hover{opacity:.8}.blog-actions{gap:.75rem;margin-bottom:2rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius);align-items:center;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--text-muted)}.blog-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);padding:1.5rem}.blog-repo-info{gap:2rem;margin-top:1rem;font-size:.85rem;display:flex}.blog-repo-info code{background:var(--bg);color:var(--text);border-radius:4px;padding:.15rem .5rem;font-size:.85em}.placeholder-card{background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;padding:3rem 2rem}.placeholder-icon{margin-bottom:1rem;font-size:2.5rem}.placeholder-card h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.placeholder-card p{color:var(--text-muted);max-width:480px;margin:0 auto;line-height:1.6}