:root { color-scheme: dark; }
body { margin:0; font-family: Inter, Arial, sans-serif; background:#0b1020; color:#dce5ff; }
.hidden { display:none !important; }
.page { min-height:100vh; }
.fake404 { display:flex; align-items:center; justify-content:center; position:relative; }
.fake404 p { font-size:1.7rem; }
.fake-div { position:fixed; right:10px; bottom:10px; width:48px; height:48px; border:1px dashed #334; opacity:0.25; }
.login-wrap { max-width:420px; margin:8vh auto; background:#111835; border:1px solid #27345f; border-radius:14px; padding:24px; }
label { display:block; margin-bottom:10px; font-size:0.9rem; }
input, select, textarea, button { width:100%; border-radius:8px; border:1px solid #374976; background:#0f1731; color:#fff; padding:10px; box-sizing:border-box; }
button { cursor:pointer; background:#3859f8; border:none; font-weight:700; }
.layout { display:flex; min-height:100vh; }
.sidebar { width:230px; border-right:1px solid #26335d; padding:16px; background:#0d1330; }
.sidebar button { margin-bottom:10px; }
.main { flex:1; padding:16px; }
.panel { background:#101a3b; border:1px solid #2a3a72; border-radius:12px; padding:12px; }
.row { display:flex; gap:10px; }
.row > * { flex:1; }
.tree-item { padding:6px; border:1px solid transparent; border-radius:6px; cursor:pointer; }
.tree-item:hover,.tree-item.active { border-color:#4d63a8; background:#17244d; }
.chat-box { height:320px; overflow:auto; border:1px solid #2a3a72; border-radius:8px; padding:8px; margin-bottom:8px; }
.msg { margin-bottom:6px; font-size:0.9rem; }
.small { font-size:0.8rem; opacity:0.8; }