:root{--bg: #0d0b1a;--sidebar-bg: #110f22;--card: #161228;--card2: #1c1733;--border: rgba(110, 70, 200, .25);--border2: rgba(110, 70, 200, .15);--text: #e8e2ff;--muted: #7b6ea8;--muted2: #9b8ec4;--accent: #7c4dff;--accent2: #c044b4;--accent3: #4dc8ff;--green: #2ecc8a;--orange: #ff8c42;--red: #ff4d6d;--grad: linear-gradient(135deg, var(--accent), var(--accent2))}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Manrope,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent3);text-decoration:none}button{background:var(--grad);color:#fff;border:0;border-radius:30px;padding:8px 20px;cursor:pointer;font:inherit;font-weight:600;box-shadow:0 4px 16px #7c4dff59;transition:opacity .15s,transform .1s}button:hover{opacity:.85;transform:scale(1.02)}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button.secondary{background:#7c4dff1f;color:var(--text);border:1px solid var(--border);box-shadow:none}button.danger{background:linear-gradient(45deg,#dc3545,#c82333)}button.green{background:linear-gradient(45deg,#28a745,#20c35e);color:#fff}button.small{padding:4px 12px;font-size:12px}input,select,textarea{background:#0006;color:#fff;border:1px solid var(--border);border-radius:10px;padding:9px 14px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s;width:auto}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c4dff2e}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{width:100%;resize:vertical}.topbar{display:flex;align-items:center;gap:18px;padding:12px 24px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand{font-weight:800;font-size:16px;color:#fff;display:flex;align-items:center;gap:10px}.topbar .brand:before{content:"↻";width:32px;height:32px;flex-shrink:0;background:var(--grad);border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.topbar nav{display:flex;gap:10px;flex:1}.topbar nav a{color:var(--muted2);padding:6px 12px;border-radius:8px;font-weight:500}.topbar nav a:hover{background:#7c4dff1a;color:var(--text)}.topbar nav a.active{color:#fff;border:1px solid rgba(124,77,255,.3);background:linear-gradient(90deg,#7c4dff40,#c044b41a)}.page{padding:32px 40px;max-width:1300px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border2);border-radius:16px;padding:20px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px}th{color:var(--muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border-bottom:1px solid var(--border2)}td{border-bottom:1px solid rgba(255,255,255,.05)}tr.clickable:hover{background:#7c4dff12;cursor:pointer}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#7c4dff33;color:var(--accent);border:1px solid rgba(124,77,255,.3)}.badge.red{color:var(--red);background:#ff4d6d26;border-color:#ff4d6d4d}.badge.green{color:var(--green);background:#2ecc8a26;border-color:#2ecc8a4d}.badge.orange{color:var(--orange);background:#ff8c4226;border-color:#ff8c424d}.badge.blue{color:var(--accent3);background:#4dc8ff26;border-color:#4dc8ff4d}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.tabs button{background:#7c4dff1a;color:var(--muted2);border:1px solid var(--border);border-radius:20px;box-shadow:none}.tabs button.active{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 4px 16px #7c4dff59}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted2)}.small{font-size:12px}.mt{margin-top:14px}.grid2{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}@media (max-width: 900px){.grid2{grid-template-columns:1fr}}h2,h3,h4{color:#fff}h2{font-weight:800}.chat{display:flex;flex-direction:column;height:420px}.chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 4px}.msg{max-width:85%;padding:8px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--border2)}.msg.mine{align-self:flex-end;background:linear-gradient(135deg,#7c4dff59,#c044b433);border-color:#7c4dff66}.msg .who{font-size:11px;color:var(--muted);margin-bottom:2px}.chat-input{display:flex;gap:8px;margin-top:8px}.chat-input textarea{flex:1;min-height:40px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:95vw;background:var(--card);border-left:1px solid var(--border);z-index:21;padding:24px;overflow-y:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:30;display:flex;align-items:center;justify-content:center}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;width:460px;max-width:95vw}.modal h3{margin-top:0}.modal .field{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.modal .field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.bell{position:relative;background:none;border:0;box-shadow:none;font-size:18px;cursor:pointer;padding:4px}.bell:hover{transform:none;opacity:1}.bell .dot{position:absolute;top:0;right:-2px;background:var(--red);color:#fff;border-radius:10px;font-size:10px;padding:0 5px;min-width:15px;text-align:center;font-weight:700}.notif-panel{position:absolute;right:16px;top:52px;width:380px;max-height:480px;overflow-y:auto;background:#161228fc;border:1px solid var(--border);border-radius:14px;z-index:40;box-shadow:0 8px 32px #0009}.notif{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.notif.unread{background:#7c4dff14;border-left:3px solid var(--accent)}.log-item{padding:8px 0;border-bottom:1px solid var(--border2)}.error{color:var(--red);margin:8px 0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}