*{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-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-sidebar{display:none}.content{width:100%;margin-left:0;padding:14px}.hq-header .bell-drop{width:min(300px,100vw - 24px);right:12px}.hq-header .uname{display:none}}