*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#222}a{color:#2563eb;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1f2937;color:#fff;padding:20px}.sidebar h2{font-size:16px;margin:0 0 20px}.sidebar a{display:block;color:#cbd5e1;padding:8px 0}.sidebar a.active{color:#fff;font-weight:600}.main{flex:1;padding:24px;overflow:auto}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px}button{background:#2563eb;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}button.secondary{background:#6b7280}input,textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:6px;font:inherit}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}.msg{padding:8px 12px;border-radius:8px;margin:4px 0;max-width:70%}.msg.in{background:#fff}.msg.out{background:#dcfce7;margin-left:auto}.muted{color:#6b7280;font-size:12px}.login{max-width:360px;margin:100px auto}.row{display:flex;gap:8px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:6px;margin-right:12px}