:root{--bg:#0b1118;--panel:#121c27;--panel2:#182635;--text:#d6e2f0;--muted:#8ba2bc;--accent:#44d3ff;--danger:#ff5c7b}
*{box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0;background:radial-gradient(circle at top,#111e2f,#070b10);color:var(--text)}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0d1621;border-right:1px solid #1f3147;padding:20px}.sidebar h1{font-size:18px;letter-spacing:1px}
.sidebar button{width:100%;text-align:left;margin:6px 0;padding:10px;background:transparent;border:1px solid #22374d;color:var(--text);border-radius:10px;cursor:pointer}
.main{padding:20px}.main header{display:flex;justify-content:space-between;margin-bottom:16px}.pill{padding:8px 12px;background:#2a3948;border-radius:99px;color:#9fd3ff}
.screen{display:none}.screen.active{display:block}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid #273d56;border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.panel.narrow{max-width:460px;margin:60px auto}
input,select,textarea,button{width:100%;margin:8px 0;padding:11px;border-radius:10px;border:1px solid #2a435d;background:#0b1724;color:var(--text)}
button{background:linear-gradient(180deg,#1b5f7d,#133f5d);border-color:#2f7fb4;font-weight:600;cursor:pointer}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{padding:12px;border:1px solid #2a415c;border-radius:10px;background:#0d1825;cursor:pointer}
.list .item{padding:10px;border:1px solid #2a435d;border-radius:8px;background:#0b1724;margin:8px 0}.error{color:var(--danger)}