:root {
  color-scheme: light;
  --navy: #092d5b;
  --navy-2: #143e70;
  --blue: #0f62b6;
  --ink: #203751;
  --muted: #677d94;
  --light-muted: #8b9cb0;
  --gold: #b08a4b;
  --line: #d8e2ed;
  --line-dark: #bdcddd;
  --background: #f3f5f8;
  --surface: #fff;
  --wash: #f7f9fc;
  --green: #257256;
  --amber: #916b29;
  --red: #a64b4d;
  --shadow: 0 12px 36px #18365b12;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--background); color: var(--ink); font: 14px/1.65 "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .48; cursor: not-allowed; }
a { color: var(--blue); text-decoration: none; }
:focus-visible { outline: 2px solid #1a69b7; outline-offset: 3px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.icon { display: inline-block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; vertical-align: middle; }
.icon-lg { width: 24px; height: 24px; }
.boot-placeholder { max-width: 460px; margin: 23vh auto; color: var(--muted); text-align: center; }
.topbar { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 3vw, 52px); background: #fff; border-bottom: 1px solid var(--line); gap: 24px; }
.brand { display: flex; gap: 13px; align-items: center; min-width: 0; }
.brandmark { width: 38px; height: 38px; flex: none; display: grid; place-items: center; background: var(--navy); position: relative; }
.brandmark:before { content: ""; width: 18px; height: 15px; background: linear-gradient(to bottom, #fff 0 2px, transparent 2px 6px, #fff 6px 8px, transparent 8px 13px, #fff 13px 15px); }
.brandmark:after { content: ""; position: absolute; right: 8px; top: 14px; width: 4px; height: 4px; background: #d1b176; }
.brand-copy { display: grid; gap: 2px; flex: none; }
.brand-copy strong { color: #173858; font-size: 19px; font-weight: 650; letter-spacing: 3px; line-height: 1.25; }
.brand-copy small { color: #778ba1; font-family: Arial, sans-serif; font-size: 9px; font-weight: 650; letter-spacing: 1.45px; line-height: 1.4; }
.product-name { color: #617790; font-size: 13px; letter-spacing: .7px; white-space: nowrap; padding-left: 20px; margin-left: 4px; border-left: 1px solid var(--line); }
.topright { display: flex; align-items: center; gap: 19px; color: #708399; font-size: 12px; white-space: nowrap; }
.userline { display: flex; gap: 9px; align-items: center; }
.user-avatar { width: 30px; height: 30px; background: #e9eff6; color: var(--navy-2); display: grid; place-items: center; font-weight: 650; font-size: 12px; }
.navshell { background: #fff; border-bottom: 1px solid var(--line); }
.nav { max-width: 1460px; margin: auto; display: flex; align-items: center; gap: 24px; padding: 0 36px; overflow-x: auto; }
.nav button { display: flex; align-items: center; gap: 9px; padding: 15px 3px 14px; min-height: 54px; background: transparent; border: 0; border-bottom: 3px solid transparent; color: #72849a; font-size: 13px; white-space: nowrap; }
.nav button.active { color: #164f91; border-color: #2768b4; font-weight: 650; }
.nav button:hover { color: var(--navy); }
.nav .nav-index { font: 10px Arial, sans-serif; color: #9eacc0; }
.nav button.active .nav-index { color: #6292c6; }
.workspace { max-width: 1460px; margin: auto; padding: 36px 36px 24px; min-height: calc(100vh - 132px); }
.page-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-bottom: 22px; }
.eyebrow { display: block; color: #7890a7; font: 650 10px/1.5 Arial, sans-serif; letter-spacing: 1.8px; }
.page-hero h1 { margin: 0; color: var(--navy); font-size: 29px; line-height: 1.35; font-weight: 650; letter-spacing: .7px; }
.page-hero p { margin: 0; color: #688096; font-size: 13px; max-width: 720px; }
.hero-actions { display: flex; gap: 10px; align-items: center; padding-bottom: 4px; }
.btn { min-height: 36px; display: inline-flex; justify-content: center; align-items: center; gap: 8px; background: #fff; border: 1px solid #cbd8e7; color: #375b80; padding: 8px 14px; white-space: nowrap; border-radius: 0; transition: background .16s, border-color .16s; font-size: 12px; font-weight: 550; }
.btn:hover { background: #eef4fb; border-color: #91b2d9; }
.btn.primary { background: var(--navy); border-color: var(--navy); color: #fff; }
.btn.primary:hover { background: #154577; }
.btn.secondary { color: #174d83; background: #eef4fb; border-color: #d4e2f1; }
.btn.plain { background: transparent; border: 0; padding: 7px; min-height: 30px; color: #54718e; }
.btn.plain:hover { color: var(--navy); background: #eef3f9; }
.btn.danger { color: #a54949; border-color: #e7c6c6; background: #fff; }
.btn.wide { width: 100%; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 14px; }
.section-title { display: flex; gap: 11px; align-items: baseline; }
.section-title .number { color: var(--gold); font: 500 22px/1 Arial, sans-serif; }
.section-title h2 { margin: 0; color: #1b416b; font-size: 18px; font-weight: 650; }
.section-head p { margin: 0; font-size: 11px; color: #8a9bb0; }
.library-panel { background: #fff; border: 1px solid var(--line); }
.toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.status-tabs { display: flex; align-items: center; gap: 19px; flex-wrap: wrap; }
.status-tabs button { display: flex; gap: 6px; align-items: center; padding: 5px 1px; border: 0; border-bottom: 2px solid transparent; background: none; font-size: 12px; color: #74889c; }
.status-tabs button.active { color: #1c5592; border-color: #2064ad; font-weight: 650; }
.status-tabs button span { color: #839ab3; font: 11px Arial, sans-serif; }
.toolbar-right { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.search-control { display: flex; align-items: center; background: #fff; border: 1px solid var(--line); padding: 0 10px; gap: 7px; min-height: 35px; width: min(250px, 100%); color: #97a9bc; }
.search-control input { width: 100%; min-width: 0; border: none; background: transparent; color: var(--ink); outline: none; font-size: 12px; }
.search-control input::placeholder { color: #9eacbc; }
.sort-control { padding: 8px 10px; min-height: 35px; border: 1px solid var(--line); background: #fff; color: #5b7390; font-size: 12px; }
.table-scroller { width: 100%; overflow-x: auto; }
.tool-table { border-collapse: collapse; width: 100%; min-width: 930px; text-align: left; table-layout: fixed; }
.tool-table col.tool { width: 34%; } .tool-table col.link { width: 18%; } .tool-table col.state { width: 12%; } .tool-table col.access { width: 15%; } .tool-table col.updated { width: 12%; } .tool-table col.actions { width: 9%; }
.tool-table th { padding: 13px 17px; border-bottom: 1px solid var(--line); background: #f7f9fc; font-size: 11px; color: #7990a7; font-weight: 550; }
.tool-table td { padding: 20px 17px; border-bottom: 1px solid #e7edf4; vertical-align: middle; font-size: 12px; }
.tool-table tbody tr:hover { background: #fbfcfe; }
.tool-table tbody tr:last-child td { border-bottom: 0; }
.tool-ident { display: flex; align-items: center; gap: 14px; min-width: 0; }
.tool-icon { width: 51px; height: 56px; flex: none; display: grid; place-items: center; background: #eef3f9; border: 1px solid #d5e2f0; border-top: 3px solid #638ab6; color: #36638e; }
.tool-icon .icon { width: 23px; height: 23px; }
.tool-ident .name { display: block; color: #1a4674; font-size: 14px; font-weight: 650; line-height: 1.5; margin-bottom: 5px; cursor: pointer; }
.tool-ident .name:hover { text-decoration: underline; }
.tool-ident .subtitle { color: #8597aa; font-size: 11px; line-height: 1.6; }
.version-tags { display: flex; gap: 4px; margin-top: 7px; }
.version-tags button { border: 1px solid #d7e2ef; background: #f6f9fd; color: #587b9f; padding: 0 5px; font: 10px/19px Arial, sans-serif; }
.version-tags button.current { color: #1959a0; background: #e9f1fb; border-color: #bcd3ec; }
.link-stub { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #dde7f2; background: #f8fbfe; color: #51718f; padding: 7px 9px; cursor: pointer; max-width: 100%; }
.link-stub span { overflow: hidden; text-overflow: ellipsis; font: 12px Arial, sans-serif; white-space: nowrap; }
.link-stub .icon { width: 14px; height: 14px; color: #8da6c0; }
.status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: #59738f; font-size: 12px; }
.status:before { content: ""; width: 6px; height: 6px; background: #93a1af; }
.status.live:before { background: #4a9876; } .status.live { color: #33795c; }
.status.paused:before, .status.expired:before { background: #b49b64; } .status.paused, .status.expired { color: #876c37; }
.status.deleted:before { background: #ad6062; } .status.deleted { color: #a25154; }
.access-cell { display: flex; align-items: flex-start; gap: 8px; color: #516d8a; }
.access-cell .icon { width: 15px; height: 15px; margin-top: 1px; color: #839ab3; }
.access-cell small { display: block; font-size: 10px; color: #91a2b3; margin-top: 1px; }
.date-cell { color: #687d94; font: 12px/1.9 Arial, sans-serif; }
.date-cell small { color: #a1aebc; }
.row-actions { display: flex; gap: 4px; align-items: center; }
.row-actions .btn { padding: 5px; border: 0; color: #6081a3; min-height: 30px; }
.empty-state { padding: 58px 24px; text-align: center; }
.empty-state .icon { width: 29px; height: 29px; color: #a0b5cb; }
.empty-state h3 { color: #3a5c7f; font-size: 15px; margin: 13px 0 5px; }
.empty-state p { color: #8297ab; font-size: 12px; margin: 0 0 16px; }
.table-footer { padding: 13px 18px; border-top: 1px solid var(--line); font-size: 11px; color: #97a6b6; display: flex; justify-content: space-between; gap: 10px; }
.history-panel { background: white; border: 1px solid var(--line); }
.history-row { padding: 18px 22px; border-bottom: 1px solid #e8eef4; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.history-row:last-child { border-bottom: 0; }
.history-row strong { display: block; font-size: 13px; color: #294f78; }
.history-row p { font-size: 11px; color: #899ab0; margin: 5px 0 0; }
.history-current { display: inline-flex; color: #257256; border: 1px solid #d6e9de; background: #f0f8f3; padding: 1px 6px; font-size: 10px; margin-left: 8px; }
.setting-panel { display: grid; grid-template-columns: 32% minmax(0, 1fr); gap: 30px; padding: 27px; border: 1px solid var(--line); background: #fff; margin-bottom: 14px; }
.setting-panel h3 { margin: 0; color: var(--navy); font-size: 16px; }
.setting-panel p { font-size: 12px; color: #8195a9; margin: 7px 0; }
.setting-panel dl { display: grid; grid-template-columns: 145px 1fr; gap: 13px; margin: 0; font-size: 12px; }
.setting-panel dt { color: #849ab0; } .setting-panel dd { margin: 0; color: #42617f; overflow-wrap: anywhere; }
.setting-panel label { display: block; font-size: 12px; color: #65819c; margin-bottom: 15px; }
.setting-panel input { margin-top: 6px; }
input[type="text"], input[type="password"], input[type="datetime-local"], input[type="search"], .text-input, select.input-select { padding: 10px 12px; border: 1px solid #cfdbeb; color: #294760; background: #fff; width: 100%; min-height: 38px; border-radius: 0; }
.field-note { color: #889cb0; font-size: 11px; }
.modal { width: min(620px, calc(100vw - 28px)); max-height: min(90vh, 900px); overflow: auto; padding: 0; border: 1px solid #c2d1e3; background: #fff; box-shadow: 0 22px 85px #122f5145; color: var(--ink); }
.modal::backdrop { background: #0827476e; backdrop-filter: blur(2px); }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 26px 18px; gap: 22px; border-top: 4px solid var(--navy); border-bottom: 1px solid var(--line); }
.modal-head .eyebrow { font-size: 9px; color: var(--gold); }
.modal-head h2 { color: var(--navy); font-size: 19px; font-weight: 650; margin: 4px 0 0; }
.modal-content { padding: 22px 26px 26px; }
.modal-content>p:first-child { margin-top: 0; }
.modal-content p { color: #69819a; font-size: 12px; line-height: 1.85; }
.modal-content label { display: block; margin-bottom: 14px; color: #496b89; font-size: 12px; font-weight: 550; }
.modal-content input, .modal-content select { display: block; margin-top: 6px; width: 100%; }
.modal-content input[type="checkbox"] { display: inline-block; width: auto; vertical-align: middle; margin-right: 7px; accent-color: var(--navy); }
.modal-content label.inline-check { display: flex; align-items: center; gap: 7px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 20px; border-top: 1px solid #e6edf4; padding-top: 17px; }
.dropzone { border: 1px dashed #9db5cf; background: #f7fafd; color: #4b749e; min-height: 148px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; gap: 6px; margin-bottom: 18px !important; cursor: pointer; }
.dropzone:hover, .dropzone.drag { background: #edf5fc; border-color: #457cb5; }
.dropzone .icon { width: 27px; height: 27px; color: #487ba9; }
.dropzone small { color: #89a0b6; font-size: 11px; font-weight: 400; }
.dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-ready { padding: 14px; border-left: 3px solid #5d8cb8; background: #f1f6fb; margin-bottom: 17px; font-size: 12px; color: #52708c; }
.upload-ready p { margin: 0 0 7px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-error { min-height: 16px; color: #a14449 !important; font-size: 12px; margin-top: 9px; }
.progress { width: 100%; height: 5px; appearance: none; }
.progress::-webkit-progress-value { background: var(--blue); }
.link-field { display: block; padding: 11px; margin: 13px 0; border: 1px solid #cbd9e8; background: #f8fafc; color: #456885; width: 100%; font: 12px Arial,sans-serif; }
.toast { position: fixed; z-index: 200; bottom: 26px; left: 50%; transform: translateX(-50%); max-width: calc(100vw - 30px); padding: 11px 18px; background: #123965; color: #fff; font-size: 12px; box-shadow: var(--shadow); }
.context-menu { position: fixed; z-index: 130; min-width: 184px; background: #fff; border: 1px solid #c9d8e8; box-shadow: 0 16px 38px #24436022; padding: 5px; }
.context-menu button { display: flex; align-items: center; width: 100%; gap: 10px; border: 0; background: #fff; padding: 9px 11px; color: #45627e; text-align: left; font-size: 12px; }
.context-menu button:hover { background: #eff5fc; }
.context-menu button.danger { color: #a14b4d; }
.context-menu .icon { width: 15px; height: 15px; }
.qr-placeholder { width: 185px; height: 185px; margin: 16px auto; border: 1px solid #dce5ef; background: repeating-linear-gradient(0deg, #eef4fa 0 4px, white 4px 8px); display: grid; place-items: center; color: #7990a7; font-size: 12px; }
.login-shell { min-height: 100vh; background: #eef2f6; display: grid; grid-template-columns: minmax(400px, 46%) minmax(0,1fr); }
.login-panel { padding: clamp(35px, 7vw, 120px); background: #fff; display: flex; flex-direction: column; justify-content: center; }
.login-panel .brand { margin-bottom: 50px; }
.login-panel h1 { font-size: clamp(29px, 3vw, 44px); font-weight: 600; line-height: 1.42; color: var(--navy); margin: 9px 0 17px; letter-spacing: .4px; }
.login-panel p { color: #728aa1; font-size: 13px; line-height: 1.9; max-width: 410px; }
.login-form { margin-top: 27px; width: min(390px, 100%); }
.login-form label { display: block; color: #56718c; font-size: 12px; margin-bottom: 15px; }
.login-form input { margin-top: 8px; width: 100%; }
.login-art { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(38px, 5vw, 80px); background: #0b3264; position: relative; overflow: hidden; color: #d9e5f2; }
.login-art:before { content: ""; position: absolute; width: 79%; aspect-ratio: 1; top: 23%; left: 17%; opacity: .14; border: 1px solid #fff; transform: rotate(45deg); box-shadow: 0 0 0 75px #fff2, 0 0 0 152px #fff1; }
.login-art .art-label { position: relative; z-index: 1; font: 650 11px Arial,sans-serif; letter-spacing: 1.7px; }
.login-art strong { position: relative; z-index: 1; align-self: flex-end; color: #fff; font-size: clamp(28px, 3.3vw, 52px); font-weight: 300; letter-spacing: 5px; line-height: 1.55; }
.login-art small { position: relative; z-index: 1; color: #a8bfd8; font-size: 11px; letter-spacing: 1.4px; }
.access-page { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
.access-card { background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--navy); padding: 34px; width: min(450px, 100%); box-shadow: var(--shadow); }
.access-card h1 { color: var(--navy); font-size: 24px; margin: 16px 0; }
.access-card p { color: #728aa2; font-size: 13px; }
.access-card label { display: block; color: #5d7994; font-size: 12px; margin: 16px 0; }
.access-card input { width: 100%; margin-top: 5px; }
.mini-wordmark { display: inline-block; color: var(--navy); font-size: 15px; font-weight: 650; letter-spacing: 2px; }
.viewer { margin: 0; background: #eff3f8; }
.viewer-status { text-align: center; color: #7890a8; padding-top: 16vh; }
.viewer #delivery-frame { border: 0; width: 100vw; height: 100vh; display: block; }
@media(max-width:1080px) { .tool-table col.tool { width: 32%; } .tool-table col.link { width: 18%; } .tool-table col.access { width: 16%; } .topright .userline span:last-child { display: none; } }
@media(max-width:800px) { .workspace { padding: 26px 19px; } .topbar { padding: 0 19px; } .product-name { display: none; } .nav { padding: 0 19px; gap: 22px; } .page-hero { align-items: flex-start; flex-direction: column; gap: 16px; } .info-grid { grid-template-columns: 1fr; } .login-shell { grid-template-columns: 1fr; } .login-art { display: none; } .login-panel { min-height: 100vh; padding: 35px 27px; } }
@media(max-width:540px) { body { font-size: 13px; } .topbar { height: 65px; } .brand-copy strong { font-size: 17px; letter-spacing: 2px; } .brand-copy small { font-size: 8px; letter-spacing: 1.1px; } .brandmark { width: 34px; height: 34px; } .environment { font-size: 10px; } .userline { display: none; } .nav button { font-size: 12px; } .nav .icon { display: none; } .workspace { padding: 23px 13px; } .page-hero h1 { font-size: 24px; } .page-hero p { font-size: 12px; } .hero-actions { width: 100%; } .hero-actions .btn.primary { width: 100%; } .note-strip { align-items: flex-start; padding: 13px; } .note-strip b { display: none; } .toolbar { align-items: stretch; padding: 13px; } .toolbar-right { width: 100%; } .search-control { flex: 1; min-width: 140px; } .sort-control { max-width: 140px; } .section-head { align-items: flex-start; flex-direction: column; gap: 6px; } .page-footer { margin-top: 25px; } .form-row { grid-template-columns: 1fr; gap: 0; } .modal-head { padding: 19px; } .modal-content { padding: 19px; } .setting-panel { grid-template-columns: 1fr; gap: 16px; padding: 19px; } .setting-panel dl { grid-template-columns: 112px 1fr; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

/* Copy-only refinement: keep the existing layout and remove vacant captions. */
.modal-head h2 { margin-top: 0; }
.page-hero h1 { flex: 1; }
/* Keep the existing filter bar in one row; avoid the generic input border. */
.toolbar-right { flex-wrap: nowrap; }
.search-control { flex: 0 1 250px; }
.search-control input[type="search"] { padding: 0; border: 0; min-height: 33px; background: transparent; }
.sort-control { flex: 0 0 auto; }
@media (max-width:540px) { .search-control { flex: 1 1 140px; } }

/* Address presentation. Keep the existing consulting layout and restrained palette. */
.column-mode { display: inline-block; margin-left: 7px; color: #8a9bb0; font-size: 10px; font-weight: 400; }
.link-stub { width: 100%; max-width: 100%; min-width: 0; justify-content: space-between; text-align: left; padding: 7px 0; gap: 8px; }
.link-text { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.link-host { font: 11px/1.6 Arial,sans-serif; color: #7a90a6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link-path { font: 11px/1.6 ui-monospace,Menlo,Consolas,monospace; color: #355e88; white-space: nowrap; }
.delivery-address { border: 1px solid #d8e2ed; background: #f7f9fc; padding: 15px 16px; margin: 16px 0; min-width: 0; }
.delivery-label { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #44698d; }
.address-badge { font-size: 10px; color: #8a713f; background: #f6f1e7; border: 1px solid #eadfc9; padding: 0 5px; }
.address-unchanged { color: #32775c; font-size: 11px; margin-left: auto; }
.delivery-address .link-field { margin: 9px 0 0; background: white; color: #173f69; font: 12px/1.65 ui-monospace,Menlo,Consolas,monospace; min-height: 42px; }
.delivery-address .field-note { margin: 7px 0 0; font-size: 11px; color: #8394a6; }
.address-pattern { font: 12px/1.65 ui-monospace,Menlo,Consolas,monospace; color: #365b80; overflow-wrap: anywhere; margin-top: 9px; }
.address-pending { color: #8c9caf; border-bottom: 1px dashed #b8c8d7; padding: 0 3px; font: 11px/1.7 Arial,sans-serif; }
.delivery-meta { display: flex; gap: 18px; flex-wrap: wrap; font-size: 11px; color: #71879b; align-items: center; }
.delivery-meta>span { display: inline-flex; align-items: center; gap: 6px; }
.copy-feedback { min-height: 0; font-size: 11px !important; color: #32775c !important; margin: 10px 0 0; }
.copy-feedback:empty { display: none; }
.delivery-tool-name { font-weight: 600; color: #31577c !important; margin-bottom: 8px; }
@media(max-width:540px) {
 .delivery-address { padding: 13px; }
 .delivery-address .link-field { font-size: 11px; }
 .dialog-actions { flex-wrap: wrap; }
 .dialog-actions .btn { min-height: 42px; }
 .address-pattern { font-size: 11px; }
}

.delivery-qr { display: flex; justify-content: center; padding: 4px 0 8px; }
.delivery-qr svg,.delivery-qr img { display: block; width: 224px; height: 224px; max-width: 100%; }

textarea.delivery-url { resize: none; overflow-wrap: anywhere; word-break: break-all; white-space: pre-wrap; overflow-x: hidden; }
/* Server edition: account and access controls, aligned to the Yushou blue/white identity. */
.auth-shell{display:grid;grid-template-columns:minmax(380px,43%) minmax(0,1fr);min-height:100svh;background:#fff}
.auth-brand{background:#092d5b;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:55px 64px;min-height:100svh}
.brand.inverse .brandmark{background:#fff}.brand.inverse .brandmark:before{background:linear-gradient(to bottom,#092d5b 0 2px,transparent 2px 6px,#092d5b 6px 8px,transparent 8px 13px,#092d5b 13px 15px)}
.brand.inverse .brand-copy strong{color:#fff}.brand.inverse .brand-copy small{color:#b8c9dc}
.auth-identity{margin:auto 0;position:relative;z-index:1;padding:65px 0 90px}.auth-rule{width:48px;height:3px;background:#c6a36a;margin-bottom:28px}.auth-kicker{font:11px/1.7 Arial,sans-serif;color:#a6bad1;letter-spacing:2px;margin:0 0 20px}.auth-identity h1{font-size:44px;font-weight:550;line-height:1.65;letter-spacing:3px;margin:0;color:#fff}
.auth-brand-foot{font-size:12px;letter-spacing:5px;color:#a9bfd8;position:relative;z-index:1}.auth-line{position:absolute;right:-170px;bottom:-290px;width:610px;height:610px;border:1px solid #8eacca29;transform:rotate(35deg);pointer-events:none}.auth-line.line-two{right:-230px;bottom:-200px}
.auth-entry{display:flex;align-items:center;justify-content:center;padding:50px 45px;background:#fff}.auth-form-wrap{width:100%;max-width:360px}.auth-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dfd2ba;background:#fbf9f4;color:#ae8950;margin-bottom:25px}.auth-symbol .icon{width:20px;height:20px}.auth-greeting{margin:0 0 8px;color:#8195ac;font-size:12px;letter-spacing:2px}.auth-entry h2{font-size:27px;line-height:1.4;font-weight:600;color:#092d5b;margin:0 0 31px}.auth-form{display:grid;grid-template-columns:1fr;gap:10px}.auth-form label{font-size:13px;color:#486584;margin:6px 0 0;display:grid;gap:9px}.auth-form input{box-sizing:border-box;width:100%;min-width:0;height:47px;border:1px solid #d0dce9;background:#fcfdff;padding:11px 13px;color:#244261;font:14px inherit;border-radius:2px}.auth-form .btn{height:47px;min-height:47px;justify-content:center}.auth-form .btn.primary{margin-top:5px}.auth-foot{font-size:11px;color:#9babbd;margin:26px 0 0;letter-spacing:1px}.auth-required{color:#6c849b;font-size:12px;margin:-14px 0 22px}.auth-mobile-brand{display:none}.password-control{position:relative}.password-control input{padding-right:63px}.show-password{position:absolute;right:3px;top:3px;height:41px;min-width:54px;font-size:12px;color:#70869e;border:0;background:none;cursor:pointer}.account-chip{border:0;background:none;display:flex;align-items:center;gap:9px;color:#587591;cursor:pointer;font:12px inherit}.topright{gap:16px}.account-actions,.user-toolbar{display:flex;align-items:center;gap:12px}.break-text{overflow-wrap:anywhere}.pending-panel{padding:35px;color:#7890a8}.users-table-wrap{overflow:auto}.users-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:13px}.users-table th{padding:17px 21px;text-align:left;background:#fafbfd;color:#728ba4;font-weight:500;border-bottom:1px solid #dde6ef;white-space:nowrap}.users-table td{padding:21px;border-bottom:1px solid #e6ecf2;color:#4a6580;vertical-align:middle}.users-table td strong{font-weight:550;color:#183e6c}.users-table .user-ops{padding-right:15px;white-space:nowrap}.users-table .btn{font-size:12px;min-height:36px;padding:7px 8px}.btn.danger{color:#a34b4f}.self-label{font-size:10px;margin-left:8px;color:#6583a2;background:#edf3fa;padding:3px 6px}.password-pending{display:block;font-size:10px;color:#a17d45;margin-top:5px}.mono{font-family:Arial,sans-serif;letter-spacing:.2px}.dialog-person{font-size:13px;color:#52718f}.audit-list{max-height:55vh;overflow:auto}.audit-entry{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #e1e8f0;align-items:flex-start}.audit-entry time{color:#8297ad;font-size:11px;min-width:112px}.audit-entry strong{font-size:13px;font-weight:550}.audit-entry p{font-size:12px;color:#7590a9;margin:5px 0}.modal label{display:grid;gap:8px}.modal input,.modal select{width:100%;box-sizing:border-box}.users-table .status{display:inline-flex;white-space:nowrap}
@media(max-width:1080px){.auth-brand{padding:45px 38px}.auth-identity h1{font-size:37px}.users-table th,.users-table td{padding:17px 13px}}
@media(max-width:760px){.auth-shell{display:block;min-height:100svh}.auth-brand{display:none}.auth-entry{min-height:100svh;box-sizing:border-box;padding:32px 26px;flex-direction:column;justify-content:flex-start;gap:55px}.auth-mobile-brand{display:flex;align-self:flex-start}.auth-form-wrap{margin:auto 0;max-width:380px;padding:20px 0 30px}.auth-entry h2{font-size:25px}.topright{gap:7px}.account-chip>span:last-child{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%;box-sizing:border-box}.users-table thead{display:none}.users-table tr{padding:16px 19px;border-bottom:1px solid #dbe5ee}.users-table td{border:0;padding:6px 0;display:flex;align-items:center;gap:10px;min-height:32px}.users-table td[data-label]::before{content:attr(data-label);width:75px;flex:none;color:#8ba0b4;font-size:11px}.users-table .user-ops{padding:12px 0 0;display:flex;flex-wrap:wrap;white-space:normal;gap:3px}.users-table .btn{min-height:44px}.user-toolbar{width:100%;justify-content:flex-end}.nav{overflow-x:auto;white-space:nowrap}.nav button{flex:none}.audit-entry{gap:9px}.audit-entry time{min-width:99px}.auth-form .btn{height:48px}}