:root{--bg: #0f1115;--panel: #171a21;--text: #e9edf2;--muted: #aab3c0;--accent: #76bed2;--accent2: #f6ef9e;--border: #2a2f3a;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 14px;--maxw: 900px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:radial-gradient(1200px 800px at 20% 0%,#1a2433,#0f1115 55%)}.body{min-height:100%;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.5}header,main,footer{width:min(var(--maxw),calc(100% - 2rem));margin:0 auto}header{padding:1.25rem 0 .75rem}header h1{margin:0 0 1rem;letter-spacing:.3px;font-size:clamp(1.4rem,2.4vw,2rem)}nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem .9rem;background:#171a21bf;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}nav a{color:var(--text);text-decoration:none;padding:.35rem .65rem;border-radius:10px;border:1px solid transparent;transition:transform .12s ease,background .12s ease,border-color .12s ease;background:#76bed22e;border-color:#76bed273}nav a:hover{background:#76bed247;border-color:#f6ef9e73;transform:translateY(-1px)}nav a.active{background:#f6ef9e38;border-color:#f6ef9ea6;color:#fff}main{flex:1;margin:1rem auto 1.5rem;padding:1.25rem;background:#171a21bf;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}main h2,main h3{margin-top:.25rem;color:var(--accent)}p{color:var(--text)}p strong{color:var(--accent2)}a{color:var(--accent)}a:hover{color:var(--accent2)}input[type=text],input[type=password]{width:min(420px,100%);padding:.6rem .75rem;border-radius:12px;border:1px solid var(--border);background:#0a0c10bf;color:var(--text)}button{cursor:pointer;border:1px solid rgba(118,190,210,.45);background:#76bed226;color:var(--text);padding:.55rem .85rem;border-radius:12px;font-weight:600;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);background:#76bed247;border-color:#f6ef9e73}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid var(--border)}th,td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid rgba(42,47,58,.8)}th{color:var(--accent2);background:#0a0c1099}tr:hover td{background:#76bed214}footer{padding:0 0 1.5rem;color:var(--muted);font-size:.95rem}footer p{margin:.75rem 0 0;color:var(--muted)}@media(max-width:520px){main{padding:1rem}nav{gap:.35rem}nav a{padding:.3rem .45rem}}main ul{padding-left:1.2rem}main li{margin:.3rem 0;color:var(--muted)}main h3{margin-top:1rem}td{max-width:60vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}