:root{--navy: #14181D;--navy-2: #1E242B;--navy-3: #2A313A;--ink: #101828;--ink-2: #344054;--ink-soft: #475467;--muted: #667085;--faint: #98A2B3;--teal: #E8833A;--teal-2: #F0995A;--teal-soft: #FDF0E5;--alert: #C98A12;--alert-soft: #FBF3E0;--danger: #D64545;--danger-soft: #FCECEC;--ok: #12A05C;--ok-soft: #E7F6EE;--warn: #C98A12;--warn-soft: #FBF3E0;--blue: #3E6DD6;--blue-soft: #EDF2FD;--cream: #FDF0E5;--bg: #F5F6F8;--paper: #FFFFFF;--line: #E7E9ED;--line-2: #D9DDE3;--radius: 12px;--radius-sm: 8px;--pill: 999px;--shadow: 0 1px 2px rgba(16,24,40,.05);--font: "Noto Sans TC", "Noto Sans JP", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", -apple-system, "Segoe UI", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, Consolas, "Noto Sans Mono CJK TC", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--teal-2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.login-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#2b2a2a}.login-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1672 / 941;width:max(100vw,calc(100vh * 1672 / 941))}.login-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.login-card{position:absolute;left:66.1%;top:17.6%;width:27.75%;height:66.5%;border-radius:1.4em;background:#f8ecdeed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 44px #3c28142e;border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;padding:2em 3.6em 1.4em;font-size:clamp(8px,.86vw,17px);margin:0;min-height:0}.login-lang{align-self:flex-end;display:flex;align-items:center;gap:.45em;color:#1f2a37;font-size:1.1em;font-weight:500;position:relative;margin-right:-1.2em;flex:none}.login-lang button{background:none;border:0;padding:.3em .2em;display:flex;align-items:center;gap:.4em;color:inherit;font-size:inherit}.login-lang svg{width:1.35em;height:1.35em}.login-lang .caret{width:0;height:0;border-left:.35em solid transparent;border-right:.35em solid transparent;border-top:.45em solid #1F2A37;margin-left:.2em}.login-lang-menu{position:absolute;right:0;top:110%;background:#fff;border:1px solid #E2E6EA;border-radius:.6em;box-shadow:0 1px 2px #1f2a370f,0 4px 14px #1f2a370f;min-width:9em;padding:.3em;z-index:5}.login-lang-menu button{width:100%;justify-content:flex-start;padding:.5em .8em;border-radius:.4em}.login-lang-menu button:hover{background:#e3eeee}.login-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:0}.login-cam{height:4.2em;width:auto;display:block;flex:none;margin-bottom:1.2em}.login-title{margin:0;font-size:2.4em;line-height:1.2;font-weight:700;letter-spacing:.1em;color:#1f4b52;text-align:center;max-width:100%}.login-card[data-lang=ja] .login-title{font-size:2em;letter-spacing:.06em}.login-card[data-lang=en] .login-title{font-size:1.85em;letter-spacing:.01em}.login-sub{margin:.7em 0 0;font-size:1.15em;line-height:1.35;letter-spacing:.15em;color:#a3773f;text-align:center}.login-card[data-lang=ja] .login-sub,.login-card[data-lang=en] .login-sub{letter-spacing:.03em;font-size:1.05em}.login-form{width:100%;margin-top:1.8em;display:flex;flex-direction:column;gap:1.1em;position:relative}.login-field{display:flex;align-items:center;gap:.9em;background:#f8f1ec;border:1.5px solid #E6D9CF;border-radius:.7em;padding:0 1.2em;height:3.6em}.login-field svg{width:1.3em;height:1.3em;color:#5b6875;flex:none}.login-field input{flex:1;background:none;border:0;outline:0;font-size:1.1em;color:#1f2a37;min-width:0}.login-field input::placeholder{color:#6d7a86}.login-field .eye{background:none;border:0;padding:0;color:#5b6875;display:flex}.login-btn{height:3.4em;border:0;border-radius:.6em;background:#1c4550;color:#fff;font-size:1.3em;letter-spacing:.25em;padding-left:.25em;font-weight:500}.login-card[data-lang=en] .login-btn,.login-card[data-lang=ja] .login-btn{letter-spacing:.06em;padding-left:0}.login-btn:hover{background:#245660}.login-btn:disabled{opacity:.7;cursor:wait}.login-row{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:.6em 1em;flex-wrap:wrap;margin-top:1em}.login-forgot{color:#1c4550;font-size:1em;font-weight:500;background:none;border:0;padding:0;white-space:nowrap}.login-remember{display:flex;align-items:center;gap:.4em;font-size:.85em;color:#6e7b87}.login-remember input{accent-color:#1C4550}.login-error{position:absolute;left:0;right:0;top:-2.4em;background:#f9e3df;color:#c8442d;border-radius:.5em;padding:.3em .9em;font-size:.85em;text-align:center}.login-copy{flex:none;text-align:center;color:#6e7b87;font-size:.9em;margin-top:.6em}.login-hint{position:fixed;left:16px;bottom:12px;color:#ffffffbf;font-size:12px;background:#00000059;padding:4px 10px;border-radius:6px}@media (max-width: 860px){.login-stage{width:100%;height:100%;aspect-ratio:auto}.login-card{left:5%;top:5%;width:90%;height:90%;border-radius:18px;font-size:13px;padding:16px 20px 12px}.login-title{font-size:24px;letter-spacing:.06em}.login-card[data-lang=ja] .login-title{font-size:19px}.login-card[data-lang=en] .login-title{font-size:21px}}.shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:64px 1fr;height:100%;background:var(--bg)}.side{grid-row:1 / span 2;background:var(--navy);color:#c6d0d4;display:flex;flex-direction:column;overflow-y:auto;padding:16px 12px 12px}.brand{display:flex;align-items:center;gap:10px;padding:4px 12px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#4aaca0,#1e6f69);color:#fff;box-shadow:inset 0 1px #ffffff47;flex:none}.brand-mark svg{width:17px;height:17px}.brand b{display:block;font-size:16px;line-height:1.2}.brand small{display:block;font-size:12px;color:#8ca0a9;margin-top:3px}.nav-group{padding:26px 0 0}.nav-group:first-of-type{padding-top:14px}.nav-group h6{margin:0 12px 8px;font-size:12px;color:#7f939c;font-weight:600}.nav-group.sys h6{color:#5e7680}.nav-item{height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;color:#b6c4ca;font-size:14.5px;margin:0}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff;font-weight:600}.nav-item .cnt{margin-left:auto;min-width:22px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 7px;font-size:11.5px;color:#fff;background:var(--alert);line-height:20px}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:13px 0 0}.side-foot .health{padding:10px;border-radius:10px;background:#ffffff09;font-size:11px;color:#8ca0a9;display:flex;align-items:center;gap:7px}.side-foot .health i{width:6px;height:6px;border-radius:50%;background:#55ad83;box-shadow:0 0 0 3px #55ad8322}.side-foot .ver{padding:0 12px;font-size:12px;color:#7f939c}.topbar{display:flex;align-items:center;gap:14px;padding:0 24px;background:#ffffffef;border-bottom:1px solid var(--line)}.topbar .spacer{flex:1}.crumb{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:650}.crumb .slash{color:#c2cdca}.top-title{display:none}.lang-select{height:37px;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:8px;padding:0 8px;font-size:13.5px}.scope-select{max-width:220px;font-weight:600;color:var(--teal);border-color:var(--teal)}@media (max-width: 900px){.scope-select{display:inline-block;max-width:130px}}.top-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.top-user .copy b{display:block;font-size:14px;color:var(--ink);line-height:1.2}.top-user .copy small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.avatar{width:34px;height:34px;border-radius:50%;background:#dfece9;color:var(--teal);display:grid;place-items:center;font-size:13.5px;font-weight:700}.icon-button{width:37px;height:37px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-2);display:grid;place-items:center}.icon-button svg{width:15px;height:15px}.main{overflow-y:auto;padding:24px 26px 60px}.pending-bar{display:flex;align-items:center;gap:12px;background:var(--alert-soft);border:1px solid #efd4c2;color:#a95827;padding:8px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.pending-bar b{color:var(--alert)}.btn.menu-btn{display:none}@media (max-width: 860px){.shell{grid-template-columns:1fr;grid-template-rows:56px 1fr}.side{position:fixed;inset:0 auto 0 0;width:250px;z-index:30;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.btn.menu-btn{display:inline-flex}.main{padding:14px}.topbar{padding:0 12px}.top-user .copy{display:none}}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px}.page-head h1{margin:0;font-size:24px;font-weight:700;line-height:1.25}.page-head .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.subtitle{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:14px;margin-top:5px}.subtitle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.subtitle.expanded span{white-space:normal}.subtitle button{background:none;border:0;color:var(--teal);padding:0;font-size:13px;flex:none;font-weight:600}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-h{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:15.5px}.card-h .r{margin-left:auto;display:flex;gap:8px;align-items:center;font-weight:400}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.g2,.g3,.g4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);height:38px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.2}.btn:hover{background:var(--bg)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:#17635d}.btn.alert{background:var(--alert);border-color:var(--alert);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#a03e32}.btn.ghost{border-color:transparent;background:transparent;color:var(--teal)}.btn.sm{height:31px;padding:0 10px;font-size:13px}select.btn{padding-right:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:15px;height:15px}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:6px;font-size:12.5px;font-weight:600;white-space:nowrap}.badge.gray{background:#edf1f0;color:#60727a}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:#8a6412}.badge.alert{background:var(--alert-soft);color:var(--alert)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.teal{background:var(--teal-soft);color:var(--teal)}.badge.yellow{background:var(--warn-soft);color:#8a6412}.badge.orange{background:var(--alert-soft);color:var(--alert)}.badge.red{background:var(--danger-soft);color:var(--danger)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.off{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}table.dt{width:100%;border-collapse:collapse;font-size:14.5px}.dt th{text-align:left;vertical-align:middle;font-weight:600;color:var(--ink-2);font-size:13px;padding:12px 14px;line-height:20px;border-bottom:1px solid var(--line);background:#f7f9f8;white-space:nowrap}.dt td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14.5px}.dt tr:last-child td{border-bottom:0}.dt tr.click:hover td{background:#f0f7f5;cursor:pointer}.dt .num{font-variant-numeric:tabular-nums;text-align:right}.dt .center{text-align:center}.pie{width:160px;height:160px;border-radius:50%;flex:none}.legend{display:flex;flex-direction:column;gap:8px}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}.pwd-hint{font-size:12px;color:var(--muted);margin-top:-6px;margin-bottom:10px}.dt .mono{font-family:var(--mono);font-size:13px}@media (max-width: 860px){.matrix th:first-child{min-width:170px}.matrix td:first-child{max-width:200px}.dt thead{display:none}.dt,.dt tbody,.dt tr,.dt td{display:block;width:100%}.dt tr{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:6px 0;background:#fff}.dt td{display:flex;gap:12px;border:0;padding:6px 12px}.dt td:before{content:attr(data-l);flex:0 0 96px;color:var(--muted);font-size:12px}}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink-soft);margin-bottom:4px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:13.5px;color:var(--ink-soft);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line-2);border-radius:8px;padding:9px 12px;background:#fff;outline:0;min-height:42px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-2);box-shadow:0 0 0 3px #2c91871c}.field .help{font-size:12px;color:var(--muted)}.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{height:40px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-soft);padding:0 14px;font-size:14.5px;font-weight:500;white-space:nowrap;margin-bottom:-1px}.tabs button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.kpi{padding:14px 16px}.kpi .l{font-size:13.5px;color:var(--ink-soft);font-weight:500}.kpi .v{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:6px;line-height:1.1}.kpi .s{font-size:12.5px;color:var(--muted);margin-top:6px}.kpi.alert .v{color:var(--alert)}.kpi.danger .v{color:var(--danger)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a3773;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000040;max-height:92vh;overflow-y:auto}.modal.wide{max-width:760px}.modal-h{padding:16px 20px;border-bottom:1px solid var(--line);font-weight:600;font-size:15px;display:flex;align-items:center}.modal-h.danger{color:var(--danger)}.modal-b{padding:20px}.modal-f{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-wrap{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;box-shadow:var(--shadow);animation:up .2s ease}.toast.err{background:var(--danger)}.toast.ok{background:var(--ok)}@keyframes up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pin-input{display:flex;gap:8px;justify-content:center;margin:14px 0}.pin-input input{width:46px;height:54px;text-align:center;font-size:24px;font-weight:600;border:1.5px solid var(--line-2);border-radius:8px}.pin-input input:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);outline:0}.note{font-size:12px;color:var(--ink-soft);background:var(--bg);border-radius:6px;padding:8px 10px}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sev{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}.sev.yellow{background:var(--warn)}.sev.orange{background:var(--alert)}.sev.red{background:var(--danger)}.sev.gray{background:#c9d1d9}.state-rail{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.slot{border:1px solid var(--line);border-radius:8px;padding:10px 8px;background:#fff;min-height:84px;display:flex;flex-direction:column;gap:4px}.slot.off{background:#f6f8fa;color:var(--muted);border-style:dashed}.slot .n{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.slot .nm{font-weight:600;font-size:13px;line-height:1.25}.slot .cnt{margin-top:auto;font-size:20px;font-weight:700;line-height:1}@media (max-width: 1100px){.state-rail{grid-template-columns:repeat(5,1fr)}}@media (max-width: 600px){.state-rail{grid-template-columns:repeat(2,1fr)}}.matrix{border-collapse:separate;border-spacing:0;width:100%}.matrix th{font-size:13.5px;color:var(--ink-2);padding:12px 8px;text-align:center;border-bottom:2px solid var(--ink);background:#fff;position:sticky;top:0}.matrix th:first-child{text-align:left;min-width:260px}.matrix td{padding:8px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.matrix td:first-child{text-align:left}.matrix tr.off td{background:#fafbfc;color:var(--muted)}.matrix .st-name{font-weight:600;display:flex;align-items:center;gap:8px}.matrix .st-note{font-size:12px;color:var(--ink-soft);margin-top:2px}.matrix .st-note.none{color:var(--muted);font-style:italic}.cell{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.tog{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;transition:transform .08s}.tog:hover{transform:scale(1.04);border-color:var(--teal-2)}.tog.on{background:var(--teal);border-color:var(--teal);color:#fff}.tog.on.push{background:var(--ok);border-color:var(--ok)}.tog.on.bell{background:var(--alert);border-color:var(--alert)}.tog.on.light{background:var(--warn);border-color:var(--warn)}.tog.on.face{background:var(--danger);border-color:var(--danger)}.tog svg{width:20px;height:20px}.tog:disabled{opacity:.35;cursor:not-allowed;transform:none}.cell select{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:2px 4px;max-width:120px;background:#fff}.cell .sub{font-size:11px;color:var(--ink-soft);max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-legend{display:flex;gap:18px;font-size:12px;color:var(--ink-soft);margin:10px 0 0;flex-wrap:wrap}.matrix-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;vertical-align:-2px;margin-right:5px}.matrix-wrap{overflow-x:auto}.floorplan{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:260px;position:relative;overflow:hidden}.floorplan.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px}.floorplan .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.arm-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-weight:700;letter-spacing:.04em;font-size:13px}.arm-pill.ARMED{background:var(--ok-soft);color:var(--ok)}.arm-pill.DISARMED{background:#eef1f4;color:var(--ink-soft)}.arm-pill.MAINTENANCE{background:var(--warn-soft);color:#8a6a10}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.timeline li:last-child{border:0}.timeline .mono{word-break:break-all}.timeline .t{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.snap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.snap-grid img{width:100%;border-radius:6px;border:1px solid var(--line);display:block}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.face-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;font-size:12px}.face-card img{width:100%;display:block;aspect-ratio:1}.face-card .b{padding:8px}.chk{display:flex;align-items:center;gap:8px;font-size:13px}.chk input{width:16px;height:16px;accent-color:var(--teal)}.ver-list li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:13px}.diff{font-family:var(--mono);font-size:12px}.diff .old{color:var(--danger);text-decoration:line-through;margin-right:6px}.diff .new{color:var(--ok)}.weekday-grid{display:grid;grid-template-columns:60px 1fr 1fr 1fr;gap:8px 10px;align-items:center;font-size:13px}.chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:10px}.chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.chart .bar i{width:100%;background:var(--teal);border-radius:4px 4px 0 0;display:block;min-height:2px}.chart .bar i.fa{background:var(--warn)}.split{display:grid;grid-template-columns:1fr 340px;gap:16px}@media (max-width: 1100px){.split{grid-template-columns:1fr}}.sub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 14px;flex-wrap:wrap}.sub-head .subtitle{flex:1;min-width:240px}.sub-head .actions{display:flex;gap:8px;flex-wrap:wrap}.tabs.sub{margin-top:-6px;margin-bottom:14px;border-bottom:0}.tabs.sub button{font-size:13.5px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:6px;margin-bottom:0}.tabs.sub button.active{background:var(--teal-soft);border-color:var(--teal-soft)}.top-title{font-weight:600;color:var(--ink);font-size:14px}.pending-bar a{color:inherit;text-decoration:underline}.quick-root{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px 28px 24px;width:100%;max-width:380px;text-align:center}.quick-card h1{margin:8px 0 4px;font-size:22px}.quick-brand svg{width:18px;height:18px}.quick-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--teal);font-weight:600;font-size:13px;letter-spacing:.08em}.quick-card .pin-input{justify-content:center}.quick-msg{margin-top:12px;padding:8px 12px;border-radius:8px;font-size:14px}.quick-msg.ok{background:var(--ok-soft, #e6f4ea);color:var(--ok, #1e7b3c)}.quick-msg.err{background:var(--danger-soft);color:var(--danger)}.proj-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scroll-snap-type:x proximity}.proj-scroll>.proj-card{flex:0 0 360px;scroll-snap-align:start}@media (max-width: 860px){.proj-scroll>.proj-card{flex-basis:85vw}}.side-bg{display:none}@media (max-width: 860px){.side-bg{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#08151d8c;z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crumb span:first-child,.crumb .slash{display:none}.crumb b{font-size:14px}.lang-select{height:30px;font-size:11px;padding:0 4px}.icon-button{width:30px;height:30px}.page-head{flex-direction:column;gap:10px;margin-bottom:14px}.page-head .actions{margin-left:0;width:100%}.page-head .actions>.btn,.page-head .actions>select{flex:1 1 auto;min-width:0}.page-head h1{font-size:20px}.subtitle span{max-width:78vw}.sub-head{flex-direction:column}.sub-head .actions{width:100%}.main{padding:14px 12px 40px}.grid{gap:10px}.kpi{padding:12px}.kpi .v{font-size:22px}.card-h{padding:10px 12px;font-size:13px;flex-wrap:wrap}.card-h .r{flex-wrap:wrap}.card-b{padding:12px}.split{grid-template-columns:1fr}.tabs{margin-bottom:12px}.frow{grid-template-columns:1fr}.modal-bg{padding:8px;align-items:end}.modal{max-height:94vh;border-radius:16px}.pin-input input{width:40px;height:48px;font-size:20px}.dt td:before{flex-basis:84px}.btn.sm{height:30px}.matrix .cell select{max-width:96px}.state-rail{grid-template-columns:repeat(2,1fr)!important}.row{flex-wrap:wrap}.quick-card{padding:22px 18px 20px}.timeline li{grid-template-columns:1fr}.timeline .t{font-size:11px}}@media (max-width: 700px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}}@media (max-width: 480px){.lang-select,.top-user .copy{display:none}}body{background:var(--bg);font-size:14px}.main{padding:20px 26px 52px}.card{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow)}.card-h{min-height:52px;padding:12px 18px;font-size:14.5px;font-weight:650}.card-b{padding:18px}.btn{border-radius:var(--radius-sm);height:36px;padding:0 14px;border-color:var(--line-2);font-size:13.5px;font-weight:500}.btn:hover{background:#f3f4f7}.btn.primary{background:var(--teal);border-color:var(--teal)}.btn.primary:hover{background:#d97528;border-color:#d97528}.btn.ghost:hover{background:var(--teal-soft)}.btn.sm{height:30px;padding:0 11px;font-size:12.5px}select.btn{border-radius:var(--radius-sm)}input,select,textarea{border-radius:var(--radius-sm)!important}.lang-select,.icon-button{border-radius:var(--radius-sm);border-color:var(--line-2)}.badge{border-radius:6px;font-size:12px;height:22px}.badge.gray{background:#f2f4f7;color:#667085}.badge.blue{background:var(--blue-soft);color:var(--blue)}.dt th{background:#fafbfc;color:var(--muted);font-size:12.5px}.dt td{font-size:13.5px}.dt tr.click:hover td{background:#fafafb}.topbar{background:#fff;border-bottom:1px solid var(--line)}.avatar{background:var(--teal-soft);color:#b4621f}.eyebrow{color:var(--teal)}.page-head h1{font-size:21px;font-weight:650;letter-spacing:-.2px}.side{background:var(--navy);padding:12px 10px}.brand{border-bottom:1px solid var(--navy-3);padding:4px 4px 14px;align-items:center}.brand b{font-size:14.5px}.brand small{color:#79838f;font-size:11px}.brand-mark{background:linear-gradient(145deg,#f0995a,#d9722a);border-radius:8px}.side-collapse{margin-left:auto;width:30px;height:30px;border-radius:7px;border:0;background:none;color:#a9b2bd;display:grid;place-items:center;flex:none}.side-collapse:hover{background:var(--navy-2);color:#fff}.side-collapse svg{width:16px;height:16px}.nav-item{border-radius:var(--radius-sm);color:#a9b2bd;height:34px;padding:0 10px;font-size:13.5px;margin-bottom:1px}.nav-item:hover{background:var(--navy-2);color:#e4e7eb}.nav-item.active{background:var(--teal);color:#fff;font-weight:500}.nav-item .cnt{background:var(--danger)}.nav-group h6{color:#69737f;letter-spacing:1.1px;font-size:10px;font-weight:600}.nav-group.sys h6{color:#69737f}.nav-group{padding:14px 0 0}.side-foot{border-top:1px solid var(--navy-3)}.side-foot .ver{color:#69737f;font-size:11.5px}.shell.collapsed{grid-template-columns:64px 1fr}.side.collapsed{padding:12px 8px;align-items:center}.side.collapsed .brand{flex-direction:column;gap:8px;padding-bottom:12px}.side.collapsed .brand .copy,.side.collapsed .nav-group h6,.side.collapsed .nav-item .lbl,.side.collapsed .side-foot .ver{display:none}.side.collapsed .side-collapse{margin:0}.side.collapsed .nav-item{position:relative;justify-content:center;padding:0;width:40px;margin:0 auto 1px}.side.collapsed .nav-item .cnt{position:absolute;transform:translate(13px,-11px);min-width:17px;height:17px;font-size:10px;padding:0 4px}@media (max-width: 860px){.shell.collapsed{grid-template-columns:1fr}.side-collapse{display:none}}.steps{display:flex;gap:10px}.step{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:relative}.step .n{width:24px;height:24px;border-radius:50%;background:#eaecf0;color:var(--muted);display:grid;place-items:center;font-size:12.5px;font-weight:700;margin-bottom:8px}.step.done{border-color:#bce5cf;background:var(--ok-soft)}.step.done .n{background:var(--ok);color:#fff}.step.now{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.step.now .n{background:var(--teal);color:#fff}.step b{display:block;font-size:14px;margin-bottom:4px}.step .d{color:var(--muted);font-size:12.5px;line-height:1.5}.step .act{margin-top:10px}.login-title{color:#101828}.login-sub{color:var(--teal)}.login-field{background:#fafafb;border-color:#e7e9ed;border-radius:8px}.login-field svg{color:var(--muted)}.login-btn{background:var(--teal);border-radius:8px}.login-btn:hover{background:#d97528}.login-card{background:#fcfaf8f2}.pending-bar{border-radius:var(--radius-sm);border-color:#f0dfc5}.modal{border-radius:var(--radius)!important}.media-link{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:13px}.media-link:hover{border-color:var(--teal);color:var(--teal)}.media-link svg{width:16px;height:16px;flex:none}.media-link .muted{margin-left:auto;font-size:11.5px}