:root{--bg: #0b0b0f;--panel: #121219;--text: #e6e6eb;--muted: #a0a0ab;--accent: #7c7cff;--accent-2: #50e3c2;--danger: #ff647c}*{box-sizing:border-box;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.container{max-width:720px;margin:0 auto;padding:24px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nav-right{display:flex;align-items:center;gap:12px}.brand{font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.logo{height:24px;width:auto}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px}.row{display:grid;gap:14px}.row-2{grid-template-columns:1fr 1fr}label{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0e0e15;color:var(--text)}button{height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0b0b0f;font-weight:600;cursor:pointer}button.secondary{background:transparent;color:var(--text);border-color:#ffffff1f}button.logout-btn{background:transparent;color:var(--muted);border-color:#ffffff14;font-size:12px;height:32px;padding:0 12px}button.logout-btn:hover{color:var(--text);border-color:#ffffff1f}.title{font-size:28px;margin:8px 0 2px}.subtitle{color:var(--muted);margin:0 0 18px}.divider{height:1px;background:#ffffff0f;margin:16px 0}.status{font-size:14px;color:var(--muted)}.status.success{color:#6ee7b7}.status.error{color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr auto;gap:10px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}