@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+HK:wght@300;400;500;700&display=swap";:root{--bg: #0d0f12;--surface: #151820;--border: #252a35;--border2: #303848;--text: #e2e8f0;--muted: #6b7a99;--accent: #3b82f6;--accent2: #60a5fa;--green: #22c55e;--red: #ef4444;--orange: #f97316;--yellow: #eab308;--mono: "IBM Plex Mono", monospace;--sans: "Noto Sans HK", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;min-height:100vh}#root{display:flex;min-height:100vh}aside{width:196px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .2s ease;min-width:48px}aside.collapsed{width:48px}.logo{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.logo-title{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent2);letter-spacing:.05em;text-transform:uppercase}.logo-sub{font-size:12px;color:var(--muted);margin-top:2px;font-family:var(--mono)}nav{padding:12px 0;flex:1}.nav-section{padding:4px 20px 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);margin-top:8px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 20px;cursor:pointer;color:var(--muted);font-size:14px;transition:all .15s;border-left:2px solid transparent;text-decoration:none}.nav-item:hover{color:var(--text);background:#3b82f60f}.nav-item.active{color:var(--accent2);background:#3b82f61a;border-left-color:var(--accent)}.nav-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border)}.api-indicator{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--muted)}.api-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}main{flex:1;overflow-y:auto;padding:28px 28px 40px;min-width:0}.page-header{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.page-desc{font-size:13px;color:var(--muted);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-value{font-family:var(--mono);font-size:28px;font-weight:500;color:var(--accent2);line-height:1.1}.stat-label{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.stat-sub{font-size:12px;color:var(--muted);margin-top:2px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.search-input{flex:1;max-width:300px;background:var(--bg);border:1px solid var(--border2);border-radius:6px;padding:6px 12px;color:var(--text);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--muted)}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{padding:10px 16px;text-align:left;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;font-family:var(--mono);white-space:nowrap}.sort-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff06}td{padding:10px 16px;font-size:15px;vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;font-family:var(--mono);font-weight:500;white-space:nowrap}.badge-blue{background:#3b82f626;color:#93c5fd}.badge-green{background:#22c55e1f;color:#86efac}.badge-red{background:#ef44441f;color:#fca5a5}.badge-orange{background:#f973161f;color:#fdba74}.badge-gray{background:#6b729926;color:#94a3b8}.badge-yellow{background:#eab3081f;color:#fde047}.badge-purple{background:#a855f71f;color:#d8b4fe}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-family:var(--sans);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#2563eb}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border2)}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:#ffffff0d}.btn-danger{background:#ef44441a;color:#fca5a5;border-color:#ef444440}.btn-danger:hover{background:#ef444433}.btn-success{background:#22c55e1a;color:#86efac;border-color:#22c55e40}.btn-success:hover{background:#22c55e33}.btn-sm{padding:4px 10px;font-size:13px}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0009}.modal-xl{max-width:920px}.modal-2xl{max-width:1100px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:600}.modal-body{padding:20px 24px}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.close-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:2px;transition:color .15s}.close-btn:hover{color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1 / -1}label{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:.03em}input,select,textarea{background:var(--bg);border:1px solid var(--border2);border-radius:6px;padding:7px 10px;color:var(--text);font-family:var(--sans);font-size:13px;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:72px}select option{background:var(--surface)}.validation-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:var(--mono);font-size:12px}.val-row{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.val-row:last-child{border:none}.val-icon{flex-shrink:0;width:16px}.val-ok{color:var(--green)}.val-err{color:var(--red)}.val-warn{color:var(--yellow)}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.alert-err{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.alert-ok{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#86efac}.alert-warn{background:#eab30814;border:1px solid rgba(234,179,8,.2);color:#fde047}.alert-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#93c5fd}.empty{padding:40px;text-align:center;color:var(--muted);font-size:13px}.loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--muted);font-size:13px}.spinner{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:var(--mono)}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.publish-steps{display:flex;flex-direction:column;gap:16px}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.step-num{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.step-title{font-size:14px;font-weight:600;margin-bottom:8px}.record-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rc-badge{font-family:var(--mono);font-size:11px;padding:3px 8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:4px;color:#93c5fd}.change-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px 18px;margin-bottom:10px;display:flex;align-items:flex-start;gap:14px}.change-card-body{flex:1}.change-title{font-size:14px;font-weight:600}.change-meta{font-size:12px;color:var(--muted);margin-top:3px}.change-indicator{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.ind-degrade{background:var(--red)}.ind-improvement{background:var(--green)}.ind-structural{background:var(--yellow)}.ind-fee_change{background:var(--orange)}.ind-minor{background:var(--muted)}.login-screen{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border2);border-radius:16px;padding:40px 36px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 24px 64px #00000080}.login-logo{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--accent2);letter-spacing:.06em}.login-sub{font-size:13px;color:var(--muted);margin-top:-8px}.login-divider{width:100%;height:1px;background:var(--border)}.login-pending{color:var(--orange)!important}.section-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.section-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);margin-bottom:14px;display:flex;align-items:center;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s}.sidebar-user:hover{background:#ffffff0a}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;font-family:var(--mono);color:var(--muted);margin-top:1px}.role-badge-admin{color:var(--orange)!important}.role-badge-editor{color:var(--green)!important}.role-badge-reviewer{color:var(--accent2)!important}.role-badge-viewer{color:var(--muted)!important}.progress-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.pending-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;margin-right:2px}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}aside.collapsed .logo-sub,aside.collapsed .logo-title,aside.collapsed .nav-section,aside.collapsed .nav-label,aside.collapsed .user-info,aside.collapsed .sidebar-footer .api-text{display:none}aside.collapsed .nav-item{justify-content:center;padding:8px 0;gap:0}aside.collapsed .sidebar-user{justify-content:center;padding:12px 0}aside.collapsed .sidebar-footer{padding:8px 4px;justify-content:center}aside.collapsed .logo{padding:12px 0;justify-content:center;flex-direction:column;gap:6px}.sidebar-toggle-btn{background:none;border:1px solid var(--border2);border-radius:4px;padding:2px 7px;cursor:pointer;color:var(--muted);font-size:15px;line-height:1.4;transition:all .15s;flex-shrink:0}.sidebar-toggle-btn:hover{color:var(--text);border-color:var(--accent)}[data-theme=light]{--bg: #f0f2f7;--surface: #ffffff;--border: #dde1ea;--border2: #c4cad6;--text: #1a2033;--muted: #6b7a99;--accent: #2563eb;--accent2: #1d4ed8;--green: #16a34a;--red: #dc2626;--orange: #ea580c;--yellow: #ca8a04}[data-theme=light] tbody tr:hover{background:#00000008}[data-theme=light] .btn-ghost:hover,[data-theme=light] .sidebar-user:hover{background:#0000000a}[data-theme=light] .val-row{border-bottom-color:#0000000f}[data-theme=light] .overlay{background:#0006}[data-theme=light] .modal{box-shadow:0 25px 60px #00000026}[data-theme=light] .login-card{box-shadow:0 8px 32px #0000001f}[data-theme=light] .badge-blue{background:#2563eb1a;color:#1d4ed8}[data-theme=light] .badge-green{background:#16a34a1a;color:#15803d}[data-theme=light] .badge-red{background:#dc26261a;color:#b91c1c}[data-theme=light] .badge-orange{background:#ea580c1a;color:#c2410c}[data-theme=light] .badge-gray{background:#4755691a;color:#475569}[data-theme=light] .badge-yellow{background:#a162071a;color:#92400e}[data-theme=light] .alert-err{background:#dc26260f;border-color:#dc262633;color:#b91c1c}[data-theme=light] .alert-ok{background:#16a34a0f;border-color:#16a34a33;color:#15803d}[data-theme=light] .alert-warn{background:#ca8a040f;border-color:#ca8a0433;color:#92400e}[data-theme=light] .alert-info{background:#2563eb0f;border-color:#2563eb33;color:#1d4ed8}[data-theme=light] .val-ok{color:#15803d}[data-theme=light] .val-err{color:#b91c1c}[data-theme=light] .val-warn{color:#92400e}[data-theme=light] .rc-badge{background:#2563eb14;border-color:#2563eb33;color:#1d4ed8}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text);font-size:18px;line-height:1;box-shadow:0 2px 8px #0006}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:149}@media(max-width:900px){.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.page-header{flex-wrap:wrap;gap:10px}.modal-body{padding:16px}.modal-header{padding:14px 16px 12px}.modal-footer{padding:12px 16px}.card-modal-hero{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.level-config-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:640px){.mobile-menu-btn,.sidebar-overlay.open{display:block}aside{position:fixed;left:0;top:0;bottom:0;z-index:150;transform:translate(-100%);transition:transform .25s ease,width .2s ease;width:220px!important;min-width:220px!important}aside.mobile-open{transform:translate(0)}aside.collapsed{transform:translate(-100%)}main{padding:56px 16px 16px!important}.overlay{padding:0;align-items:flex-end}.modal{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%!important}th,td{padding:6px 8px;font-size:12px}.page-title{font-size:18px}.page-desc{font-size:11px}.table-toolbar{flex-wrap:wrap;gap:6px}.level-config-grid{grid-template-columns:1fr!important}.card-face-preview{width:160px!important;height:100px!important}}