:root{--bg:#0b1020;--card:#131a33;--text:#e6f1ff;--muted:#9bb3d3;--accent:#00d1ff;--accent2:#8a2be2;--danger:#ff5c5c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 20% -10%, rgba(0,209,255,.15), transparent),linear-gradient(160deg,#0b1020,#0e1430);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:960px;margin:4rem auto;padding:0 1rem}
.card{background:linear-gradient(180deg,rgba(19,26,51,.9),rgba(19,26,51,.7));border:1px solid rgba(0,209,255,.25);backdrop-filter:blur(8px);padding:1.25rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
label{display:block;margin:.75rem 0 .25rem;color:var(--muted)}
input,select,button{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text)}
button{background:linear-gradient(180deg,var(--accent),#018ab1);border:none;color:#001018;font-weight:700;cursor:pointer;transition:transform .08s ease}
button:hover{transform:translateY(-1px)}
.error{color:#ffd6d6;background:#3a1313;border:1px solid #ff6b6b;padding:.6rem;border-radius:8px;margin:.5rem 0}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:rgba(19,26,51,.9);position:sticky;top:0;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .right{display:flex;gap:1rem;align-items:center}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;padding:1rem}
.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}
.table th,.table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}
.table th{color:var(--muted);text-align:left;background:rgba(255,255,255,.03)}
.btn{display:inline-block;padding:.5rem .8rem;border:1px solid rgba(0,209,255,.3);border-radius:10px}
.chat{height:320px;overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03);margin-bottom:.5rem}
.msg{max-width:80%;padding:.5rem .7rem;margin:.2rem 0;border-radius:10px}
.msg.me{margin-left:auto;background:linear-gradient(180deg,rgba(0,209,255,.3),rgba(0,209,255,.1));border:1px solid rgba(0,209,255,.35)}
.msg.bot{background:linear-gradient(180deg,rgba(138,43,226,.3),rgba(138,43,226,.1));border:1px solid rgba(138,43,226,.35)}
@media(max-width:900px){.grid{grid-template-columns:1fr}}