*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-glass:#111111d9;--border-glass:#1f1f1f;--color-true:#0f6;--color-false:#1a1a2e;--color-true-glow:0 0 20px #00ff664d, 0 0 60px #00ff6614;--color-accent:#7b61ff;--color-accent-glow:0 0 15px #7b61ff4d;--color-danger:#f46;--color-danger-glow:0 0 12px #ff44664d;--color-text:#fff;--color-text-dim:#6b7280;--color-gate-bg:#0d0d0d;--color-gate-border:#1f1f1f;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans:"Inter", "SF Pro", system-ui, sans-serif;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--green:#22c55e;--green-bg:#22c55e1a;--red:#ef4444;--red-bg:#ef44441a;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--radius:8px;--radius-sm:6px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.top-bar{z-index:200;border-bottom:1px solid var(--border-glass);background:var(--bg-primary);justify-content:space-between;align-items:center;height:44px;padding:0 1.5rem;display:flex;position:sticky;top:0;left:0;right:0}.app-title{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text);opacity:.5;transition:opacity .3s var(--ease-expo);font-size:.65rem;font-weight:700}.app-title:hover{opacity:1;color:var(--color-true)}.top-actions{align-items:center;gap:.2rem;display:flex}.icon-btn{width:28px;height:28px;color:var(--color-text-dim);opacity:.4;transition:all .3s var(--ease-expo);border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{opacity:1;color:var(--color-true);background:#00ff660f}.icon-btn svg{width:16px;height:16px}.action-btn{font-family:var(--font-sans);letter-spacing:.06em;color:var(--color-text-dim);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease-expo);white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.55rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.action-btn:hover{color:var(--color-true);box-shadow:var(--color-true-glow);border-color:#00f0ff33}.action-btn:active{transform:scale(.97)}.action-btn.primary{color:var(--color-true);background:#00ff660a;border-color:#00ff6640}.action-btn.primary:hover{border-color:var(--color-true);box-shadow:var(--color-true-glow);background:#00ff6614}.action-btn.success{color:var(--green);background:#00ff660a;border-color:#00ff6640}.action-btn.success:hover{border-color:var(--green);background:#00ff6614;box-shadow:0 0 15px #00ff664d}.action-btn.danger:hover{color:var(--color-danger);box-shadow:var(--color-danger-glow);border-color:#f463}.action-btn.secondary{border-color:var(--color-gate-border);color:var(--color-text-dim)}.action-btn.secondary:hover{border-color:var(--color-text-dim);color:var(--color-text)}.action-btn.sm{padding:.3rem .65rem;font-size:.52rem}.action-btn.lg{padding:.55rem 1.2rem;font-size:.68rem}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem}footer{text-align:center;color:var(--color-text-dim);border-top:1px solid var(--border-glass);padding:1rem 1.5rem;font-size:.6rem}footer .footer-name{color:var(--color-text);font-weight:600}footer .footer-links{letter-spacing:.1em;text-transform:uppercase;justify-content:center;gap:.8rem;margin-top:.2rem;font-size:.5rem;display:flex}footer a{color:var(--color-text-dim);transition:color .3s var(--ease-expo)}footer a:hover{color:var(--color-true)}footer svg{vertical-align:middle;width:14px;height:14px}.glass-card{transition:border-color .3s var(--ease-expo);background:#161616;border:1px solid #262626;border-radius:10px;padding:1.5rem}.glass-card:hover{border-color:#00ff664d}.glass-card h3{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);margin-bottom:.4rem;font-size:.65rem;font-weight:600}.badge{letter-spacing:.04em;border:1px solid #0000;border-radius:20px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.52rem;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:var(--green-bg);border-color:#22c55e4d}.badge-red{color:var(--red);background:var(--red-bg);border-color:#ef44444d}.badge-yellow{color:var(--yellow);background:var(--yellow-bg);border-color:#f59e0b4d}.badge-cyan{color:var(--color-true);background:#00ff660f;border-color:#0f63}input,select,textarea{font-family:var(--font-mono);border:1px solid var(--color-gate-border);background:var(--color-gate-bg);color:var(--color-text);transition:border-color .25s var(--ease-expo);border-radius:8px;outline:none;padding:.4rem .65rem;font-size:.72rem}input:focus,select:focus{border-color:var(--color-true);box-shadow:0 0 10px #00f0ff1a}select option{background:var(--bg-secondary);color:var(--color-text)}table{border-collapse:collapse;width:100%;font-size:.72rem}th{text-align:left;color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:600}td,th{padding:.25rem .45rem}tr{border-bottom:1px solid var(--border-glass)}.page-title{text-align:center;margin-bottom:1.5rem}.page-title h1{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.page-title h1 .highlight{color:var(--color-true)}.page-title p{color:var(--color-text-dim);max-width:440px;margin:0 auto;font-size:.68rem}.btn-group{flex-wrap:wrap;gap:.4rem;display:flex}.mt-1{margin-top:.8rem}.mt-2{margin-top:1.5rem}.mb-1{margin-bottom:.8rem}.mb-2{margin-bottom:1.5rem}.text-center{text-align:center}.text-secondary{color:var(--color-text-dim)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-cyan{color:var(--color-true)}.fade-in{animation:fadeIn .4s var(--ease-expo)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--color-gate-border);border-top-color:var(--color-true);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.tab-bar{border-bottom:1px solid var(--border-glass);gap:0;margin-bottom:1.2rem;display:flex}.tab-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;transition:all .3s var(--ease-expo);font-size:.6rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.06em;cursor:pointer;transition:all .3s var(--ease-expo);background:0 0;border:none;border-bottom:1.5px solid #0000;margin-bottom:-1px;padding:.6rem 1rem;font-size:.58rem;font-weight:600;position:relative}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-true);border-bottom-color:var(--color-true)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.card-link{cursor:pointer;display:block}.card-link .glass-card{cursor:pointer;transition:all .3s var(--ease-expo)}.card-link:hover .glass-card{border-color:#00ff664d;transform:translateY(-2px);box-shadow:0 0 25px #00ff661f}.card-icon{background:#00ff660a;border:1px solid #00ff661f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.4rem;display:flex}.card-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.2}.card-desc{color:var(--color-text-dim);font-size:.7rem;line-height:1.6}.card-badges{flex-wrap:wrap;gap:.3rem;margin-top:1rem;display:flex}@media (width<=600px){html{font-size:16px}main{padding:1rem}.top-bar{padding:0 1rem}.card-grid{grid-template-columns:1fr}.icon-btn span{display:none}}