@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Space Grotesk",monospace;--bg-primary:#050508;--bg-secondary:#0a0a10;--bg-tertiary:#12121e;--fg-primary:#f4f4f7;--fg-secondary:#a1a1aa;--fg-muted:#71717a;--accent-cyan:#00f5ff;--accent-cyan-rgb:0,245,255;--accent-cyan-dim:#008b99;--accent-green:#10b981;--accent-green-rgb:16,185,129;--accent-red:#ef4444;--accent-red-rgb:239,68,68;--border-color:hsla(0,0%,100%,.05);--border-glow:rgba(0,245,255,.1);--border-glow-hover:rgba(0,245,255,.3);--shadow-glow:0 0 20px rgba(0,245,255,.05);--shadow-glow-hover:0 0 30px rgba(0,245,255,.15)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}body:before{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.02) 1px,transparent 0);background-size:50px 50px;background-position:50%;z-index:-2}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{top:-10%;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,245,255,.05) 0,transparent 70%);z-index:-1;filter:blur(80px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,245,255,.3)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em}.glass-panel{background:rgba(10,10,16,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,245,255,.03),transparent);pointer-events:none;z-index:1}.glass-panel:hover{border-color:var(--border-glow-hover);box-shadow:var(--shadow-glow-hover)}.border-glow-cyan{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(0,245,255,.2)}.text-glow-cyan{color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,245,255,.3)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.badge-live{background:rgba(16,185,129,.1);color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.badge-demo{background:rgba(0,245,255,.1);color:var(--accent-cyan);border:1px solid rgba(0,245,255,.2)}.badge-stale{background:rgba(239,68,68,.1);color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.badge-gray{background:hsla(240,4%,46%,.1);color:var(--fg-secondary);border:1px solid hsla(240,4%,46%,.2)}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;width:100%}@media (min-width:1024px){.dashboard-grid{grid-template-columns:1.8fr 1.2fr}}.search-input{background:rgba(5,5,8,.6);border:1px solid var(--border-color);border-radius:8px;color:var(--fg-primary);padding:10px 14px 10px 40px;font-size:.875rem;outline:none;width:100%;font-family:var(--font-sans);transition:all .2s}.search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(0,245,255,.1)}.filter-btn{background:rgba(18,18,30,.6);border:1px solid var(--border-color);color:var(--fg-secondary);border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.filter-btn:hover{border-color:hsla(0,0%,100%,.1);color:var(--fg-primary)}.filter-btn.active{background:rgba(0,245,255,.08);border-color:var(--accent-cyan);color:var(--accent-cyan)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,#181828 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite;border-radius:4px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-anim{animation:spin 1s linear infinite}