:root{--primary:#2457c5;--link:#064bff;--background:#f4f4f4;--surface:#fff;--text:#1f2329;--border:#d9d9d9;--muted:#68758a;--sidebar:240px;--header:48px}*{box-sizing:border-box}html,body{margin:0;min-width:1080px;min-height:100%;font:14px/1.57143 Arial,"Microsoft YaHei",sans-serif;color:var(--text);background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:5;left:0;right:0;top:0;height:48px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 19px;background:var(--surface)}.brand{display:flex;align-items:center;gap:11px;color:#0053f0;font-size:14px;font-weight:600;white-space:nowrap}.brand img{width:18px;height:22px;object-fit:contain}.top-tools{display:flex;align-items:center;gap:20px}.icon-button{border:0;box-shadow:none;background:transparent;padding:0;width:20px;height:28px;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:16px;height:16px}.user-button{border:1px solid var(--border);border-radius:3px;height:32px;padding:0 8px;display:flex;align-items:center;gap:6px;background:var(--surface);font-size:14px}.user-button .chevron{width:10px;height:10px;color:#595959}.sidebar{position:fixed;left:0;top:48px;bottom:0;width:var(--sidebar);border-right:1px solid var(--border);background:var(--surface);z-index:4;transition:width .15s}.navigation{height:calc(100% - 39px);overflow-y:auto;scrollbar-width:thin}.nav-root,.nav-group,.nav-child{border:0;outline:none;background:transparent;display:flex;align-items:center;width:100%;position:relative;text-align:left;white-space:nowrap}.nav-root{height:40px;padding:0 16px;gap:8px}.nav-root>svg{width:14px;height:14px}.arrow{position:absolute;right:16px;width:12px;height:12px;stroke-width:2}.up{transform:rotate(180deg)}.blue{color:var(--link)}.subnav{background:var(--background)}.nav-group{height:36px;padding-left:32px}.nav-group.tall{height:40px}.nav-child{height:34px;padding-left:48px}.nav-child.policy{height:36px}.nav-child.selected{height:32px;background:#edf2ff;color:var(--link)}.nav-child.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2457dc}.nav-root:hover,.nav-group:hover,.nav-child:hover{background:#eaf0fc}.collapse-button{position:absolute;bottom:0;left:0;width:100%;height:39px;border:0;border-top:1px solid #ddd;background:var(--surface);display:flex;align-items:center;justify-content:flex-end;padding-right:16px}.collapse-button svg{width:13px;height:13px;stroke-width:2}.content{margin-left:var(--sidebar);padding:24px;min-height:100vh;padding-top:72px;transition:margin-left .15s}.page-heading{margin-bottom:34px}h1{font-size:24px;font-weight:600;line-height:34px;margin:0}p{margin:0}.page-heading p{font-size:14px;line-height:20px;margin-top:2px;color:#26476b}.list-card{background:var(--surface);padding:28px 16px 0;min-width:792px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:32px;margin-bottom:14px}.filters,.main-actions{display:flex;align-items:center;gap:8px}.filters input,.select-wrap{height:32px;border:1px solid #8c909f;border-radius:3px;background:var(--surface)}.filters .search-input{width:256px;padding:0 11px;outline:0;font-size:14px;color:var(--text)}input::placeholder,textarea::placeholder{color:#65748b;opacity:1}.select-wrap{display:flex;align-items:center;position:relative}.select-wrap select{background:transparent;appearance:none;border:0;outline:0;color:var(--text);padding:0 30px 0 11px;width:100%;height:100%;cursor:pointer}.select-wrap svg{position:absolute;right:10px;top:10px;width:12px;height:12px;pointer-events:none}.status-filter{width:128px}.button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--border);border-radius:3px;background:var(--surface);white-space:nowrap;box-shadow:none;line-height:30px}.button.primary{background:var(--primary);border-color:var(--primary);color:white}.button.primary:hover{background:#3868d3}.button:hover{border-color:#6984ca}.button svg{width:14px;height:14px}.button.destructive{background:#ff4d4f;border-color:#ff4d4f;color:white}.button:focus-visible,.page-button:focus-visible,.nav-child:focus-visible{outline:2px solid #8fabff;outline-offset:2px}input:focus,textarea:focus,.select-wrap:focus-within{border-color:#4b6dff!important}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.col-app{width:16%}.col-internal,.col-external{width:18.875%}.col-account{width:16%}.col-status{width:6.4375%}.col-time{width:12.1875%}.col-actions{width:11.625%}th{height:46.5px;background:var(--background);font-weight:400;position:relative;text-align:left;padding:0 16px;border-bottom:1px solid #d2d4d8;white-space:nowrap}th:first-child{border-radius:4px 0 0 0}th:last-child{border-radius:0 4px 0 0}th:not(:last-child):after{content:"";position:absolute;right:0;top:12px;width:1px;height:22px;background:#e5e5e5}td{height:49px;padding:0 16px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-text{font-family:"Courier New",monospace;font-size:13px}.time-text{font-variant-numeric:tabular-nums;font-size:15px}.status-tag{display:inline-flex;align-items:center;justify-content:center;line-height:20px;height:22px;padding:0 6px;font-size:12px;border:1px solid #52a21b;border-radius:3px;color:#4f8e0c;background:#f6ffdd}.status-tag.inactive{color:#737780;background:#fafafa;border-color:#c9cdd4}.actions{display:flex;align-items:center;gap:5px;overflow:visible}.link-button{border:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--link);padding:0 8px;height:28px;white-space:nowrap;line-height:22px}.link-button:hover{color:#547dff}.action-divider{width:1px;height:14px;background:#ddd;flex-shrink:0}.actions svg{width:14px;height:14px}.pagination{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.page-button{padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #8c909f;border-radius:3px;background:var(--surface);line-height:30px}.page-button.active{border-color:#4265ff;color:#064bff}.page-button:disabled{color:#b9bfc8}.page-button svg{width:12px;height:12px;stroke-width:1.3}.next svg{transform:rotate(180deg)}.page-size{width:97px;margin-left:8px}.page-numbers{display:flex;align-items:center;gap:8px}.page-gap{padding:0 2px;color:#8c8c8c}.empty-row td{height:98px;text-align:center;color:#8c8c8c}.empty-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.empty-content svg{width:32px;height:32px;color:#aeb9cb}.menu-anchor{position:relative}.dropdown{min-width:160px;background:var(--surface);border-radius:4px;border:1px solid #e5e5e5;box-shadow:0 5px 18px #0002;padding:4px;z-index:20}.menu-anchor .dropdown{position:absolute;right:0;top:38px;min-width:252px}.dropdown button{display:block;width:100%;background:transparent;border:0;text-align:left;padding:7px 12px;border-radius:3px;font-size:14px;white-space:nowrap}.dropdown button:hover{background:#f0f4ff}.dropdown .danger{color:#ff4d4f}.row-menu{position:fixed}.modal{width:640px;max-height:calc(100vh - 80px);padding:0;border:0;border-radius:6px;color:var(--text);background:var(--surface);box-shadow:0 10px 45px #0003;overflow:auto}.modal::backdrop{background:#0007}.modal-header{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:0 24px}.modal-header h2{font-size:18px;margin:0;font-weight:600}.modal-body{padding:24px}.modal-body label{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.modal-body label>span{width:126px;flex-shrink:0;text-align:right;line-height:34px}.modal-body label b{color:#ff4d4f;margin-right:4px;font-weight:400}.modal-body input,.modal-body textarea,.modal-body select{min-width:0;flex:1;border:1px solid #b0b5bf;border-radius:4px;outline:0;background:var(--surface);color:var(--text);padding:6px 10px;width:100%}.modal-body textarea{resize:vertical;line-height:22px}.modal-body input,.modal-body select{height:34px}.modal-footer{height:64px;border-top:1px solid #eee;padding:0 24px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.form-note{color:#8c8c8c;font-size:12px;line-height:20px}.form-error{font-size:13px;color:#ff4d4f;min-height:0;margin-top:8px}.form-error:empty{display:none}.confirm-modal{width:440px}.confirm-modal .modal-body p+p{margin-top:8px}.message-stack{position:fixed;z-index:100;left:50%;top:24px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:10px}.message{max-width:700px;background:var(--surface);border-radius:5px;padding:10px 18px;box-shadow:0 4px 16px #0002;font-size:14px;display:flex;align-items:center;gap:8px}.message .indicator{color:#52a21b}.message.error .indicator{color:#ff4d4f}.collapsed{--sidebar:56px}.collapsed .sidebar .navigation{overflow:hidden}.collapsed .nav-root{padding:0 20px}.collapsed .nav-root span,.collapsed .nav-root .arrow,.collapsed .subnav{display:none}.collapsed .collapse-button svg{transform:rotate(180deg)}.dark{--background:#1e222a;--surface:#292e37;--text:#e2e6ed;--border:#434a57;--muted:#aab5c7;--link:#82a5ff}.dark .page-heading p{color:#a5b9d6}.dark th,.dark td{border-color:#434a57}.dark .nav-child.selected,.dark .nav-root:hover,.dark .nav-group:hover,.dark .nav-child:hover{background:#26395d}.dark .brand{color:#82a5ff}.dark .dropdown button:hover{background:#344464}@media(max-width:1500px){.toolbar{gap:12px}.filters .search-input{width:240px}.col-time{width:15%}.col-internal,.col-external{width:17.46875%}.network-text{font-size:12px}.actions{gap:1px}.link-button{padding:0 3px}.actions .action-divider{display:none}.main-actions .button{padding:0 10px}}@media(max-width:1250px){.toolbar{height:auto;flex-wrap:wrap}.main-actions{margin-left:auto}.list-card{padding-top:20px}.table-container table{min-width:1050px}}

#transfer-button{width:116px}


/* 列表按七列分配宽度。 */
.col-app{width:14%}.col-internal{width:22%}.col-external{width:19%}.col-account{width:13%}.col-status{width:5%}.col-time{width:15%}.col-actions{width:12%}
.table-container table{min-width:1050px}