:root{--primary:#1265db;--primary-hover:#0b53bc;--ink:#202d40;--muted:#64748b;--line:#dce5f0;--surface:#fff;--nav:#24354d;--radius:10px;--shadow:0 3px 12px #1c5eaa0d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled,select:disabled{cursor:wait;opacity:.55}h1,h2,p{margin:0}h1{font-size:1.6rem}h2{font-size:1.2rem;font-weight:650}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg image{stroke:none}button:focus-visible,a:focus-visible{outline:3px solid #8dbdff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px #1265db20}[hidden]{display:none!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:6px;min-height:40px;padding:8px 20px;font-size:.9375rem;font-weight:500;white-space:nowrap;transition:background .16s,box-shadow .16s}.button.primary{background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 3px 8px #125fce25}.button.secondary{background:#f7f9fc;border-color:#cfd9e5;color:#43516a}.button.secondary:hover{background:#edf2f8}.topbar{height:76px;padding:0 30px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #dce7f2;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;letter-spacing:.01em}.brand-icon{width:38px;height:42px;color:#0766c8;stroke-width:1.4}.brand-suffix{white-space:nowrap}.header-meta{display:flex;gap:24px;align-items:center;font-size:.875rem;white-space:nowrap;color:#4b5b71}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e8f2ff;border-radius:50%;color:var(--primary);font-weight:600}.panel{background:#fffffff5;border:1px solid #e1eaf5;border-radius:var(--radius);box-shadow:var(--shadow)}
/* Extend the existing blue-and-white home page with self-contained local styles. */
.home-page{background:#f3f8ff}.home-main{max-width:1440px;margin:auto;padding:0 36px 56px}.hero-wrap{background-color:#f6faff;background-image:linear-gradient(90deg,#f6fafff2 0%,#f6faffd9 35%,#f6faff33 55%,#f6faff00 70%),url(home-bg.png);background-size:100% 100%,auto 165%;background-position:left top,right top;background-repeat:no-repeat;min-height:370px;margin:0 -36px;padding:62px 52px 85px}.hero-content h1{font-size:clamp(1.8rem,3.1vw,2.75rem);font-weight:700;letter-spacing:.035em;line-height:1.4;margin:10px 0 14px}.hero-content>p{color:#536984;font-size:1.1rem;line-height:1.8}.hero-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-tags span{border:1px solid #80ace7;border-radius:20px;background:#ffffff9e;color:#2165b8;font-size:.875rem;padding:4px 14px}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:-36px;position:relative}.feature-panel{padding:26px}.feature-panel h2{margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-grid>div{display:flex;flex-direction:column;align-items:center;gap:15px;padding:12px 4px;font-size:.875rem;text-align:center}.feature-grid svg{width:36px;height:36px;color:var(--primary)}.home-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.benefit{display:flex;gap:16px;padding:24px}.benefit>svg{width:50px;height:50px;padding:11px;border-radius:50%;background:#ecf4ff;color:var(--primary)}.benefit h2{font-size:1.1rem;margin-bottom:8px}.benefit p{color:#6b7c92;font-size:.875rem;line-height:1.8}
/* Shared management pages. */
.admin-page{background:#edf5ff}.admin-layout{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:222px;flex-shrink:0;background:linear-gradient(160deg,#283c57,#21314a);color:#e2eaf5}.sidebar nav{position:sticky;top:0;padding-top:18px}.sidebar a{display:flex;align-items:center;gap:12px;min-height:58px;padding:16px 20px;font-size:.9375rem;border-left:3px solid transparent;transition:background .15s}.sidebar a svg{width:22px;height:22px}.sidebar a:hover{background:#ffffff0b}.sidebar a[aria-current=page]{background:linear-gradient(90deg,#247ce9,#1668d6);color:white;border-left-color:#8dc3ff}.admin-main{flex:1;min-width:0;padding:26px 28px 36px;background:linear-gradient(#f5faffd6,#eff6ffe8),url(admin-bg.png) center top/cover fixed}.page-heading{font-size:1.25rem;font-weight:550;margin:0 0 22px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(245px,1fr);gap:22px;margin-bottom:24px}.overview-main{min-width:0}.query-panel{padding:20px}.query-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.query-field{display:flex;align-items:center;gap:5px;font-size:.875rem}.query-field label{white-space:nowrap}.query-field select{min-width:135px;max-width:200px;font-size:.875rem}.query-actions{display:flex;gap:8px;margin-left:auto}.query-actions .button{padding:7px 19px}.equipment-meta{font-size:.875rem;color:#5a6d83;padding:12px 4px;line-height:1.8}.equipment-meta span{display:inline-block;border-left:1px solid #b5c4d7;padding-left:10px;margin-left:8px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.archive-card{padding:20px;position:relative;min-height:194px;overflow:hidden}.archive-card h2{margin-bottom:10px}.archive-card dl{margin:0;position:relative;z-index:1}.archive-card dl>div{display:flex;flex-wrap:wrap;font-size:.875rem;line-height:1.9;color:#5e6b7b}.archive-card dt,.archive-card dd{margin:0}.archive-art{position:absolute;width:57px;height:85px;right:15px;bottom:28px;opacity:.8}.archive-card:first-child dl{padding-right:48px}.notice-badge{display:inline-block;background:#fff0ef;border:1px solid #ffd3ce;color:#cb4a40;border-radius:4px;padding:1px 8px;font-size:.75rem;margin-top:7px}.chain-card{padding:22px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.chain-card h2{margin-bottom:10px}.chain-art{width:100%;height:145px;margin:0 0 12px;flex-shrink:1;max-height:160px}.chain-card p{font-size:.875rem;color:#5f6f83;line-height:1.8;word-break:break-all}.notice-outline{color:#c95d56;border:1px solid #d99791;border-radius:5px;padding:1px 8px;font-size:.75rem;align-self:flex-end;margin-top:auto}.table-panel{padding:22px 22px 0;margin-bottom:24px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.table-scroll{overflow:auto;width:100%;border:1px solid var(--line);border-radius:6px}.table-scroll table{border-collapse:collapse;width:100%;font-size:.875rem;table-layout:fixed}.table-scroll th{font-weight:550;color:#52647b;background:#f3f7fc;text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table-scroll td{padding:15px 12px;border-bottom:1px solid var(--line);border-right:1px solid #e9eff7;vertical-align:middle;line-height:1.7}.table-scroll td:last-child{border-right:0}.table-scroll tr:last-child td{border-bottom:0}.table-scroll tbody tr:nth-child(even){background:#fafcff}.table-scroll tbody tr:hover{background:#f1f7ff}.table-scroll .new-record{animation:highlight-row 2.5s ease-out}.maintenance-table{min-width:920px}.maintenance-table th:nth-child(1){width:55px}.maintenance-table th:nth-child(2){width:153px}.maintenance-table th:nth-child(3){width:90px}.maintenance-table th:nth-child(4){width:24%}.maintenance-table th:nth-child(5){width:87px}.maintenance-table th:nth-child(6){width:113px}.hash-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem;word-break:break-all;line-height:1.6;display:block;color:#52637a;user-select:all}.project-text{white-space:pre-wrap;overflow-wrap:anywhere}.table-summary{font-size:.8125rem;color:#7c8a9e;padding:13px 0;min-height:44px}.empty-cell{text-align:center!important;color:var(--muted);padding:36px!important}.timeline-panel{padding:22px}.timeline{list-style:none;display:flex;justify-content:space-between;padding:15px 12px 4px;margin:16px 0 0;position:relative}.timeline:before{content:"";position:absolute;left:7%;right:7%;top:26px;height:2px;background:#b6d3f7}.timeline li{position:relative;text-align:center;font-size:.875rem;color:#4b6380;min-width:90px}.timeline li:before{content:"";display:block;width:22px;height:22px;border:5px solid #2077dd;border-radius:50%;background:white;margin:0 auto 14px;box-shadow:0 0 0 4px white}.monitor-panel{padding:22px;margin-bottom:24px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:820px;margin:22px auto 6px;justify-items:center}.monitor-frame{height:420px;aspect-ratio:576/704;max-width:100%;overflow:hidden;background:#f1f4f8;box-shadow:0 0 0 1px #e3e8ef}.monitor-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#10151d}.video-table{min-width:850px}.video-table th:nth-child(1){width:60px}.video-table th:nth-child(2){width:23%}.video-table th:nth-child(3){width:31%}.video-table th:nth-child(4){width:178px}.video-table th:nth-child(5){width:85px}.video-table th:nth-child(6){width:95px}.video-name{overflow-wrap:anywhere}.status-badge{color:#1e8d66;background:#eaf7f0;border:1px solid #d2ecdf;border-radius:4px;font-size:.8125rem;padding:2px 7px;white-space:nowrap}.text-button{border:0;background:none;padding:5px 0;color:var(--primary);font-size:.875rem;white-space:nowrap}.text-button:hover{text-decoration:underline}.page-error{background:#fff1ee;color:#a83c32;padding:14px 16px;border:1px solid #f3c6bf;border-radius:7px;margin-bottom:18px;font-size:.9375rem}
/* Native dialogs keep focus, keyboard dismissal and modality consistent. */
dialog{border:0;padding:0;border-radius:12px;color:var(--ink);box-shadow:0 24px 90px #0a234447;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#0f21336b;backdrop-filter:blur(2px)}body:has(dialog[open]){overflow:hidden}.form-dialog{width:540px;max-width:calc(100vw - 32px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e7edf4}.dialog-heading h2{font-size:1.1rem;overflow-wrap:anywhere}.icon-button{font-size:27px;line-height:1;border:0;background:transparent;color:#778698;border-radius:4px;width:30px;height:30px;flex-shrink:0}.icon-button:hover{color:var(--ink);background:#edf2f8}.dialog-body{padding:28px 28px 12px}.form-field{display:grid;grid-template-columns:105px 1fr;gap:10px;margin-bottom:14px;align-items:start}.form-field>label{padding-top:9px;font-size:.9375rem}.required-mark{color:#d44949}.form-field select,.form-field textarea{width:100%}select,input[type=file],textarea{border:1px solid #cdd8e5;border-radius:5px;background:white;color:var(--ink);padding:9px 11px;min-height:40px}select{padding-right:30px}textarea{resize:vertical;min-height:125px;line-height:1.7}textarea::placeholder{color:#9ca8b8}.field-error{color:#c64138;font-size:.8125rem;min-height:21px;margin-top:4px}.field-error:empty{visibility:hidden}[aria-invalid=true]{border-color:#ce554d}.dialog-actions{display:flex;justify-content:center;gap:26px;padding:14px 28px 28px}.dialog-actions .button{min-width:142px}.form-error{color:#b94138;background:#fff2f0;font-size:.875rem;border-radius:5px;padding:11px 12px;margin:0 0 12px;overflow-wrap:anywhere}.file-label{display:block;margin-bottom:14px;font-size:.9375rem}input[type=file]{width:100%;font-size:.875rem;padding:12px}input[type=file]::file-selector-button{font:inherit;border:1px solid #bfd2eb;border-radius:4px;color:#245eaa;background:#f0f6ff;padding:5px 12px;margin-right:12px;cursor:pointer}.field-hint{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:12px}.selected-file{font-size:.875rem;color:#386393;overflow-wrap:anywhere;min-height:22px;margin:12px 0}.player-dialog{width:840px;max-width:calc(100vw - 32px);background:white}.player-body{background:#10151d;padding:0}.player-body video{display:block;width:100%;height:min(70dvh,660px);background:#10151d;object-fit:contain}.player-error{padding:12px 20px;background:#fff0ee;color:#aa3d33;font-size:.875rem}.toast{position:fixed;z-index:20;left:50%;top:94px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 22px;background:#fff;border:1px solid #d4e8dc;border-radius:8px;color:#21794e;box-shadow:0 5px 25px #142d4826;font-size:.9375rem;text-align:center}.toast:before{content:"✓";margin-right:9px}.file-origin-hint{margin:8px 0;font-size:.875rem}@keyframes highlight-row{from{background:#dfefdf}to{background:transparent}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1650px){.admin-main{padding:30px 34px 42px}.archive-card{min-height:203px}.chain-art{height:160px}.monitor-frame{height:460px}.monitor-grid{max-width:990px;gap:80px}.sidebar{width:242px}.query-field select{min-width:165px}.query-form{gap:23px}.table-scroll td{padding:18px 14px}}
@media(max-width:1200px){.topbar{padding:0 22px}.brand{font-size:1rem}.header-meta>span:first-child{display:none}.sidebar{width:205px}.sidebar a{padding:16px;font-size:.875rem}.admin-main{padding:22px 20px 30px}.overview-grid{grid-template-columns:minmax(0,1fr)}.chain-card{display:grid;grid-template-columns:1fr 220px;column-gap:20px}.chain-card h2{grid-column:1}.chain-card .chain-art{grid-column:2;grid-row:1/5;height:130px;margin:0}.chain-card .notice-outline{justify-self:start;margin-top:8px}.query-form{gap:14px}.archive-card{min-height:190px}.monitor-grid{gap:28px}.monitor-frame{height:370px}.home-main{padding-left:26px;padding-right:26px}.hero-wrap{margin-left:-26px;margin-right:-26px}.benefit{padding:20px;gap:12px}}
@media(max-width:800px){.topbar{height:auto;min-height:70px;padding:15px 18px;gap:10px}.brand{font-size:.875rem;gap:8px;line-height:1.5}.brand-icon{width:29px;height:34px}.brand-suffix{display:none}.topbar .button{padding:7px 14px;font-size:.875rem}.header-meta{gap:0}.admin-layout{display:block}.sidebar{width:100%;background:var(--nav)}.sidebar nav{display:flex;position:static;padding:0;overflow:auto}.sidebar a{min-height:49px;padding:12px 14px;white-space:nowrap;gap:7px;border-left:0;border-bottom:3px solid transparent;flex-shrink:0}.sidebar a[aria-current=page]{border-bottom-color:#9bcaff}.sidebar svg{width:18px!important;height:18px!important}.admin-main{padding:20px 16px 28px}.page-heading{font-size:1.125rem;margin-bottom:16px}.overview-grid{gap:16px}.query-panel{padding:16px}.query-field{flex:1}.query-field select{flex:1;max-width:none;width:120px}.query-actions{margin-left:0}.archive-grid{gap:12px}.archive-card{padding:16px}.archive-card h2,.chain-card h2{font-size:1.05rem}.archive-card dl>div{font-size:.8125rem}.archive-art{display:none}.archive-card:first-child dl{padding-right:0}.equipment-meta span{margin-left:5px;padding-left:6px}.table-panel{padding:18px 16px 0}.panel-heading h2{font-size:1.1rem}.panel-heading{gap:10px;flex-wrap:wrap}.panel-heading .button{font-size:.8125rem;padding:7px 13px}.timeline-panel{padding:18px 16px;overflow:auto}.timeline{min-width:570px}.timeline-panel h2{font-size:1.1rem}.monitor-panel{padding:18px 16px}.monitor-grid{gap:18px}.monitor-frame{height:auto;aspect-ratio:576/704;width:100%}.hero-wrap{padding:38px 24px 72px;min-height:330px;background-size:100% 100%,auto 540px;background-position:left top,75% top}.hero-content>p{font-size:1rem}.hero-content h1{font-size:1.8rem}.home-panels{grid-template-columns:1fr;gap:16px}.home-benefits{grid-template-columns:1fr;gap:16px}.home-main{padding:0 18px 32px}.hero-wrap{margin-left:-18px;margin-right:-18px}.feature-panel{padding:23px}.benefit{padding:22px}.home-benefits{margin-top:18px}.toast{top:80px}.form-field{grid-template-columns:94px 1fr;gap:5px}.dialog-body{padding:24px 20px 10px}.dialog-actions{padding:14px 20px 24px;gap:16px}.dialog-heading{padding:18px 20px}}
@media(max-width:450px){.archive-grid{grid-template-columns:1fr}.archive-card{min-height:0}.archive-card dl>div{font-size:.875rem}.brand{max-width:240px}.avatar{display:none}.query-field{flex-basis:100%}.query-actions{width:100%}.query-actions .button{flex:1}.monitor-grid{gap:12px}.form-field{grid-template-columns:1fr}.form-field>label{padding-top:0}.dialog-actions .button{min-width:0;flex:1}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-tags{gap:7px}.hero-tags span{padding:3px 9px}}

@media(max-width:450px){.chain-card{grid-template-columns:1fr 125px;padding:16px;column-gap:8px}.chain-card .chain-art{height:100px}.chain-card p{font-size:.8125rem}}

/* Shared blockchain node selector on the two management pages. */
.admin-page .topbar{height:auto;min-height:76px;flex-wrap:wrap;row-gap:12px;padding-top:16px;padding-bottom:16px}
.admin-page .header-meta{gap:14px;flex-shrink:0;margin-left:auto}
.node-switch-form{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0;font-size:.875rem}
.node-switch-form label{flex-shrink:0}
.node-switch-form select{width:240px;max-width:100%;min-width:0;font-size:.875rem}
.node-switch-error{flex-basis:100%;color:#b94138;font-size:.8125rem;white-space:normal;max-width:360px}
.node-refresh-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#edf5ffb8;backdrop-filter:blur(2px);outline:none}
.node-refresh-card{display:flex;align-items:center;gap:14px;padding:24px 28px;max-width:100%;background:#fff;border:1px solid #dbe6f3;border-radius:10px;box-shadow:0 12px 40px #17365820;font-size:.9375rem;color:#3d5470}
.node-refresh-spinner{width:26px;height:26px;flex-shrink:0;border:3px solid #dce9fa;border-top-color:var(--primary);border-radius:50%;animation:node-refresh-spin .8s linear infinite}
@keyframes node-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.admin-page .topbar{align-items:flex-start}.admin-page .header-meta{width:100%;justify-content:space-between;margin-left:0;gap:12px}.node-switch-form{flex:1;min-width:0;flex-wrap:nowrap;position:relative}.node-switch-form select{flex:1;max-width:360px;width:100%}.node-switch-form:has(.node-switch-error:not([hidden])){flex-wrap:wrap}.node-switch-error{max-width:100%}.node-refresh-card{padding:20px;font-size:.875rem}}

/* Display the complete network illustration from the original background. */
.chain-image-panel{min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:22px;gap:16px;overflow:hidden}
.chain-image-panel h2{margin:0;flex-shrink:0}.chain-image-body{flex:1;min-height:220px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#b9e5fc,#91cbfa)}.chain-network-image{display:block;width:100%;height:auto;aspect-ratio:640/370;max-height:100%;stroke:none;overflow:hidden}

@media(max-width:1200px){.chain-image-body{flex:none;height:260px;min-height:0}.chain-network-image{width:auto;height:100%;max-width:100%}}
@media(max-width:800px){.chain-image-panel{padding:18px 16px;gap:14px}.chain-image-panel h2{font-size:1.05rem}.chain-image-body{height:230px}}