:root{font-family:'Microsoft YaHei UI','PingFang SC',sans-serif;color:#172033;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#c9161d;color:#fff;font-size:25px;font-weight:800}.brand b{display:block;font-size:20px}.brand small{display:block;color:#667085;margin-top:3px}main{max-width:1480px;margin:0 auto;padding:28px}.card{background:#fff;border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 4px 18px rgba(16,24,40,.05)}.login{width:min(480px,calc(100vw - 36px));margin:7vh auto;padding:36px}.login h1,.toolbar h1{margin:0 0 8px}.login p,.toolbar p{color:#667085;line-height:1.7}.login label{display:block;font-weight:600;margin:18px 0 5px}input,select,textarea{width:100%;border:1px solid #cbd3dd;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #f2b8bb;border-color:#c9161d}button{border:0;border-radius:7px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.primary{background:#c9161d;color:#fff}.ghost{background:#eef2f6;color:#263548}.danger{background:#fff0f0;color:#a31319;border:1px solid #efb6b8}.login button{width:100%;margin-top:22px}.hidden{display:none!important}.status{min-height:22px;margin-top:10px;color:#667085}.error{color:#b42318}.success{color:#067647}.toolbar{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar p{margin:0}.search{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:8px}.workspace{display:grid;grid-template-columns:minmax(660px,1.45fr) minmax(390px,.85fr);gap:18px;margin-top:18px}.list-card{padding:18px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title b{font-size:18px}.section-title span{color:#667085}.table-wrap{overflow:auto;max-height:650px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f4;white-space:nowrap}th{position:sticky;top:0;background:#f8fafc;color:#475467}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#fff5f5}.detail{padding:22px;align-self:start;position:sticky;top:94px;max-height:calc(100vh - 118px);overflow:auto}.empty{padding:80px 20px;text-align:center;color:#98a2b3}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;font-size:14px}.kv span:nth-child(odd){color:#667085}.block{border-top:1px solid #e9edf2;margin-top:20px;padding-top:18px}.block h3{margin:0 0 12px}.form-grid{display:grid;grid-template-columns:1fr 110px;gap:8px}.form-grid textarea{grid-column:1/-1;min-height:72px;resize:vertical}.form-grid button{grid-column:1/-1}.pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#eef4ff;color:#3538cd;font-size:12px}.note,.membership,.device,.agreement,.audit-item{padding:11px 0;border-bottom:1px solid #edf0f4;line-height:1.6}.muted{color:#667085;font-size:13px}.audit-list{max-height:420px;overflow:auto}.audit-item code{font-size:12px;color:#475467}.audit-list{padding:0 18px 18px}#auditPanel{margin-top:18px;padding:18px}@media(max-width:1050px){header{padding:0 18px}main{padding:18px}.toolbar{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr}.detail{position:static;max-height:none}.search{grid-template-columns:1fr auto}.search #auditBtn{grid-column:1/-1}.list-card{min-width:0}}@media(max-width:620px){.search,.form-grid{grid-template-columns:1fr}.search button,.form-grid>*{grid-column:1!important}.login{padding:24px}th,td{padding:10px 8px}}

main{max-width:1680px}#appPanel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}
.sidebar{position:sticky;top:98px;padding:14px 10px;display:flex;flex-direction:column;gap:5px}.nav-title{font-weight:700;padding:12px;color:#667085}
.sidebar a{display:flex;align-items:center;min-height:46px;padding:10px 14px;text-decoration:none;color:#344054;border-radius:7px;font-weight:600}
.sidebar a:hover{background:#f3f5f8}.sidebar a[aria-current="page"]{color:#b31119;background:#fff0f1;box-shadow:inset 3px 0 #c9161d}
.sidebar a:focus-visible{outline:2px solid #c9161d;outline-offset:2px}.page-content,.page-content>section{min-width:0}.page-card{padding:26px}
.page-card h1{font-size:24px;margin:0 0 10px}.page-card p{line-height:1.7}.settings-form{max-width:740px}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr)}
.toolbar{align-items:stretch;flex-direction:column}.search{grid-template-columns:minmax(180px,1fr) auto auto}.detail{position:static;max-height:none}.kv{grid-template-columns:100px minmax(0,1fr)}
.kv>*{overflow-wrap:anywhere}#auditPanel{margin-top:0}.audit-list{max-height:calc(100vh - 240px);padding:0}.audit-item code{white-space:pre-wrap;overflow-wrap:anywhere}
#accountCustomer{max-width:740px}.account-summary{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.account-summary>div{background:#f6f8fb;border:1px solid #e1e7ee;border-radius:8px;padding:14px 20px;min-width:130px}.account-summary b{display:block;font-size:24px;margin-top:5px}
.quota-form{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:12px;max-width:740px;align-items:end}.quota-form label{display:block;margin-bottom:6px}.quota-form .reason{grid-column:1/-1}.quota-form button{min-height:44px}.quota-form textarea{min-height:78px}.bindings-table{margin-top:18px;overflow:auto}.bindings-table th{position:static}.bindings-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.muted,.status{overflow-wrap:anywhere}button:disabled{cursor:wait;opacity:.55}
@media(max-width:1250px){.workspace{grid-template-columns:1fr}.detail{max-height:none}.search{grid-template-columns:minmax(160px,1fr) auto auto}}
@media(max-width:760px){main{padding:12px}#appPanel{grid-template-columns:132px minmax(0,1fr);gap:10px}.sidebar{top:88px;padding:8px 5px}.sidebar a{font-size:13px;padding:10px 8px}.nav-title{padding:8px;font-size:13px}.page-card{padding:16px}.quota-form,.search{grid-template-columns:1fr}.quota-form>*{grid-column:1/-1}.toolbar{padding:16px}.brand b{font-size:16px}.brand small{font-size:11px}.form-grid{grid-template-columns:1fr!important}.form-grid>*{grid-column:1/-1!important}}
.nav-heading{display:flex;align-items:center;gap:4px}.nav-heading .nav-title{padding:8px 0}.nav-heading button{padding:0;width:36px;height:36px;flex-shrink:0;font-size:19px;background:transparent}.sidebar{max-height:calc(100vh - 112px);overflow-y:auto;background:#f8f9fc}.sidebar #navLinks{display:flex;flex-direction:column;gap:5px}.sidebar a{gap:10px}.nav-icon{width:20px;text-align:center;flex-shrink:0;font-size:21px;font-weight:400}.sidebar a:focus-visible,#navToggle:focus-visible{outline:2px solid #c9161d}
#appPanel.nav-collapsed{grid-template-columns:64px minmax(0,1fr)}.nav-collapsed .nav-heading{justify-content:center}.nav-collapsed .nav-title{display:none}.nav-collapsed .sidebar a{justify-content:center;padding:10px 0}.nav-collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.detail{min-width:0;overflow:visible}.detail h2{overflow-wrap:anywhere;font-size:22px}.renewal-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.renewal-form>label{grid-column:auto!important;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475467}.renewal-form input,.renewal-form select{min-width:0;height:40px;padding:8px 10px;font-size:14px}.renewal-form textarea,.renewal-form button,.renewal-form .renew-help{grid-column:1/-1!important;min-width:0}.renewal-form textarea{min-height:60px;font-size:14px}.renew-help{margin:0;line-height:1.6}.audit-tools{display:flex;gap:10px;margin:14px 0}.audit-tools input{min-width:0}.audit-tools button{flex-shrink:0}.audit-item summary{cursor:pointer;color:#667085;font-size:13px}.audit-item details{margin-top:6px}.audit-item{overflow-wrap:anywhere}
@media(max-width:760px){.sidebar a{gap:5px}.nav-heading{flex-wrap:wrap}.sidebar{top:88px}.audit-tools{flex-wrap:wrap}.audit-tools input{flex:1 1 150px}.detail{padding:14px}.renewal-form{gap:8px!important}.renewal-form>label{font-size:12px}.nav-collapsed .nav-heading{flex-wrap:nowrap}}
.workspace{align-items:start}.list-card table{table-layout:fixed}.list-card th,.list-card td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.list-card th:first-child{width:26%}.list-card th:nth-child(2){width:21%}.list-card th:nth-child(3){width:25%}.list-card th:nth-child(4){width:9%}.list-card th:nth-child(5){width:19%}.member-line{padding:5px 0;min-height:64px;box-sizing:border-box}.member-line+.member-line{border-top:1px solid #e6edf5}

/* Compact customer workspace: browse the list, then use the full detail width. */
.workspace{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
.workspace .detail{display:none}.workspace.customer-selected .detail{display:block}.workspace.customer-selected .list-card{display:none}
.detail{padding:16px;scroll-margin-top:88px}.list-card{scroll-margin-top:88px}
.customer-summary{position:relative;padding-right:185px;margin-bottom:12px}
.customer-summary h2{margin:0 0 4px;font-size:21px}.customer-summary>button{position:absolute;right:0;top:0;height:34px;padding:6px 10px;font-size:13px}
.customer-summary .kv{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px}.customer-summary .kv b{font-weight:400}.customer-summary .kv span:nth-child(odd){margin-left:8px}.customer-summary .kv span:first-child{margin-left:0}
.detail-sections{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.detail .block{margin:0;padding:10px 0 0}.detail .block h3{font-size:16px;margin:0 0 8px}
.detail .renewal-form{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.detail .renewal-form>label{gap:4px;font-size:12px}.detail .renewal-form input,.detail .renewal-form select{height:34px;padding:5px 8px;font-size:13px}
.detail .renewal-form textarea{min-height:42px;height:42px;padding:7px 9px;font-size:12px}.detail button{padding:7px 10px;font-size:13px;min-height:34px}
.detail .renew-help{font-size:12px;line-height:1.4}.detail .status{font-size:12px;min-height:0;margin-top:6px}.detail .status:empty{display:none}
.membership-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.detail .membership{padding:8px 10px;border:1px solid #e1e7ee;border-radius:6px;font-size:13px}.detail .membership .muted{font-size:12px}.detail .pill{padding:2px 6px;font-size:11px}
.service-sections{display:grid;gap:10px;min-width:0}.detail .device,.detail .agreement,.detail .note{padding:5px 0;line-height:1.45;font-size:13px}.detail .muted{font-size:12px}
.detail #noteText{height:42px;min-height:42px;padding:7px 9px;font-size:12px}.detail #noteBtn{margin-top:4px}.customer-notes:empty{display:none}
@media(min-width:1100px){main{padding-top:16px;padding-bottom:16px}.toolbar{padding:14px 18px;gap:10px}.toolbar h1{font-size:22px;margin-bottom:4px}.toolbar p{font-size:12px}.toolbar input,.toolbar button{height:36px;padding:6px 10px;font-size:13px}}
@media(max-width:1100px){.detail-sections{grid-template-columns:minmax(0,1fr)}.detail .renewal-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-summary{padding-right:0;padding-top:40px}.customer-summary>button{left:0;right:auto}.membership-overview{grid-template-columns:minmax(0,1fr)}}

.list-card th:first-child{width:22%}.list-card th:nth-child(2){width:16%}.list-card th:nth-child(3){width:20%}.list-card th:nth-child(4){width:13%}.list-card th:nth-child(5){width:13%}.list-card th:nth-child(6){width:16%}
.funding-block{border-top:1px solid #e1e7ee;padding-top:8px;margin-top:10px}.funding-block h3{margin-bottom:4px!important}.funding-block summary,.quota-adjustments summary{cursor:pointer;font-size:13px;color:#344054;margin:6px 0}.quota-reason{overflow-wrap:anywhere}
#detailAccountSettings .account-summary{gap:6px;margin:10px 0}#detailAccountSettings .account-summary>div{padding:7px 10px;min-width:85px;font-size:12px}#detailAccountSettings .account-summary b{font-size:18px;margin-top:2px}
#detailAccountSettings .quota-form{gap:8px;grid-template-columns:minmax(90px,150px) minmax(0,1fr)}#detailAccountSettings .quota-form label{font-size:12px}#detailAccountSettings input{height:34px;padding:6px 8px}#detailAccountSettings textarea{min-height:44px;padding:7px 9px;font-size:12px}#detailAccountSettings .quota-form button{min-height:34px}
#detailAccountSettings h2{font-size:15px;margin-top:10px}#detailAccountSettings .bindings-table{margin-top:8px}#detailAccountSettings th,#detailAccountSettings td{padding:6px;white-space:normal;font-size:12px}#detailAccountSettings table{table-layout:fixed}#detailAccountSettings p{margin:7px 0}

.eagle-admin-status{grid-template-columns:minmax(112px,145px) minmax(0,1fr);gap:8px 12px;margin:8px 0}.eagle-admin-status span:nth-child(even){overflow-wrap:anywhere;color:#344054}
@media(max-width:620px){.eagle-admin-status{grid-template-columns:1fr;gap:2px}.eagle-admin-status span:nth-child(odd){margin-top:8px;font-weight:600}}