.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:linear-gradient(rgb(7 29 59/.58),rgb(7 29 59/.74)),url(/login-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.login-card{border-radius:var(--radius-lg);padding:38px 34px 30px;width:100%;max-width:420px;position:relative}.login-lang{position:absolute;top:18px;right:18px;color:var(--ink-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-pill);padding:5px 12px;line-height:1.4}.login-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}.login-head h1{font-size:var(--text-2xl);margin:16px 0 4px;color:var(--ink);font-weight:700;letter-spacing:-.01em}.login-head .sub{color:var(--muted);font-size:var(--text-sm);margin:0}.login-card .field input{height:48px;border-radius:var(--radius-field);padding:0 14px;font-size:var(--text-base)}.login-card .btn.block{height:48px;margin-top:4px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:var(--text-sm);font-weight:500;color:var(--ink-2)}.field .gp-select,.field input,.field select{padding:10px 12px;border-radius:var(--radius-field);color:var(--ink-2);font-size:var(--text-base)}.field input::placeholder{color:var(--placeholder)}.hint{font-size:var(--text-xs);color:var(--muted);margin-top:16px;line-height:1.9;border-top:1px solid var(--line);padding-top:13px}.hint code{background:var(--brand-soft);padding:1px 6px;border-radius:5px;color:var(--brand-dark);font-weight:600;font-family:var(--font-num)}.err{background:var(--red-soft);color:var(--red);box-shadow:inset 0 0 0 1px var(--red-line);border-radius:var(--radius-field);padding:9px 12px;font-weight:500;margin-bottom:12px}.btn,.err{font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--radius-pill);color:var(--ink);padding:9px 16px;font-weight:600}.btn.primary{color:#fff}.btn.ok{color:var(--green)}.btn.danger{color:var(--red)}.btn.sm{padding:6px 13px;font-size:var(--text-xs)}.btn.block{display:flex;width:100%;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-field);color:var(--brand)}.iconbtn.danger{color:var(--red)}.iconbtn.ok{color:var(--green)}.topbar{display:flex;align-items:center;gap:8px;height:56px;padding:0 14px 0 8px;color:var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--canvas)}.topbar .hamb{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-2)}.topbar .hamb:hover{background:var(--line-soft)}.topbar .topsearch{flex:1 1;display:flex;justify-content:center;padding:0 12px;min-width:0}.topbar .topsearch .box{position:relative;width:100%;max-width:440px;display:flex;align-items:center}.topbar .topsearch svg{position:absolute;left:14px;color:var(--placeholder);pointer-events:none;z-index:1}.topbar .topsearch input{width:100%;height:38px;border-radius:var(--radius-pill);padding:0 16px 0 40px;font-size:var(--text-sm);color:var(--ink-2)}.topbar .topsearch input::placeholder{color:var(--placeholder)}.topbar .topright{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.topbar .sitechip{font-size:var(--text-xs);color:var(--muted);border-radius:var(--radius-pill);padding:4px 12px;white-space:nowrap}.topbar .userbtn{gap:8px;color:var(--ink-2);background:transparent;border:0;border-radius:var(--radius-pill);padding:2px}.topbar .avatar,.topbar .userbtn{display:inline-flex;align-items:center}.topbar .avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);justify-content:center;font-size:var(--text-sm);font-weight:700;flex:none}.topbar .langbtn{color:var(--ink-2);border-radius:var(--radius-pill);padding:5px 12px;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:1.4}@media (max-width:820px){.topbar .sitechip,.topbar .topsearch{display:none}}@media (max-width:560px){.topbar .gp-lockup .gp-word,.topbar .topright .btnlabel{display:none}.topbar .topright .btn.sm{padding:7px 10px}}.menu-anchor{position:relative;display:inline-flex}.overlay{position:fixed;inset:0;z-index:30}.menu{position:absolute;top:calc(100% + 9px);right:0;z-index:31;border-radius:var(--radius-card);min-width:224px;overflow:hidden;color:var(--ink-2)}.menu .m-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.menu .m-head .avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.menu .m-head b{display:block;font-size:var(--text-sm);color:var(--ink)}.menu .m-head span{font-size:var(--text-xs);color:var(--muted)}.menu .m-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;border:0;padding:11px 14px;font-size:var(--text-sm);color:var(--ink-2)}.menu .m-item:hover{background:var(--brand-soft)}.menu .m-item.danger,.menu .m-item.danger svg{color:var(--red)}.menu .m-lang{display:flex;gap:8px;align-items:center;padding:11px 14px;font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line)}.menu .m-lang b{color:var(--ink);font-weight:700}.notif{min-width:328px}.notif .n-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.notif .n-head b{font-size:var(--text-sm);color:var(--ink)}.notif .n-head button{background:transparent;border:0;color:var(--brand);font-size:var(--text-xs);font-weight:600}.notif .n-list{max-height:340px;overflow-y:auto}.notif .n-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line-soft)}.notif .n-item:last-child{border-bottom:0}.notif .n-item .ndot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.notif .n-item .ndot.info{background:var(--brand)}.notif .n-item .ndot.danger{background:var(--red)}.notif .n-item .ndot.warn{background:var(--orange)}.notif .n-item .ndot.ok{background:var(--green)}.notif .n-item .n-body{flex:1 1}.notif .n-item .n-body b{display:block;font-size:var(--text-xs);color:var(--ink)}.notif .n-item .n-body span{font-size:var(--text-xs);color:var(--muted)}.notif .n-item .n-time{font-size:var(--text-2xs);color:var(--muted);white-space:nowrap}.notif .n-empty{padding:26px;text-align:center;color:var(--muted);font-size:var(--text-xs)}.toggle{width:40px;height:22px;border-radius:var(--radius-pill);background:var(--color-ink-300);position:relative;border:0;transition:background .15s;flex:none}.toggle.on{background:var(--green)}.toggle .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgb(18 24 31/.22)}.toggle.on .knob{left:20px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 56px);transition:grid-template-columns .2s ease}.layout.rail{grid-template-columns:84px 1fr}nav.side{padding:10px 10px 20px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.navitem{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:var(--ink-2);padding:9px 12px;border-radius:var(--radius-card);font-size:var(--text-sm);text-align:left;font-weight:500;white-space:nowrap;position:relative}.navitem svg{flex:none;color:var(--muted)}.navitem .navlabel{overflow:hidden;text-overflow:ellipsis}.navitem .navlabel-short{display:none}.navitem:hover{background:var(--line-soft);color:var(--ink)}.navitem:hover svg{color:var(--ink-2)}.navitem.on{font-weight:600}.navitem.on,.navitem.on svg{color:var(--brand-dark)}.layout.rail .navitem{flex-direction:column;gap:4px;padding:10px 4px}.layout.rail .navitem .navlabel{display:none}.layout.rail .navitem .navlabel-short{display:block;font-size:var(--text-2xs);font-weight:500;line-height:1.15;text-align:center;max-width:100%}@media (max-width:820px){.layout,.layout.rail{grid-template-columns:72px 1fr}.layout .navitem{flex-direction:column;gap:4px;padding:10px 4px}.layout .navitem .navlabel{display:none}.layout .navitem .navlabel-short{display:block;font-size:var(--text-2xs);text-align:center}}main.view{padding:22px 24px;overflow-x:auto}.vh{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.vh h2{margin:0;font-size:var(--text-xl);color:var(--ink);font-weight:700}.vh .vsub{color:var(--muted);font-size:var(--text-xs)}.vh .right{margin-left:auto;display:flex;gap:8px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{border-radius:var(--radius-card);padding:16px 18px}.tile .tv{font-size:var(--text-3xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);line-height:var(--leading-tight)}.tile .tl{font-size:var(--text-xs);color:var(--muted);font-weight:500;margin-top:2px}.tile.alert .tv{color:var(--red)}.tblwrap{border-radius:var(--radius-card);overflow:hidden}.tblscroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.tbl thead th{text-align:left;font-size:var(--text-xs);color:var(--muted);font-weight:600;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:13px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:rgb(255 255 255/.5)}.tbl .primary-cell{color:var(--ink);font-weight:600}.rowbtns{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;font-size:var(--text-2xs);font-weight:600;border-radius:var(--radius-pill);padding:3px 12px;white-space:nowrap}.pill.on{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1px var(--green-line)}.pill.off{background:var(--line-soft);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.pill.warn{background:var(--orange-soft);color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange-line)}.pill.dark{background:var(--pill-dark);color:#fff}.pill.red{background:var(--red-soft);color:var(--red);box-shadow:inset 0 0 0 1px var(--red-line)}.pill.mut{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line)}.idchip,.pill.mut{color:var(--muted)}.idchip{font-family:var(--font-num);font-size:var(--text-xs);font-weight:600}.empty{text-align:center;color:var(--muted);padding:30px 12px;font-size:var(--text-sm)}.formrow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.note{border-radius:var(--radius-card);padding:11px 13px;font-size:var(--text-xs);color:var(--muted);margin-top:14px}.inline-reject{display:flex;gap:7px;margin-top:8px}.inline-reject input{flex:1 1;padding:7px 10px;border-radius:var(--radius-field);color:var(--ink-2);font-size:var(--text-xs)}#toasts{position:fixed;top:66px;right:18px;display:flex;flex-direction:column;gap:9px;z-index:40;max-width:330px}.toast{display:flex;gap:10px;align-items:flex-start;border-left:4px solid var(--brand);border-radius:var(--radius-card);padding:11px 13px;font-size:var(--text-xs);animation:slidein .18s ease}.toast.ok{border-left-color:var(--green)}.toast.danger{border-left-color:var(--red)}.toast.warn{border-left-color:var(--amber)}.toast .ic{flex:none;margin-top:1px;color:var(--brand)}.toast.ok .ic{color:var(--green)}.toast.danger .ic{color:var(--red)}.toast.warn .ic{color:var(--amber)}.toast b{display:block;color:var(--ink)}.toast span{color:var(--muted);font-size:var(--text-xs)}@keyframes slidein{0%{opacity:0;transform:translateX(14px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.card2{border-radius:var(--radius-card);padding:18px;margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.prow{display:grid;grid-template-columns:1.4fr 1fr 1.4fr auto;grid-gap:8px;gap:8px;margin-bottom:8px;align-items:center}@media (max-width:640px){.prow{grid-template-columns:1fr 1fr}}.prow input{padding:8px 10px;border-radius:var(--radius-field);color:var(--ink-2);font-size:var(--text-sm)}.prow .rm{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--red);border-radius:var(--radius-field);padding:7px 9px}.prow .rm:hover{background:var(--red-soft)}.linknote{display:flex;gap:9px;align-items:center;border-radius:var(--radius-card);padding:11px 13px;font-size:var(--text-xs);color:var(--muted);margin-top:14px}.linknote svg{color:var(--brand);flex:none}.modal-bg{position:fixed;inset:0;background:rgb(7 29 59/.58);justify-content:center;z-index:30;padding:20px}.modal,.modal-bg{display:flex;align-items:center}.modal{border-radius:var(--radius-lg);padding:22px;max-width:340px;width:100%;text-align:center;flex-direction:column;gap:8px}.modal canvas{width:170px;height:170px;border-radius:var(--radius-field);background:#fff;padding:8px;box-shadow:inset 0 0 0 1px var(--line)}.modal .token{font-family:var(--font-num);font-size:var(--text-2xs);color:var(--muted);word-break:break-all}.rolechip{gap:6px;color:var(--green);background:var(--green-soft);padding:3px 11px}.navitem .navbadge,.rolechip{display:inline-flex;align-items:center;font-family:var(--font-num);font-size:var(--text-2xs);font-weight:700;border-radius:var(--radius-pill)}.navitem .navbadge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;justify-content:center;background:var(--red);color:#fff;line-height:1}.layout.rail .navitem .navbadge{top:4px;right:16px}@media (max-width:820px){.layout .navitem .navbadge{top:4px;right:10px}}.hostalert{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:13px 16px;margin:0 0 16px;position:relative;overflow:hidden;font-family:inherit;color:var(--ink)}.hostalert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}.hostalert .ha-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--radius-pill);background:var(--orange-soft);color:var(--orange)}.hostalert .ha-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.hostalert .ha-txt b{font-size:var(--text-sm);color:var(--ink);font-weight:700}.hostalert .ha-txt span{font-size:var(--text-xs);color:var(--muted)}.hostalert .ha-go{margin-left:auto;flex:none;font-size:var(--text-xs);font-weight:600;color:var(--brand-dark)}@media (max-width:560px){.hostalert .ha-go{display:none}}.hq-wrap{max-width:1120px}.hq-list{display:grid;grid-gap:12px;gap:12px}.hq-card{padding:16px 18px;margin:0}.hq-topline{gap:8px 12px;flex-wrap:wrap;margin-bottom:10px;font-size:var(--text-xs);color:var(--muted)}.hq-head,.hq-topline{display:flex;align-items:center}.hq-head{gap:12px}.hq-avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.hq-avatar,.hq-name{font-size:var(--text-base)}.hq-name{min-width:0;color:var(--ink);line-height:var(--leading-snug)}.hq-wait{margin-left:auto;display:inline-flex;align-items:center;gap:5px;flex:none;border-radius:var(--radius-pill);padding:4px 11px;font-size:var(--text-xs);font-weight:600;color:var(--orange);background:var(--orange-soft);box-shadow:inset 0 0 0 1px var(--orange-line)}@media (max-width:560px){.hq-wait{margin-left:0}}.hq-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px 18px;gap:12px 18px;margin:15px 0 0}.hq-facts dt{font-size:var(--text-2xs);font-weight:600;color:var(--muted);margin-bottom:3px}.hq-facts dd{margin:0;font-size:var(--text-sm);color:var(--ink-2);line-height:var(--leading-snug)}.hq-people{list-style:none;margin:15px 0 0;padding:13px 0 0;border-top:1px solid var(--line-soft);display:grid;grid-gap:8px;gap:8px}.hq-people li{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hq-people .hp-name{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.hq-people .hp-phone{font-family:var(--font-num);font-size:var(--text-xs);color:var(--muted)}.hq-foot{margin-top:15px;padding-top:13px;border-top:1px solid var(--line-soft)}.hq-act{display:flex;gap:8px;flex-wrap:wrap}.hq-confirm{display:flex;flex-direction:column;gap:10px}.hq-confirm>label{font-size:var(--text-xs);font-weight:600;color:var(--ink-2)}.hq-confirm input{max-width:540px;padding:9px 12px;border-radius:var(--radius-field);color:var(--ink-2);font-size:var(--text-sm)}.hq-confirm input::placeholder{color:var(--placeholder)}.hq-ask{margin:0;font-size:var(--text-sm);color:var(--ink-2)}.hq-why{margin:0;font-size:var(--text-xs);color:var(--muted);line-height:var(--leading-snug)}.chiprow{display:flex;gap:7px;flex-wrap:wrap}.chiprow button{border:0;border-radius:var(--radius-pill);padding:5px 12px;font-size:var(--text-2xs);font-weight:500;color:var(--ink-2)}.chiprow button.on{color:#fff}.hq-empty{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:46px 22px;margin:0}.hq-empty-ic{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green)}.hq-empty b{font-size:var(--text-lg);color:var(--ink)}.hq-empty p{margin:0;max-width:470px;font-size:var(--text-sm);color:var(--muted)}.hq-empty .hq-empty-sub{font-size:var(--text-xs)}#toasts .t-body{flex:1 1;min-width:0}#toasts .t-x{flex:none;border:0;background:transparent;color:var(--muted);padding:2px;border-radius:var(--radius-field);line-height:0}#toasts .t-x:hover{color:var(--ink-2)}@media (max-width:560px){#toasts{left:12px;right:12px;max-width:none}}