:root{font-family:Inter,system-ui,Arial,sans-serif;color:#18202a;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#101827;color:#fff;padding:24px}.brand{font-size:20px;font-weight:800;margin-bottom:28px}nav a{display:block;color:#d8e0ec;text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0}nav a:hover{background:#1f2b3e;color:#fff}main{min-height:100vh;padding:28px}.with-sidebar{margin-left:235px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}.card{background:#fff;border-radius:15px;box-shadow:0 7px 25px rgba(15,23,42,.06);padding:20px;margin-bottom:18px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}button,.btn{border:0;border-radius:9px;background:#2563eb;color:#fff;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:650}.btn.secondary{background:#e7edf5;color:#243247}.btn.danger{background:#dc2626}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd8e3;border-radius:9px;background:#fff}label{display:block;font-weight:650;margin:12px 0 6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat{font-size:28px;font-weight:800}.muted{color:#718096;font-size:14px}.thread{display:grid;grid-template-columns:16px 180px 1fr 155px;gap:12px;align-items:center;border-top:1px solid #edf1f5;padding:14px 6px;text-decoration:none;color:inherit}.thread:hover{background:#f8fafc}.dot{width:10px;height:10px;border-radius:50%;background:#3b82f6}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#e8eef7;font-size:12px}.message{border-left:3px solid #d9e3f0;padding:15px;margin:15px 0;background:#fff}.message.out{border-color:#2563eb;background:#f6f9ff}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px}.flash.success{background:#dcfce7}.flash.error{background:#fee2e2}.login{max-width:430px;margin:8vh auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){aside{position:static;width:auto}.with-sidebar{margin-left:0}.thread{grid-template-columns:12px 1fr}.thread .hide-mobile{display:none}.split{grid-template-columns:1fr}}