*{box-sizing:border-box;margin:0;padding:0}:root{--hq-blue:#0a4d8c;--hq-blue-deep:#07366c;--hq-ink:#061525;--hq-accent:#0a4d8c;--hq-accent-2:#2a9d8f;--hq-gold:#c4a35a;--hq-bg:#f0f4f8;--hq-surface:#f7f9fc;--hq-card:#fff;--hq-card-solid:#fff;--hq-border:#0615251f;--hq-border-soft:#06152514;--hq-text:#061525;--hq-text-soft:#1a2e44;--hq-muted:#5b6d82;--hq-sidebar:#061525;--hq-sidebar-2:#0a2a4a;--hq-header:#061525;--hq-ok:#15803d;--hq-warn:#9a6700;--hq-danger:#b42318;--sidebar-width:228px;--header-height:56px;--radius:14px;--shadow:0 1px 2px #0615250a, 0 8px 24px #0615250a}html,body,#root{height:100%;min-height:100%}body{background:var(--hq-bg);color:var(--hq-text);-webkit-font-smoothing:antialiased;font-family:Figtree,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:1.45}button,input,select,textarea{font:inherit}a{color:var(--hq-blue)}.app-layout{background:var(--hq-bg);width:100%;min-height:100vh}.content{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));width:calc(100% - var(--sidebar-width));background:radial-gradient(800px 320px at 100% 0%, #2a9d8f0f, transparent 55%), var(--hq-bg);max-width:none;padding:22px 26px 36px;overflow-x:hidden}.hq-page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.hq-page-title{color:var(--hq-text);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.hq-page-sub{color:var(--hq-muted);max-width:560px;margin:5px 0 0;font-size:.8125rem;font-weight:500;line-height:1.45}.hq-card{background:var(--hq-card-solid);border:1px solid var(--hq-border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.hq-btn{background:var(--hq-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:.8125rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 8px 18px #0615251f}.hq-btn:hover{background:var(--hq-blue)}.hq-btn-ghost{border:1px solid var(--hq-border);color:var(--hq-text-soft);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.hq-btn-ghost:hover{border-color:var(--hq-blue);color:var(--hq-blue);background:#fff}.hq-header{height:var(--header-height);color:#fff;z-index:2000;background:linear-gradient(105deg,#061525 0%,#0a2a4a 55%,#07366c 100%);border-bottom:1px solid #c4a35a38;justify-content:space-between;align-items:center;padding:0 18px 0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 28px #06152547}.hq-header .left{align-items:center;gap:12px;display:flex}.hq-header .right{align-items:center;gap:10px;display:flex}.hq-header .logo-mark{color:#fff;letter-spacing:.06em;background:linear-gradient(145deg,#0a4d8c,#061525);border:1px solid #ffffff2e;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex;box-shadow:0 8px 18px #0003}.hq-header .title{letter-spacing:.04em;font-size:1.02rem;font-weight:800;line-height:1.15}.hq-header .sub{opacity:.72;letter-spacing:.08em;text-transform:uppercase;color:#c4a35a;font-size:.65rem;font-weight:600}.hq-header .bell-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:relative}.hq-header .bell-btn:hover{background:#ffffff29}.hq-header .bell-dot{background:#ef4444;border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-3px;right:-3px}.hq-header .user-pill{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.hq-header .uname{font-size:.75rem;font-weight:650}.hq-header .avatar{color:#fff;background:linear-gradient(145deg,#2a9d8f,#0a4d8c);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.hq-header .dropdown,.hq-header .bell-drop{color:var(--hq-text);border:1px solid var(--hq-border-soft);background:#fff;border-radius:10px;position:absolute;top:56px;box-shadow:0 12px 32px #0000002e}.hq-header .dropdown{width:200px;padding:12px;right:14px}.hq-header .bell-drop{width:300px;padding:10px;right:140px}.hq-header .bell-head{justify-content:space-between;align-items:center;padding:4px 6px 8px;font-size:.8125rem;font-weight:700;display:flex}.hq-header .bell-count{color:var(--hq-danger);font-size:.7rem;font-weight:700}.hq-header .bell-empty{color:var(--hq-muted);padding:10px 6px;font-size:.75rem}.hq-header .bell-item{text-align:left;background:var(--hq-surface);cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:6px;padding:8px;display:block}.hq-header .bell-item:hover{background:#e8eef8}.hq-header .bell-item-top{color:var(--hq-muted);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.hq-header .bell-item-top b{color:var(--hq-text);font-weight:600}.hq-header .bell-item-msg{color:var(--hq-text-soft);margin-top:3px;font-size:.75rem;line-height:1.35}.hq-header .bell-all{background:var(--hq-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:4px;padding:9px;font-size:.75rem;font-weight:650}.hq-header .drop-name{font-size:.8125rem;font-weight:700}.hq-header .drop-email{color:var(--hq-muted);font-size:.7rem}.hq-header .drop-role{color:var(--hq-gold);letter-spacing:.04em;margin-top:6px;font-size:.7rem;font-weight:700}.hq-header .drop-logout{text-align:center;background:var(--hq-danger);color:#fff;cursor:pointer;border-radius:999px;margin-top:10px;padding:9px;font-size:.75rem;font-weight:650}.hq-sidebar{top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));color:#e2e8f0;background:linear-gradient(#061525 0%,#0a2a4a 100%);border-right:1px solid #c4a35a1f;padding:14px 12px 24px;position:fixed;left:0;overflow-y:auto}.hq-sidebar .side-section{color:#c4a35a;text-transform:uppercase;letter-spacing:.1em;margin:16px 0 6px 10px;font-size:.65rem;font-weight:700}.hq-sidebar .side-section:first-of-type{margin-top:4px}.hq-sidebar .side-link{color:#e2e8f0d1;border-radius:11px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:.8125rem;font-weight:550;text-decoration:none;transition:background .15s,color .15s;display:flex}.hq-sidebar .side-link:hover{color:#fff;background:#ffffff14}.hq-sidebar .active-side{font-weight:650;box-shadow:0 8px 18px #0000002e;color:#fff!important;background:linear-gradient(135deg,#0a4d8c,#07366c)!important}.hq-sidebar .socket-top{color:#ffffffe0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:8px;margin:0 4px 8px;padding:9px 12px;font-size:.75rem;font-weight:600;display:flex}.hq-sidebar .socket-dot{background:#2a9d8f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2a9d8f40}.hq-sidebar .nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:16px}.hq-nav-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:none}.hq-nav-toggle:active{background:#fff3}.hq-nav-scrim,.hq-sidebar-mobile-head{display:none}.hq-dash-status{margin-bottom:14px;padding:14px}.hq-dash-status.is-on{background:#f0fdf4;border-color:#bbf7d0}.hq-dash-status.is-off{background:#fffbeb;border-color:#fde68a}.hq-dash-status-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hq-dash-status-main{align-items:center;gap:10px;min-width:0;display:flex}.hq-dash-dot{background:#d97706;border-radius:999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #d977062e}.hq-dash-status.is-on .hq-dash-dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a33}.hq-dash-status-label{letter-spacing:-.02em;color:#b45309;font-size:1.05rem;font-weight:800}.hq-dash-status.is-on .hq-dash-status-label{color:#15803d}.hq-dash-status-hint{color:#64748b;margin-top:1px;font-size:.75rem}.hq-dash-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.hq-dash-meta-row{background:#ffffffb8;border:1px solid #0f172a14;border-radius:10px;min-width:0;padding:8px 10px}.hq-dash-meta-k{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;font-weight:700;display:block}.hq-dash-meta-v{color:#0f172a;word-break:break-word;font-size:.78rem;font-weight:650;display:block}.hq-dash-phones{border-top:1px solid #0f172a0f;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;padding-top:10px;display:flex}.hq-dash-phones-label{color:#64748b;margin-right:2px;font-size:.7rem;font-weight:700}.hq-dash-phones-grid{flex-wrap:wrap;gap:5px;display:flex}.hq-dash-phone-tile{text-align:left;background:#ffffffb8;border:1px solid #0f172a14;border-radius:999px;align-items:baseline;gap:4px;padding:3px 8px;line-height:1.2;display:inline-flex}.hq-dash-phone-tile b{color:#0f172a;letter-spacing:-.02em;font-size:.78rem;font-weight:800;display:inline}.hq-dash-phone-tile b small{color:#64748b;margin-left:1px;font-size:.68rem;font-weight:650}.hq-dash-phone-tile span{color:#64748b;margin-top:0;font-size:.65rem;font-weight:650;display:inline}.hq-dash-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.hq-dash-stat{color:inherit;min-width:0;text-decoration:none;display:block}.hq-dash-stat-label{color:#64748b;font-size:.7rem;font-weight:650}.hq-dash-stat-value{letter-spacing:-.03em;margin-top:4px;font-size:1.5rem;font-weight:800}.hq-dash-stat-hint{color:#5c6b7e;margin-left:6px;font-size:.7rem;font-weight:650}.hq-dash-open{margin-top:4px}.hq-dash-open-title{color:#64748b;margin-bottom:10px;font-size:.8125rem;font-weight:650}.hq-dash-open-links{flex-wrap:wrap;gap:8px;display:flex}.hq-login{background:radial-gradient(900px 500px at 10% -10%,#2a9d8f38,#0000 55%),radial-gradient(700px 420px at 100% 0,#0a4d8c59,#0000 50%),linear-gradient(165deg,#061525 0%,#0a2a4a 48%,#07366c 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.hq-login-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#c4a35a2e,#0000 68%);border-radius:50%;width:min(70vw,480px);height:min(70vw,480px);position:absolute;bottom:-20%;right:-10%}.hq-login-loading{color:#ffffffa6;font-weight:600}.hq-login-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #ffffff8c;border-radius:20px;width:400px;max-width:100%;padding:32px 28px 28px;position:relative;box-shadow:0 28px 60px #00000047}.hq-login-brand{align-items:center;gap:14px;margin-bottom:26px;display:flex}.hq-login-mark{color:#fff;letter-spacing:.06em;background:linear-gradient(145deg,#0a4d8c,#061525);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:800;display:flex;box-shadow:0 10px 24px #06152547}.hq-login-title{letter-spacing:.02em;color:#061525;font-size:1.55rem;font-weight:800;line-height:1.15}.hq-login-sub{color:#5b6d82;margin-top:2px;font-size:.78rem;font-weight:550}.hq-login-label{letter-spacing:.06em;text-transform:uppercase;color:#7a8ba0;margin:0 0 6px;font-size:.72rem;font-weight:700;display:block}.hq-login-input{box-sizing:border-box;color:#061525;background:#f7f9fc;border:1px solid #0615251f;border-radius:12px;outline:none;width:100%;margin-bottom:14px;padding:12px 14px;font-size:.92rem;transition:border-color .15s,background .15s}.hq-login-input:focus{background:#fff;border-color:#0a4d8c}.hq-login-input:disabled{opacity:.65}.hq-login-pass{background:#f7f9fc;border:1px solid #0615251f;border-radius:12px;align-items:center;margin-bottom:14px;transition:border-color .15s,background .15s;display:flex}.hq-login-pass:focus-within{background:#fff;border-color:#0a4d8c}.hq-login-pass input{color:#061525;background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:.92rem}.hq-login-eye{color:#0a4d8c;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:0 14px;font-size:.72rem;font-weight:700}.hq-login-remember{color:#5b6d82;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:14px;font-size:.8125rem;font-weight:550;display:flex}.hq-login-err{color:#b42318;margin:0 0 10px;font-size:.8125rem;font-weight:650}.hq-login-wait{color:#9a6700;margin:0 0 10px;font-size:.8125rem;font-weight:650}.hq-login-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:#061525;border:none;border-radius:999px;width:100%;padding:13px;font-size:.92rem;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 12px 28px #06152538}.hq-login-btn:hover:not(:disabled){background:#0a4d8c;transform:translateY(-1px)}.hq-login-btn:disabled{opacity:.55;cursor:default;transform:none}@media (width<=900px){.hq-nav-toggle{display:inline-flex}.hq-sidebar{z-index:1900;width:min(280px,86vw);box-shadow:none;-webkit-overflow-scrolling:touch;padding-top:10px;transition:transform .22s;display:block;transform:translate(-105%)}.hq-sidebar.is-open{transform:translate(0);box-shadow:12px 0 40px #00000059}.hq-nav-scrim{inset:var(--header-height) 0 0 0;z-index:1800;opacity:0;pointer-events:none;background:#06152573;border:none;transition:opacity .2s;display:block;position:fixed}.hq-nav-scrim.is-on{opacity:1;pointer-events:auto}.hq-sidebar-mobile-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 10px;padding:4px 4px 10px;display:flex}.hq-sidebar-mobile-title{color:#fff;font-size:.95rem;font-weight:800}.hq-sidebar-mobile-sub{color:#c4a35a;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:650}.hq-sidebar-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.content{width:100%;margin-left:0;padding:12px 12px 28px}.hq-header .left{gap:8px;min-width:0}.hq-header .title{font-size:.88rem}.hq-header .sub,.hq-header .logo-mark{display:none}.hq-header .bell-drop{width:min(300px,100vw - 24px);right:12px}.hq-header .uname{display:none}.hq-dash-meta{grid-template-columns:1fr}.hq-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-dash-open-links .hq-btn,.hq-dash-open-links .hq-btn-ghost{text-align:center;flex:calc(50% - 8px);justify-content:center}.hq-page-head{flex-direction:column;align-items:stretch;margin-bottom:12px}.hq-page-head>div:last-child{flex-wrap:wrap;gap:8px;display:flex}}@media (width<=420px){.hq-dash-stat-value{font-size:1.3rem}}