*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0d1117;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.shell.svelte-12qhfyh{height:100vh;display:flex;overflow:hidden}.sidebar.svelte-12qhfyh{background:#0f1520;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.sidebar-brand.svelte-12qhfyh{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 16px;display:flex}.brand-icon.svelte-12qhfyh{flex-shrink:0;font-size:24px}.brand-title.svelte-12qhfyh{color:#f1f5f9;font-size:15px;font-weight:700;line-height:1.2}.brand-sub.svelte-12qhfyh{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nav.svelte-12qhfyh{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.nav-link.svelte-12qhfyh{color:#94a3b8;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link.svelte-12qhfyh:hover{color:#e2e8f0;background:#ffffff0d}.nav-link.active.svelte-12qhfyh{color:#a5b4fc;background:#6366f126}.nav-icon.svelte-12qhfyh{flex-shrink:0;font-size:16px}.zalo-widget.svelte-12qhfyh{border-top:1px solid #ffffff0f;padding:8px 8px 0}.zalo-status.svelte-12qhfyh{border:1px solid #0000;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.zalo-status.connected.svelte-12qhfyh{background:#10b9810d;border-color:#10b98126}.zalo-status.disconnected.svelte-12qhfyh{background:#6366f10d;border-color:#6366f126}.zalo-status-row.svelte-12qhfyh{align-items:center;gap:7px;display:flex}.zalo-dot.svelte-12qhfyh{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite svelte-12qhfyh-pulse-green;box-shadow:0 0 6px #10b98199}.disconnected-dot.svelte-12qhfyh{background:#6366f1;animation:2s infinite svelte-12qhfyh-pulse-indigo;box-shadow:0 0 6px #6366f180}@keyframes svelte-12qhfyh-pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes svelte-12qhfyh-pulse-indigo{0%,to{opacity:1}50%{opacity:.4}}.zalo-label.svelte-12qhfyh{color:#cbd5e1;letter-spacing:.01em;font-size:11.5px;font-weight:600}.zalo-expiry.svelte-12qhfyh{color:#64748b;padding-left:14px;font-size:10.5px}.zalo-expiry.warn.svelte-12qhfyh{color:#f59e0b}.zalo-connect-btn.svelte-12qhfyh,.zalo-reauth-btn.svelte-12qhfyh{cursor:pointer;text-align:center;border:none;border-radius:6px;width:100%;padding:6px 8px;font-size:11.5px;font-weight:500;transition:all .2s}.zalo-connect-btn.svelte-12qhfyh{color:#a5b4fc;background:#6366f133}.zalo-connect-btn.svelte-12qhfyh:hover{color:#c7d2fe;background:#6366f159}.zalo-reauth-btn.svelte-12qhfyh{color:#6ee7b7;background:#10b9811a;font-size:10.5px}.zalo-reauth-btn.svelte-12qhfyh:hover{background:#10b98133}.sidebar-footer.svelte-12qhfyh{padding:8px 8px 12px}.logout-btn.svelte-12qhfyh{color:#94a3b8;border-radius:7px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.logout-btn.svelte-12qhfyh:hover{color:#f87171;background:#ef44441a}.main.svelte-12qhfyh{background:#0d1117;flex:1;overflow-y:auto}.mobile-header.svelte-12qhfyh{background:#0f1520;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:12px 16px;display:none}.hamburger-btn.svelte-12qhfyh{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:20px;transition:background .2s;display:flex}.hamburger-btn.svelte-12qhfyh:hover{background:#ffffff1a}.hamburger-icon.svelte-12qhfyh{line-height:1}.mobile-title.svelte-12qhfyh{color:#f1f5f9;flex:1;font-size:16px;font-weight:600}.mobile-overlay.svelte-12qhfyh{z-index:998;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.shell.svelte-12qhfyh{flex-direction:column;height:100vh}.mobile-header.svelte-12qhfyh{display:flex}.mobile-overlay.svelte-12qhfyh{display:block}.sidebar.svelte-12qhfyh{z-index:999;border-bottom:none;border-right:1px solid #ffffff0f;flex-direction:column;width:220px;height:calc(100vh - 56px);transition:transform .3s ease-out;position:fixed;top:56px;left:0;transform:translate(-100%)}.sidebar.mobile-open.svelte-12qhfyh{transform:translate(0)}.sidebar-brand.svelte-12qhfyh{border-bottom:1px solid #ffffff0f;padding:20px 16px}.brand-title.svelte-12qhfyh,.brand-sub.svelte-12qhfyh{display:block}.nav.svelte-12qhfyh{flex-direction:column;gap:2px;padding:12px 8px}.nav-link.svelte-12qhfyh{white-space:normal;padding:9px 10px}.zalo-widget.svelte-12qhfyh{padding:8px 8px 0}.sidebar-footer.svelte-12qhfyh{border-top:1px solid #ffffff0f;padding:8px}.logout-btn.svelte-12qhfyh{white-space:normal;padding:9px 10px}.logout-btn.svelte-12qhfyh span:where(.svelte-12qhfyh){display:inline}.main.svelte-12qhfyh{flex:1;overflow-y:auto}}