:root{color:#172520;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green-950:#073c34;--green-900:#084c40;--green-800:#0b5c4d;--green-700:#0b6b58;--green-600:#0d8068;--green-100:#dff3ec;--green-50:#eff9f5;--ink:#172520;--muted:#64736e;--line:#dce5e1;--surface:#fff;--danger:#b43c42;--danger-soft:#fff0f0;--warning:#8a5a08;--warning-soft:#fff7df;--info:#245f82;--info-soft:#edf7fc;--shadow:0 16px 42px #19352c14;background:#f3f6f4;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:#f3f6f4;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:-.02em;font-size:24px;line-height:1.25}h2{color:var(--ink);letter-spacing:-.02em;font-size:26px;line-height:1.3}.eyebrow{color:var(--green-700);letter-spacing:.14em;margin-bottom:6px;font-size:11px;font-weight:800}.eyebrow.light{color:#86d4bf}.muted{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.7}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 17px;font-size:14px;font-weight:700;line-height:1;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{border-color:var(--green-700);color:#fff;background:var(--green-700);box-shadow:0 8px 20px #0b6b582e}.button-primary:not(:disabled):hover{border-color:var(--green-800);background:var(--green-800)}.button-secondary{color:var(--green-800);background:#fff;border-color:#cbd8d3}.button-secondary:not(:disabled):hover{background:var(--green-50);border-color:#8eb1a5}.button-danger{color:var(--danger);background:#fff;border-color:#ecc6c8}.button-danger:not(:disabled):hover{background:var(--danger-soft);border-color:#df999d}.button-ghost{color:#586862;background:0 0;border-color:#0000}.button-ghost:not(:disabled):hover{color:var(--green-800);background:#edf3f0}.button-small{border-radius:8px;min-height:34px;padding:0 13px;font-size:13px}.button-block{width:100%;min-height:48px}.button:disabled{opacity:.48}.field{gap:8px;display:grid}.field>span{color:#35443f;font-size:14px;font-weight:700}.field>small{color:#7a8883;font-size:12px}.field input,.search-bar input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cfdad6;border-radius:9px;outline:none;transition:border-color .18s,box-shadow .18s}.field input{padding:0 14px}.field input:focus,.search-bar input:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #0d80681f}.field input::placeholder,.search-bar input::placeholder{color:#a2ada9}.notice{border:1px solid;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:13px;line-height:1.6}.notice-warning{color:var(--warning);background:var(--warning-soft);border-color:#eed79e}.notice-error{color:#9d3439;background:var(--danger-soft);border-color:#ecc8ca}.notice-success{color:#14624f;background:#ecf9f4;border-color:#bfe2d3}.notice-info{color:var(--info);background:var(--info-soft);border-color:#c8dfeb}.login-page{background:var(--surface);grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:radial-gradient(circle at 74% 22%,#4db7975c,#0000 30%),linear-gradient(145deg,#063e35 0%,#075447 48%,#0a6c58 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:54px clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-intro:before,.login-intro:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.login-intro:before{width:560px;height:560px;top:-180px;right:-160px}.login-intro:after{width:520px;height:520px;bottom:-260px;right:10%}.login-brand,.login-copy,.login-feature-list{z-index:1;position:relative}.login-brand{letter-spacing:.17em;align-items:center;gap:13px;font-size:13px;font-weight:800;display:flex}.brand-mark{background:#19a27f;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff38}.brand-mark:before,.brand-mark span,.brand-mark span:before{content:"";background:#fff;border-radius:3px;width:5px;display:block;position:absolute}.brand-mark:before{height:11px;bottom:10px;left:10px}.brand-mark span{height:19px;bottom:10px;left:17px}.brand-mark span:before{height:14px;bottom:0;left:7px}.brand-mark-large{border-radius:13px;width:44px;height:44px}.login-copy{max-width:640px}.login-copy h1{color:#fff;letter-spacing:-.045em;max-width:580px;font-size:clamp(42px,5vw,68px);line-height:1.14}.login-copy>p:last-child{color:#ecfff9b8;max-width:560px;margin-top:24px;font-size:16px;line-height:1.9}.login-feature-list{color:#ecfff9bd;letter-spacing:.04em;flex-wrap:wrap;gap:10px 24px;font-size:12px;display:flex}.login-panel{background:linear-gradient(#fffffff0,#fffffff0),repeating-linear-gradient(90deg,#0000 0 39px,#eaf0ed 40px),repeating-linear-gradient(0deg,#0000 0 39px,#eaf0ed 40px);place-items:center;min-height:100vh;padding:42px;display:grid}.login-card{background:#fffffff5;border:1px solid #e0e8e4;border-radius:18px;gap:22px;width:min(410px,100%);padding:38px;display:grid;box-shadow:0 24px 64px #19352c1f}.login-card h2{font-size:30px}.login-card .notice{margin-bottom:0}.login-hint{color:#7c8984;text-align:center;font-size:12px}.admin-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;color:#fff;background:linear-gradient(#073f36 0%,#06382f 100%);border-right:1px solid #ffffff14;flex-direction:column;width:252px;padding:28px 18px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand strong,.brand small,.nav-item strong,.nav-item small,.sidebar-note strong,.sidebar-note small{display:block}.brand strong{letter-spacing:.05em;font-size:17px}.brand small{color:#e2f6ef94;letter-spacing:.08em;margin-top:3px;font-size:11px}.main-nav{gap:7px;display:grid}.nav-item{color:#ecfcf7b8;border-radius:11px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.router-link-active{color:#fff;background:#26aa8647;box-shadow:inset 3px 0 #48c49f}.nav-icon{background:#ffffff12;border:1px solid #ffffff26;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-flex}.nav-item strong{font-size:14px}.nav-item small{color:#ddf3ec7a;margin-top:4px;font-size:10px}.sidebar-note{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.status-dot{background:#55d7ad;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #55d7ad1a}.sidebar-note strong{font-size:12px}.sidebar-note small{color:#e2f6ef80;margin-top:3px;font-size:10px}.sidebar-backdrop,.mobile-menu-button{display:none}.workspace{grid-column:2;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:space-between;align-items:center;min-height:88px;padding:17px clamp(24px,4vw,52px);display:flex;position:sticky;top:0}.account-area{align-items:center;gap:10px;display:flex}.account-avatar,.row-avatar{color:var(--green-800);background:var(--green-100);border-radius:10px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.account-avatar{width:36px;height:36px;font-size:14px}.account-name{min-width:80px}.account-name strong,.account-name small{display:block}.account-name strong{font-size:13px}.account-name small{color:#84908c;margin-top:2px;font-size:10px}.page-content{width:100%;max-width:1540px;margin:0 auto;padding:34px clamp(24px,4vw,52px) 56px}.content-narrow{max-width:700px}.page-heading{margin-bottom:24px}.split-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.search-bar{align-items:center;gap:8px;min-width:min(440px,100%);display:flex}.search-bar input{min-width:190px;padding:0 13px}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:13px}.password-panel{gap:22px;padding:28px;display:grid}.password-panel .notice{margin-bottom:0}.form-actions{border-top:1px solid #edf1ef;justify-content:flex-end;padding-top:22px;display:flex}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);color:#64736e;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 18px;font-size:13px;display:flex}.table-toolbar strong{color:var(--green-700)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8eeeb;padding:15px 18px}th{color:#6d7c77;letter-spacing:.04em;background:#f8faf9;font-size:11px;font-weight:800}td{color:#3e4d48;font-size:13px}tbody tr{transition:background .16s}tbody tr:hover{background:#f9fcfb}tbody tr:last-child td{border-bottom:0}.primary-cell{align-items:center;gap:11px;display:flex}.primary-cell strong,.primary-cell small,.cell-note{display:block}.primary-cell strong{color:var(--ink);font-size:13px}.primary-cell small,.cell-note{color:#8b9793;margin-top:4px;font-size:10px}.row-avatar{width:34px;height:34px;font-size:13px}.number-cell{text-align:center}.action-cell{text-align:right;white-space:nowrap}.checkbox-cell{text-align:center;width:46px;padding-right:7px}.checkbox-cell input{width:16px;height:16px;accent-color:var(--green-700)}.count-badge,.status-badge{border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.count-badge{min-width:55px;color:var(--green-800);background:var(--green-100);padding:6px 9px}.count-badge.muted{color:#7b8884;background:#eef2f0}.status-badge{gap:6px;padding:5px 9px}.status-badge span{border-radius:50%;width:6px;height:6px}.status-badge.online{color:#14664f;background:#e6f7f0}.status-badge.online span{background:#2eae82;box-shadow:0 0 0 3px #2eae821f}.status-badge.offline{color:#717d79;background:#eef2f0}.status-badge.offline span{background:#98a39f}.user-id-value{color:#243c34;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;overflow:hidden}.device-code,.auth-code{font-family:Cascadia Mono,Consolas,monospace}.device-code{color:#243c34;font-size:12px}.auth-code{color:var(--green-800);letter-spacing:.12em;background:var(--green-50);border:1px solid #c8ddd5;border-radius:6px;padding:5px 8px;font-size:14px;font-weight:800;display:inline-block}.missing-value{color:#9a6b1a;font-size:12px}.empty-cell{color:#84918d;text-align:center;height:150px}.pagination-bar{border-top:1px solid var(--line);color:#75827e;background:#fbfcfc;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 18px;font-size:12px;display:flex}.pagination-actions{align-items:center;gap:10px;display:flex}.page-number{color:#4e5d58;text-align:center;min-width:62px;font-weight:700}.forced-password-notice{margin-bottom:22px}.search-submit-button{word-break:keep-all;overflow-wrap:normal;writing-mode:horizontal-tb;padding-inline:24px;white-space:nowrap!important;flex:0 0 112px!important;width:112px!important;min-width:112px!important}.device-user-table{min-width:980px}.remark-column,.remark-cell{width:260px;min-width:260px}.remark-readonly{justify-content:space-between;align-items:center;gap:10px;display:flex}.remark-text{color:#35443f;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.55;overflow:hidden}.remark-empty{color:#98a39f}.remark-edit-button{min-width:76px;min-height:32px;color:var(--green-800);white-space:nowrap;background:var(--green-50);border:1px solid #b9d7cd;border-radius:7px;flex:none;padding:0 10px;font-size:12px;font-weight:700}.remark-edit-button:hover{color:var(--green-900);background:#e2f5ee;border-color:#83b8a7}.remark-editor{gap:8px;display:grid}.remark-input{width:100%;min-height:36px;color:var(--ink);background:#fff;border:1px solid #bfcfc9;border-radius:8px;outline:none;padding:0 10px}.remark-input:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #0d80681a}.remark-actions{gap:6px;display:flex}.button-danger-solid{color:#fff;background:#b83b42;border-color:#ad3037;box-shadow:0 8px 20px #b83b4233}.button-danger-solid:not(:disabled):hover{background:#9f3036;border-color:#92282e}.confirm-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071c1680;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog-panel{background:#fff;border:1px solid #dce6e2;border-radius:16px;width:min(460px,100%);padding:28px;box-shadow:0 30px 80px #07261e3d}.confirm-dialog-icon{width:46px;height:46px;color:var(--green-800);background:var(--green-100);border-radius:13px;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex}.confirm-dialog-icon-warning{color:#8a5a08;background:#fff1c5}.confirm-dialog-icon-danger{color:#a53238;background:#fde8e9}.confirm-dialog-content{margin-top:20px}.confirm-dialog-content h2{font-size:21px}.confirm-dialog-message{color:#35443f;margin-top:12px;font-size:15px;font-weight:650;line-height:1.65}.confirm-dialog-description{color:#697771;background:#f4f7f5;border-radius:9px;margin-top:10px;padding:11px 13px;font-size:13px;line-height:1.65}.confirm-dialog-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.confirm-dialog-actions .button{min-width:100px}.confirm-dialog-enter-active,.confirm-dialog-leave-active{transition:opacity .18s}.confirm-dialog-enter-active .confirm-dialog-panel,.confirm-dialog-leave-active .confirm-dialog-panel{transition:transform .18s,opacity .18s}.confirm-dialog-enter-from,.confirm-dialog-leave-to{opacity:0}.confirm-dialog-enter-from .confirm-dialog-panel,.confirm-dialog-leave-to .confirm-dialog-panel{opacity:0;transform:translateY(10px)scale(.98)}.device-binding-table{min-width:920px}.count-badge-button{cursor:pointer;border:0;transition:color .18s,background .18s,box-shadow .18s}.count-badge-button:not(:disabled):hover{color:var(--green-900);background:#ccecdf;box-shadow:0 0 0 3px #0d80681a}.count-badge-button:disabled{cursor:default;opacity:1}.detail-drawer-backdrop{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071c166b;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer-panel{background:#f5f8f6;border-left:1px solid #d8e3df;flex-direction:column;width:min(620px,92vw);height:100%;display:flex;box-shadow:-22px 0 64px #07261e33}.detail-drawer-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 24px;display:flex}.detail-drawer-header h2{font-size:24px}.detail-drawer-subtitle{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.65}.detail-drawer-close{color:#5f6f69;background:#fff;border:1px solid #d3dfda;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:inline-flex}.detail-drawer-close:hover{color:var(--green-800);background:var(--green-50)}.detail-drawer-body{flex:1;padding:22px 26px 36px;overflow-y:auto}.detail-drawer-body .notice{margin-bottom:0}.detail-empty{color:#7c8984;background:#ffffffb3;border:1px dashed #cad8d3;border-radius:13px;place-items:center;min-height:220px;font-size:14px;display:grid}.detail-list{gap:12px;display:grid}.detail-list-item{background:#fff;border:1px solid #dce5e1;border-radius:12px;padding:18px;box-shadow:0 8px 24px #19352c0d}.detail-list-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-list-heading strong,.detail-list-heading small{display:block}.detail-list-heading strong{color:var(--ink);font-size:15px}.detail-list-heading small{color:#85928e;margin-top:5px;font-size:11px}.detail-placeholder{color:#98a39f!important}.binding-order{min-height:26px;color:var(--green-800);background:var(--green-100);border-radius:999px;flex:none;align-items:center;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.detail-meta-grid{border-top:1px solid #edf1ef;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:18px 0 0;padding-top:16px;display:grid}.detail-meta-grid>div:first-child:last-child,.detail-meta-grid>div:nth-child(3){grid-column:1/-1}.detail-meta-grid dt{color:#87938f;letter-spacing:.04em;font-size:10px;font-weight:800}.detail-meta-grid dd{overflow-wrap:anywhere;color:#35443f;margin:6px 0 0;font-size:12px;line-height:1.6}.detail-drawer-enter-active,.detail-drawer-leave-active{transition:opacity .2s}.detail-drawer-enter-active .detail-drawer-panel,.detail-drawer-leave-active .detail-drawer-panel{transition:transform .22s}.detail-drawer-enter-from,.detail-drawer-leave-to{opacity:0}.detail-drawer-enter-from .detail-drawer-panel,.detail-drawer-leave-to .detail-drawer-panel{transform:translate(100%)}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-intro{min-height:340px;padding:36px}.login-copy h1{margin-top:28px;font-size:42px}.login-feature-list{margin-top:36px}.login-panel{min-height:auto;padding:42px 24px 64px}.admin-shell{display:block}.sidebar{width:252px;transition:transform .22s;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#0818136b;border:0;display:block;position:fixed;inset:0}.workspace{min-height:100vh}.mobile-menu-button{width:40px;height:40px;color:var(--green-800);background:#fff;border:1px solid #d4dfdb;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.topbar{justify-content:flex-start;gap:14px}.topbar>div:nth-child(2){flex:1}.account-name{display:none}.split-heading{flex-direction:column;align-items:stretch}.search-bar{min-width:0}}@media (width<=640px){h1{font-size:20px}h2{font-size:23px}.login-intro{min-height:300px;padding:28px 24px}.login-copy h1{font-size:34px}.login-copy>p:last-child,.login-feature-list{display:none}.login-panel{padding:30px 16px 48px}.login-card{padding:26px 22px}.topbar{min-height:74px;padding:12px 16px}.topbar .eyebrow,.account-avatar{display:none}.page-content{padding:24px 16px 40px}.search-bar{flex-wrap:wrap;align-items:stretch}.search-bar input{flex:100%}.password-panel{padding:22px 18px}.detail-drawer-panel{width:100%}.detail-drawer-header{padding:22px 18px 18px}.detail-drawer-body{padding:16px 14px 28px}.detail-meta-grid{grid-template-columns:1fr}.detail-meta-grid>div:nth-child(3){grid-column:auto}.table-toolbar,.pagination-bar{flex-direction:column;align-items:stretch}.pagination-actions{justify-content:space-between}}