:root{--bg: #f3f5f9;--bg-deep: #eaedf4;--card: #ffffff;--card-soft: #f8fafc;--sidebar: #0d172b;--sidebar-deep: #091221;--sidebar-line: rgba(255, 255, 255, .08);--sidebar-text: #d7deeb;--sidebar-muted: #8290a8;--text: #172033;--text-secondary: #59677c;--muted: #8692a5;--border: #e3e8f1;--border-strong: #d3dbe7;--primary: #3558d6;--primary-hover: #2949bd;--primary-soft: #edf1ff;--primary-line: #d6dffc;--gold: #e7c575;--gold-deep: #a8781e;--gold-soft: #fdf7e8;--success: #15805b;--success-soft: #eaf8f1;--success-line: #bfe8d7;--warning: #a76a09;--warning-soft: #fff7e5;--warning-line: #f3dfb0;--danger: #c53b3b;--danger-hover: #ab2d2d;--danger-soft: #fff0f0;--danger-line: #f3cccc;--info: #2868bf;--info-soft: #edf5ff;--info-line: #cce0f9;--shadow-sm: 0 1px 2px rgba(25, 39, 66, .04), 0 3px 12px rgba(25, 39, 66, .03);--shadow-md: 0 16px 40px rgba(15, 29, 53, .12);--shadow-lg: 0 28px 70px rgba(7, 18, 35, .24);--radius: 14px;--radius-sm: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{min-width:300px;-webkit-text-size-adjust:100%}body{margin:0;min-width:300px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.has-modal{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}svg{display:block;flex:none}::selection{background:#3558d62e}:focus-visible{outline:2px solid rgba(53,88,214,.65);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#c5ceDC transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd4e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#adb9ca}.spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(53,88,214,.18);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex:none}.spinner-sm{width:15px;height:15px;border-width:2px}.spinner-xs{width:12px;height:12px;border-width:1.5px}@keyframes spin{to{transform:rotate(360deg)}}.app-boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 30% 15%,rgba(53,88,214,.07),transparent 34%),var(--bg);color:var(--text-secondary)}.boot-mark{margin-bottom:4px;filter:drop-shadow(0 12px 24px rgba(19,33,58,.18))}.app-boot p{font-size:13px}.app-boot .spinner{margin-top:6px;width:18px;height:18px}.loading-block{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:13px}.loading-block.is-compact{min-height:96px}.loading-block .spinner{width:18px;height:18px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:250px;display:flex;flex-direction:column;padding:0 14px;color:var(--sidebar-text);background:radial-gradient(ellipse at 15% 0%,rgba(66,92,155,.28),transparent 36%),radial-gradient(ellipse at 100% 95%,rgba(72,91,133,.14),transparent 40%),linear-gradient(168deg,#111e35 0%,var(--sidebar) 45%,var(--sidebar-deep) 100%);border-right:1px solid rgba(255,255,255,.035);box-shadow:8px 0 30px #0912210f}.sidebar-brand{display:flex;align-items:center;gap:11px;min-height:84px;padding:18px 9px 16px;border-bottom:1px solid var(--sidebar-line)}.brand-mark{flex:none;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}.brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.3}.brand-copy strong{font-size:15px;font-weight:650;letter-spacing:.02em;color:#f4f7fc;white-space:nowrap}.brand-copy small{margin-top:4px;font-size:9px;letter-spacing:.18em;color:#7e8da5;font-weight:600}.sidebar-close{display:none;margin-left:auto;color:var(--sidebar-muted)}.sidebar-nav{padding:20px 0;overflow-y:auto;flex:1}.nav-label{padding:0 13px;margin-bottom:9px;color:#64738c;font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:3px;color:#aeb9cb;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-item:hover{color:#f0f4fb;background:#ffffff0e}.nav-item.is-active{color:#fff;background:linear-gradient(96deg,#4868c347,#3d54891f);border-color:#8fa8e229}.nav-icon{width:31px;height:31px;display:grid;place-items:center;flex:none;color:#8f9db4;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .16s ease}.nav-item:hover .nav-icon{color:#dbe4f4}.nav-item.is-active .nav-icon{color:var(--gold);background:#e7c57516;border-color:#e7c57529}.nav-text{display:flex;flex-direction:column;min-width:0;gap:1px}.nav-name{font-size:13.5px;font-weight:550;line-height:1.35}.nav-hint{font-size:10px;color:#65738b;line-height:1.35}.nav-item.is-active .nav-hint{color:#8194b7}.nav-active-mark{width:3px;height:18px;margin-left:auto;background:var(--gold);border-radius:4px;box-shadow:0 0 12px #e7c57573}.sidebar-footer{padding:15px 9px 17px;border-top:1px solid var(--sidebar-line)}.sidebar-health{padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#ffffff07}.health-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px;font-size:11px}.health-label{color:#79879d}.health-value{color:#d7dfec;font-family:var(--mono);font-size:11px}.badge-dark{padding:2px 7px;color:#c9d3e3;background:#fff1;border:1px solid rgba(255,255,255,.09)}.badge-dark.is-success{color:#80d6b5;background:#15805b29;border-color:#48b48d33}.badge-dark.is-danger{color:#f0a3a3;background:#c53b3b29;border-color:#e276762e}.sidebar-version{margin-top:10px;color:#58667d;font-size:10px;text-align:center;font-family:var(--mono)}.sidebar-mask{position:fixed;inset:0;z-index:55;background:#080f1c8a;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.main-shell{min-height:100vh;margin-left:250px;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 30px;background:#ffffffeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.mobile-menu{display:none}.topbar-heading{min-width:0}.topbar-title-row{display:flex;align-items:baseline;gap:8px;line-height:1.4}.topbar-eyebrow{font-size:10px;font-weight:650;letter-spacing:.08em;color:#98a3b5;text-transform:uppercase}.crumb-separator{color:#c4cbd7;font-size:11px}.topbar-page{font-size:16px;font-weight:680;color:var(--text);letter-spacing:.01em}.topbar-subtitle{margin-top:2px;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:14px;flex:none}.topbar-live{display:flex;align-items:center;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 9px;color:var(--text-secondary);background:#f7f9fc;border:1px solid var(--border);border-radius:8px;font-size:11px;white-space:nowrap}.status-pill strong{color:var(--text);font-size:11.5px;font-weight:650;font-family:var(--mono)}.pill-kicker{color:var(--muted);font-size:10px;font-weight:550}.pill-text{color:var(--text);font-size:11px;max-width:96px;overflow:hidden;text-overflow:ellipsis}.topbar-divider{width:1px;height:27px;background:var(--border)}.topbar-user{display:flex;align-items:center;gap:9px}.user-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#704e10;background:linear-gradient(145deg,#f7e1ab,#e5bf68);border:1px solid rgba(157,115,32,.16);font-size:13px;font-weight:700}.user-copy{display:flex;flex-direction:column;line-height:1.3}.user-copy strong{font-size:12px;font-weight:650;color:var(--text);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:9.5px;color:var(--muted)}.logout-btn{display:inline-flex;align-items:center;gap:5px;min-height:30px;margin-left:1px;padding:4px 9px;color:#7e8a9c;background:transparent;border:1px solid transparent;border-radius:7px;font-size:11px;transition:all .15s ease}.logout-btn:hover{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.logout-btn:disabled{opacity:.55}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:26px 30px 18px}.content-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:26px 0 6px;color:#9aa5b6;font-size:10.5px}.footer-sep{color:#c6ccd6}.page{animation:page-in .24s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head-main{min-width:0}.page-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#9a7b3a;font-size:10px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.page-eyebrow:before{content:"";width:14px;height:2px;border-radius:2px;background:var(--gold)}.page-title{color:#131c2c;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.015em}.page-subtitle{margin-top:5px;color:var(--text-secondary);font-size:12.5px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}.page-actions-note{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px}.section-grid{display:grid;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 18px;border-bottom:1px solid #eef1f6}.card-title-row{display:flex;align-items:center;gap:9px;min-width:0}.card-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:8px}.card-title{font-size:13px;font-weight:680;color:var(--text)}.card-subtitle{margin-top:1px;font-size:10.5px;color:var(--muted)}.card-aside{display:flex;align-items:center;gap:8px;flex:none}.card-body{padding:18px}.card-body-tight{padding:12px 14px}.card-flush{overflow:hidden}.card-footer{display:flex;justify-content:center;align-items:center;padding:10px 16px;border-top:1px solid #eef1f6;color:var(--muted);font-size:11px}.text-link-button{display:inline-flex;align-items:center;gap:4px;color:var(--primary);background:transparent;border:0;padding:0;font-size:11px;font-weight:550}.text-link-button:hover{color:var(--primary-hover);text-decoration:underline}.muted,.text-muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.mono{font-family:var(--mono);font-size:.94em;letter-spacing:-.02em}.nowrap{white-space:nowrap}.cell-title{display:block;font-weight:600;color:var(--text);line-height:1.45}.cell-sub{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.45}.cell-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.cell-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 14px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.btn:disabled{opacity:.55}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 2px 5px #3558d62e}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 11px #3558d63d}.btn-ghost{color:var(--text-secondary);background:#fff;border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#f8fafc;border-color:#c5cfdd}.btn-soft{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-line)}.btn-soft:hover:not(:disabled){background:#e2e9ff}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger);box-shadow:0 2px 5px #c53b3b29}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-danger-ghost{color:var(--danger);background:#fff;border-color:var(--danger-line)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{min-height:31px;padding:5px 10px;border-radius:7px;font-size:11px;gap:5px}.btn-xs{min-height:25px;padding:3px 7px;border-radius:6px;font-size:10.5px;font-weight:550;gap:4px}.btn-block{width:100%}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px;transition:all .15s ease}.icon-btn:hover{color:var(--text);background:#f2f5f9}.icon-btn.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:21px;padding:2px 7px;border:1px solid transparent;border-radius:6px;font-size:10.5px;font-weight:600;line-height:1.4;white-space:nowrap}.badge.is-success{color:var(--success);background:var(--success-soft);border-color:var(--success-line)}.badge.is-warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-line)}.badge.is-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.badge.is-info{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.badge.is-neutral{color:#68758a;background:#f2f5f8;border-color:#e1e6ee}.badge.is-gold{color:#8a6315;background:var(--gold-soft);border-color:#f0dfb7}.badge.is-dark{color:#cdd6e5;background:#ffffff12;border-color:#ffffff1a}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9aa5b5;flex:none}.status-dot.is-success{background:#2aa377;box-shadow:0 0 0 3px #2aa37721}.status-dot.is-danger{background:#d95757;box-shadow:0 0 0 3px #d957571f}.status-dot.is-warning{background:#d59a2c;box-shadow:0 0 0 3px #d59a2c1f}.status-dot.is-info{background:#4a82d0;box-shadow:0 0 0 3px #4a82d01f}.status-dot.is-neutral{background:#a2adbd}.status-dot.is-live{animation:dot-pulse 1.8s ease-out infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #2aa37747}70%{box-shadow:0 0 0 5px #2aa37700}to{box-shadow:0 0 #2aa37700}}.code-chip{display:inline-flex;align-items:center;min-height:19px;padding:1px 5px;color:#5c6b82;background:#f4f6fa;border:1px solid #e7ebf2;border-radius:4px;font-family:var(--mono);font-size:9.5px;white-space:nowrap}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.field-label{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#3c485c;font-size:11.5px;font-weight:600;line-height:1.35}.field-label.required:after{content:"*";color:var(--danger);font-size:11px;margin-left:-2px}.field-aside{color:var(--muted);font-size:10px;font-weight:400}.field-hint{color:var(--muted);font-size:10.5px;line-height:1.5}.field-error{color:var(--danger);font-size:10.5px}.input,.select,.textarea{width:100%;min-height:36px;padding:7px 10px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:8px;font-size:12px;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:#abb4c2}.input:hover,.select:hover,.textarea:hover{border-color:#bac6d7}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3558d61a}.input:disabled,.select:disabled,.textarea:disabled{color:#8d98a8;background:#f6f8fb;cursor:not-allowed}.textarea{min-height:82px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23778599' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.select-sm{min-height:28px;padding:3px 25px 3px 8px;font-size:10.5px;border-radius:6px;background-position:right 8px center}.input-sm{min-height:31px;padding:5px 8px;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .field-span-2{grid-column:span 2}.form-section{padding-top:16px;margin-top:16px;border-top:1px dashed #e7ebf2}.form-section:first-child{padding-top:0;margin-top:0;border-top:0}.form-section-title{display:flex;align-items:center;gap:6px;margin-bottom:11px;color:var(--text-secondary);font-size:10.5px;font-weight:650;letter-spacing:.03em}.form-error{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 11px;color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:8px;font-size:11px;line-height:1.55}.form-actions{display:flex;align-items:center;gap:8px}.callout{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;color:#52627a;background:#f7f9fc;border:1px solid #e9edf4;border-radius:9px;font-size:11px;line-height:1.65}.callout.is-info{color:#345f8f;background:var(--info-soft);border-color:var(--info-line)}.callout.is-warning{color:#7c5a17;background:var(--warning-soft);border-color:var(--warning-line)}.callout.is-danger{color:#873333;background:var(--danger-soft);border-color:var(--danger-line)}.callout .base-icon{margin-top:1px}.form-note{font-size:10.5px;color:var(--muted);line-height:1.6}.required-mark{color:var(--danger)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.switch{position:relative;display:inline-flex;width:36px;height:20px;flex:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:36px;height:20px;background:#cfd7e3;border-radius:999px;transition:background .18s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #17203338;transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:disabled+.switch-track{opacity:.55}.checkbox-line{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.checkbox-line input,.picker-option input,.radio-line input{width:15px;height:15px;accent-color:var(--primary);margin:0}.radio-group{display:flex;flex-wrap:wrap;gap:8px}.radio-card{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;color:var(--text-secondary);background:#fff;border:1px solid var(--border-strong);border-radius:8px;font-size:11.5px;cursor:pointer;transition:all .15s ease}.radio-card input{width:14px;height:14px;accent-color:var(--primary);margin:0}.radio-card.is-active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:11.5px}.data-table th{padding:10px 14px;color:#778499;background:#f8fafc;border-bottom:1px solid #e8edf4;font-size:10px;font-weight:650;letter-spacing:.03em;text-align:left;white-space:nowrap}.data-table td{padding:11px 14px;color:#4a586c;border-bottom:1px solid #eef1f6;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#fbfcfe}.data-table .cell-main{color:var(--text);font-weight:600}.data-table .cell-nowrap,.data-table .cell-actions{white-space:nowrap}.data-table .align-right{text-align:right}.table-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.table-action{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;color:#576780;background:transparent;border:0;border-radius:5px;font-size:10.5px;white-space:nowrap}.table-action:hover{color:var(--primary);background:var(--primary-soft)}.table-action.is-danger{color:#b34a4a}.table-action.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.table-action:disabled{opacity:.4}.table-empty-cell{padding:0!important}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th{padding:7px 10px;color:var(--muted);font-size:9.5px;font-weight:600;text-align:left;border-bottom:1px solid #eef1f6;white-space:nowrap}.mini-table td{padding:8px 10px;border-bottom:1px solid #f2f4f8;color:var(--text-secondary);vertical-align:middle}.mini-table tr:last-child td{border-bottom:0}.mini-table .cell-main{color:var(--text);font-weight:550}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eef1f6;flex-wrap:wrap}.pagination-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10.5px}.pagination-meta strong{color:var(--text-secondary);font-weight:650}.page-size{width:auto;min-width:88px}.pagination-controls{display:flex;align-items:center;gap:3px}.page-btn{min-width:27px;height:27px;padding:0 5px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;font-size:10.5px;line-height:1}.page-btn:hover:not(:disabled):not(.is-active){background:#f2f5f9}.page-btn.is-active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-line);font-weight:650}.page-btn:disabled{opacity:.35}.page-arrow{display:grid;place-items:center;color:#7f8b9d}.page-gap{padding:0 2px;color:#a4aebb;font-size:10px}.tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--border)}.tab-btn{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 15px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;font-weight:550;margin-bottom:-1px}.tab-btn:hover{color:var(--text)}.tab-btn.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:650}.tab-count{min-width:19px;height:18px;display:inline-grid;place-items:center;padding:0 5px;color:#77849a;background:#eef2f7;border-radius:5px;font-size:9.5px;font-weight:600}.tab-btn.is-active .tab-count{color:var(--primary);background:var(--primary-soft)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:28px 20px;text-align:center}.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:3px;color:#8b9ab0;background:#f4f7fb;border:1px solid #e8edf4;border-radius:13px}.empty-title{color:var(--text-secondary);font-size:12px;font-weight:600}.empty-desc{max-width:310px;color:var(--muted);font-size:10.5px;line-height:1.6}.empty-action{margin-top:8px}.filter-card{margin-bottom:16px;padding:13px 15px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-field{position:relative;display:flex;align-items:center;min-width:0}.filter-field .input{min-height:34px;padding-left:32px;font-size:11.5px}.filter-field .base-icon{position:absolute;left:10px;color:#8b98ab;pointer-events:none}.filter-search{flex:0 1 240px}.filter-search .input{width:100%}.filter-select{min-height:34px;width:auto;min-width:116px;font-size:11.5px}.filter-sep{width:1px;height:22px;background:var(--border);margin:0 2px}.filter-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.filter-summary{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10.5px}.filter-summary strong{color:var(--text-secondary)}.modal-layer{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:#0a122085;backdrop-filter:blur(3px)}.modal-panel{width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;margin:auto;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:15px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-sm{max-width:430px}.modal-md{max-width:590px}.modal-lg{max-width:760px}.modal-xl{max-width:940px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px 21px 16px;border-bottom:1px solid #edf0f5}.modal-heading h3{color:var(--text);font-size:16px;font-weight:680;line-height:1.4}.modal-heading p{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.modal-close{width:28px;height:28px;margin-top:-3px;color:#8c98a9}.modal-body{padding:20px 21px;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 21px;background:#fbfcfe;border-top:1px solid #edf0f5}.modal-enter-active,.modal-leave-active{transition:opacity .2s ease}.modal-enter-active .modal-panel,.modal-leave-active .modal-panel{transition:transform .22s cubic-bezier(.22,.8,.35,1),opacity .2s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-panel,.modal-leave-to .modal-panel{transform:translateY(12px) scale(.985);opacity:0}.confirm-heading{display:flex;align-items:flex-start;gap:12px}.confirm-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px}.confirm-icon.is-danger{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-line)}.confirm-icon.is-warning{color:var(--warning);background:var(--warning-soft);border:1px solid var(--warning-line)}.confirm-heading h3{margin-top:5px}.confirm-content{color:var(--text-secondary);font-size:12px;line-height:1.7}.confirm-message{white-space:pre-line}.confirm-phrase{margin-top:14px}.phrase-hint{padding:1px 5px;color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:4px;font-size:10.5px;font-family:var(--mono);letter-spacing:.03em}.toast-stack{position:fixed;top:18px;right:20px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast-item{width:fit-content;max-width:100%;display:flex;align-items:flex-start;gap:9px;padding:10px 11px;color:#38455a;background:#fffffffa;border:1px solid var(--border);border-left:3px solid var(--info);border-radius:9px;box-shadow:0 10px 34px #0f1d3529;pointer-events:auto;backdrop-filter:blur(10px)}.toast-icon{margin-top:1px;color:var(--info)}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-message{font-size:11.5px;line-height:1.55;word-break:break-word}.toast-close{margin-left:3px;padding:2px;color:#a4adba;background:transparent;border:0;border-radius:4px}.toast-close:hover{color:var(--text);background:#f1f4f8}.toast-enter-active,.toast-leave-active{transition:all .22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(12px)}.drawer-layer{position:fixed;inset:0;z-index:110;background:#0a12206b;backdrop-filter:blur(2px)}.drawer-panel{position:absolute;inset:0 0 0 auto;width:min(680px,94vw);height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 60px #0812222e;animation:drawer-in .23s cubic-bezier(.22,.8,.35,1)}@keyframes drawer-in{0%{transform:translate(28px);opacity:.5}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.drawer-title{font-size:17px;font-weight:680;line-height:1.4}.drawer-subtitle{margin-top:3px;color:var(--muted);font-size:10.5px}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px;background:#fbfcfe}.drawer-section{margin-bottom:15px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:11px}.drawer-section:last-child{margin-bottom:0}.drawer-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.drawer-section-title{display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:650}.drawer-section-title .base-icon{color:var(--primary)}.drawer-actions{display:flex;align-items:center;gap:7px;padding:14px 22px;background:#fff;border-top:1px solid var(--border);flex-wrap:wrap}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px}.detail-item{min-width:0}.detail-label{margin-bottom:2px;color:var(--muted);font-size:9.5px;letter-spacing:.02em}.detail-value{color:var(--text-secondary);font-size:11.5px;line-height:1.5;word-break:break-word}.detail-value.is-strong{color:var(--text);font-weight:600}.detail-span-2{grid-column:span 2}.license-box{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(100deg,#fdf9ee,#fffdf8);border:1px dashed #e8d4a2;border-radius:8px}.license-code{flex:1;color:#70521a;font-family:var(--mono);font-size:13px;font-weight:650;letter-spacing:.08em;word-break:break-all}.copy-btn{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:3px 8px;color:#8a681f;background:#fff;border:1px solid #ead7a9;border-radius:6px;font-size:10px;white-space:nowrap}.copy-btn:hover{background:var(--gold-soft)}.feature-tags{display:flex;flex-wrap:wrap;gap:5px}.feature-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;color:#52627a;background:#f7f9fc;border:1px solid #e8edf4;border-radius:6px;font-size:10.5px}.feature-tag strong{color:#8a959f;font-family:var(--mono);font-size:9px;font-weight:600}.detail-table-wrap{border:1px solid #eef1f6;border-radius:8px;overflow:hidden}.detail-empty{padding:18px;color:var(--muted);font-size:10.5px;text-align:center}.tenant-picker{border:1px solid var(--border-strong);border-radius:9px;background:#fff;overflow:hidden}.tenant-picker-search{display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid #eef1f6;color:#8d99aa}.tenant-picker-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:11.5px}.tenant-picker-search input::placeholder{color:#aab4c1}.picker-count{min-width:19px;padding:1px 5px;color:var(--muted);background:#f2f5f9;border-radius:4px;font-size:9px;text-align:center}.selected-chips{display:flex;flex-wrap:wrap;gap:4px;padding:8px 9px;background:#fbfcfe;border-bottom:1px solid #eef1f6}.selected-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 7px;color:#485a72;background:#fff;border:1px solid #dde4ee;border-radius:5px;font-size:9.5px}.selected-chip button{display:grid;place-items:center;width:15px;height:15px;padding:0;color:#98a4b4;background:transparent;border:0;border-radius:3px}.selected-chip button:hover{color:var(--danger);background:var(--danger-soft)}.picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;color:var(--muted);background:#f8fafc;border-bottom:1px solid #eef1f6;font-size:9.5px}.picker-toolbar strong{color:var(--text-secondary)}.picker-links{display:flex;gap:9px}.picker-links button{padding:0;color:var(--primary);background:transparent;border:0;font-size:9.5px}.picker-links button:hover{text-decoration:underline}.picker-options{max-height:156px;overflow-y:auto;padding:4px}.picker-option{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:5px;cursor:pointer}.picker-option:hover{background:#f7f9fc}.picker-option input{flex:none}.picker-option-name{font-size:10.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-option-id{margin-left:auto;color:#97a2b3;font-family:var(--mono);font-size:9px;flex:none}.picker-empty{padding:14px;color:var(--muted);font-size:10px;text-align:center}.auth-root{min-height:100vh}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);background:#f5f6f9}.login-visual{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:34px 44px 26px;color:#dce4f1;background:radial-gradient(ellipse at 84% 14%,rgba(75,103,168,.22),transparent 38%),radial-gradient(ellipse at 10% 78%,rgba(147,113,48,.12),transparent 35%),linear-gradient(150deg,#0b1425,#101d34 48%,#0a1424)}.login-visual-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000,transparent 78%);mask-image:radial-gradient(ellipse at 50% 45%,#000,transparent 78%);pointer-events:none}.login-visual-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.login-orb-one{top:-200px;right:-170px;width:520px;height:520px;background:radial-gradient(circle,rgba(84,115,189,.18),transparent 68%)}.login-orb-two{bottom:-240px;left:-150px;width:540px;height:540px;background:radial-gradient(circle,rgba(206,170,91,.09),transparent 68%)}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.login-brand-mark{display:inline-flex;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.login-brand>span:last-child{display:flex;flex-direction:column;line-height:1.3}.login-brand strong{color:#f4f7fb;font-size:15px;font-weight:650;letter-spacing:.02em}.login-brand small{margin-top:2px;color:#76869f;font-size:10px;letter-spacing:.06em}.login-visual-content{position:relative;z-index:1;width:min(100%,560px);margin:auto;padding:50px 0 36px}.login-kicker{margin-bottom:16px;color:#b99a5d;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.18em}.login-visual h1{color:#f5f7fa;font-size:clamp(30px,3.6vw,44px);font-weight:640;line-height:1.28;letter-spacing:-.03em}.login-lead{max-width:450px;margin-top:16px;color:#8f9fb6;font-size:12.5px;line-height:1.85}.login-market-card{position:relative;margin-top:30px;padding:16px 18px 11px;overflow:hidden;background:linear-gradient(145deg,#ffffff16,#ffffff09);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 50px #0000002e;backdrop-filter:blur(14px)}.market-gridline{position:absolute;inset:55px 0 auto;height:1px;background:#ffffff0d;pointer-events:none}.market-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-live{display:flex;align-items:center;gap:7px;color:#aebbd0;font-size:10px}.market-refresh{display:inline-flex;align-items:center;gap:4px;color:#8c9caf;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em}.market-quote-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.market-name{color:#8b9bb1;font-size:10px}.market-number{margin-top:2px;color:#f0f4fa;font-family:var(--mono);font-size:27px;font-weight:600;letter-spacing:-.03em}.market-number small{margin-left:2px;color:#7f91a9;font-family:var(--font);font-size:9.5px;font-weight:400}.market-change{margin-bottom:7px;padding:2px 6px;color:#7fd2b2;background:#24966f1f;border:1px solid rgba(71,185,145,.16);border-radius:5px;font-family:var(--mono);font-size:9.5px}.market-chart{width:100%;height:82px;margin-top:7px;opacity:.9}.market-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid rgba(255,255,255,.07);color:#718299;font-size:8.5px}.market-card-foot span:first-child{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;display:inline-block;background:var(--gold);border-radius:50%}.login-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.login-feature{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.075)}.feature-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;color:#c2a25f;background:#e7c57513;border:1px solid rgba(231,197,117,.11);border-radius:7px}.login-feature>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.login-feature strong{color:#ccd6e4;font-size:10.5px;font-weight:600}.login-feature small{color:#6e7e94;font-size:9px;line-height:1.45}.login-visual-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4e5d73;font-family:var(--mono);font-size:8px;letter-spacing:.08em}.login-panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:42px 36px;background:#f7f8fb}.login-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(53,88,214,.035),transparent 38%),radial-gradient(circle at 0% 100%,rgba(231,197,117,.06),transparent 30%);pointer-events:none}.login-box{position:relative;z-index:1;width:100%;max-width:356px;padding:2px}.login-mobile-brand{display:none}.login-eyebrow{color:#9a7b3a;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.15em}.login-box h2{margin-top:8px;color:#172033;font-size:25px;font-weight:680;letter-spacing:-.025em}.login-desc{margin-top:8px;color:#7c889b;font-size:11.5px;line-height:1.7}.login-form{margin-top:28px}.login-form .field{margin-bottom:16px}.login-form .field-label{font-size:11px;color:#47556b}.login-form .input{min-height:44px;font-size:12.5px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>.base-icon{position:absolute;left:12px;z-index:1;color:#9aa6b6;pointer-events:none}.input-with-icon .input{padding-left:38px}.input-password{padding-right:41px}.password-toggle{position:absolute;right:7px;z-index:1;display:grid;place-items:center;width:29px;height:29px;padding:0;color:#8e9bad;background:transparent;border:0;border-radius:6px}.password-toggle:hover{color:var(--text-secondary);background:#f2f5f9}.login-error{display:flex;align-items:flex-start;gap:7px;margin:2px 0 15px;padding:9px 10px;color:#a63838;background:#fff3f3;border:1px solid #f2d2d2;border-radius:7px;font-size:10.5px;line-height:1.55}.login-error .base-icon{margin-top:1px}.login-submit{width:100%;min-height:44px;margin-top:3px;border-radius:8px;font-size:12.5px;letter-spacing:.02em}.login-note{display:flex;align-items:flex-start;gap:6px;margin-top:22px;padding-top:16px;color:#929dab;border-top:1px solid #e8ecf2;font-size:9.5px;line-height:1.6}.login-note .base-icon{margin-top:1px;color:#a9b2bf}.login-panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:38px;color:#adb6c2;font-family:var(--mono);font-size:8.5px;letter-spacing:.04em}.has-drawer{overflow:hidden}.is-updating{opacity:.56;pointer-events:none;transition:opacity .15s ease}.heading-count{color:var(--text-secondary);font-family:var(--mono);font-weight:650}.badge.is-blue{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.form-callout{margin-top:14px}.form-switch-row{padding:10px 12px;background:#fafbfd;border:1px solid #eef1f6;border-radius:8px;min-height:48px}.form-switch-row .field-label{display:block;font-size:11.5px}.form-switch-row .field-hint{display:block;margin-top:2px}.confirm-tenant-context,.confirm-context-row,.confirm-release-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:9px 11px;background:#f8fafc;border:1px solid #e9edf4;border-radius:7px;color:var(--text-secondary);font-size:11px}.confirm-tenant-context code{color:var(--text);font-family:var(--mono);font-size:10.5px}.inline-error{display:flex;align-items:center;gap:6px;margin:10px 16px 0;padding:8px 10px;color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:6px;font-size:10.5px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.tenants-card{position:relative}.tenant-table-wrap{min-height:220px}.tenant-table{min-width:1280px}.tenant-table td{padding-top:10px;padding-bottom:10px}.tenant-table th:last-child,.tenant-table td:last-child{min-width:210px}.tenant-name-cell{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tenant-name-cell .cell-title{font-size:12px}.tenant-state-badge{min-height:17px;padding:0 4px;font-size:8.5px;font-weight:550}.domain-cell{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:10.5px}.tenant-table .table-actions{gap:0;flex-wrap:wrap;max-width:220px}.tenant-table .table-action{font-size:10px;padding:3px 4px}.renew-summary{display:flex;align-items:center;justify-content:center;gap:13px;padding:13px;margin-bottom:17px;background:#f8fafc;border:1px solid #e9edf4;border-radius:9px;color:#a2adbb}.renew-summary-item{display:flex;flex-direction:column;gap:3px;min-width:0}.renew-summary-item span{color:var(--muted);font-size:9.5px}.renew-summary-item strong{color:var(--text-secondary);font-family:var(--mono);font-size:10.5px;font-weight:550;white-space:nowrap}.renew-form{margin-top:4px}.renew-months-row{display:flex;align-items:center;gap:8px}.renew-months-row>.input{width:92px;flex:none}.quick-month-group{display:flex;gap:4px;flex-wrap:wrap}.quick-month{min-height:28px;padding:3px 8px;color:var(--text-secondary);background:#f8fafc;border:1px solid #e4e9f2;border-radius:6px;font-size:9.5px}.quick-month:hover{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-line)}.quick-month.is-active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-line);font-weight:600}.drawer-head-copy{min-width:0}.drawer-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.drawer-title-row .drawer-title{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.license-label{flex:none;color:#9a7b3a;font-size:9px;letter-spacing:.05em;border-right:1px solid #eadbb8;padding-right:9px}.detail-list-top{margin-top:14px}.domain-chip{display:inline-flex;padding:1px 6px;margin:0 4px 4px 0;color:#536278;background:#f5f7fb;border:1px solid #e8edf4;border-radius:4px;font-family:var(--mono);font-size:9.5px}.detail-sub-label{margin:14px 0 7px;color:var(--muted);font-size:9.5px}.detail-count{color:var(--muted);font-size:9.5px}.detail-table{min-width:520px}.detail-table td{font-size:9.5px;padding:7px 9px}.detail-table th{font-size:9px;padding:6px 9px}.drawer-foot-hint{display:inline-flex;align-items:center;gap:5px;margin-right:auto;color:var(--muted);font-size:9.5px}.version-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.version-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;background:#fff;border:1px solid var(--border);border-radius:10px}.version-note-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:7px}.version-note-icon.is-blue{color:var(--primary);background:var(--primary-soft);border:1px solid var(--primary-line)}.version-note-icon.is-neutral{color:#707f94;background:#f3f5f9;border:1px solid #e7ebf2}.version-note-icon.is-gold{color:#9b7424;background:var(--gold-soft);border:1px solid #f0dfb7}.version-note strong{display:block;color:var(--text-secondary);font-size:10.5px;font-weight:650;line-height:1.5}.version-note p{margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.55}.version-empty-card{margin-bottom:16px}.version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.version-card{display:flex;flex-direction:column;min-width:0;padding:15px 16px 13px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease}.version-card:hover{border-color:#d2dce9;box-shadow:0 7px 22px #1726400f}.version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.version-card-title-row{display:flex;align-items:center;gap:9px;min-width:0}.version-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;color:#937025;background:var(--gold-soft);border:1px solid #f0dfb7;border-radius:8px}.version-name{overflow:hidden;color:var(--text);font-size:13px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.version-id{margin-top:1px;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.03em}.version-card>.badge{flex:none}.version-desc{height:34px;margin-top:11px;overflow:hidden;color:var(--muted);font-size:10.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.version-feature-block{flex:1;margin-top:10px;padding:9px 10px;background:#fafbfd;border:1px solid #f0f3f7;border-radius:8px}.version-feature-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--muted);font-size:9px}.version-feature-count{font-family:var(--mono);font-size:8.5px}.version-feature-block .feature-tag{padding:2px 5px;background:#fff;font-size:9px}.version-feature-block .feature-tag strong{font-size:8px}.feature-tag.is-reserved{border-style:dashed;border-color:#eadfca;color:#8f7b54}.version-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #f0f3f7}.version-tenant-count{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.version-actions{display:flex;gap:4px}.version-actions .btn{padding-left:7px;padding-right:7px}.version-delete-btn{color:var(--danger);border-color:var(--danger-line)}.version-delete-btn:hover:not(:disabled){background:var(--danger-soft)}.feature-matrix-card{overflow:hidden}.feature-matrix{min-width:700px}.feature-matrix th:first-child{min-width:170px}.feature-matrix th:nth-child(2){min-width:220px}.matrix-version-head{min-width:90px;text-align:center!important}.matrix-version-head span{display:block;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:0}.matrix-version-head small{display:block;margin-top:1px;color:var(--muted);font-size:8px;font-weight:400}.feature-matrix-code{display:inline-block;min-width:24px;color:#7d8ca1;font-family:var(--mono);font-size:9px}.feature-matrix-name{color:var(--text-secondary);font-size:10.5px;font-weight:550}.matrix-tag{display:inline-flex;margin-left:4px;padding:0 4px;color:var(--info);background:var(--info-soft);border-radius:3px;font-size:8px;vertical-align:1px}.matrix-tag.is-reserved{color:var(--warning);background:var(--warning-soft)}.feature-matrix-desc{color:var(--muted)!important;font-size:9.5px;line-height:1.6}.matrix-cell{text-align:center!important}.matrix-check{display:inline-grid;place-items:center;width:23px;height:23px;color:var(--success);background:var(--success-soft);border:1px solid var(--success-line);border-radius:6px}.matrix-none{color:#c7cfda;font-family:var(--mono);font-size:11px}.matrix-footnote{display:flex;align-items:flex-start;gap:6px;padding:11px 16px;color:var(--muted);background:#fbfcfe;border-top:1px solid #eef1f6;font-size:9.5px;line-height:1.6}.feature-pick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.feature-pick-head .form-section-title{margin-bottom:2px}.feature-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.feature-check-option{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;background:#fbfcfe;border:1px solid #e9edf4;border-radius:8px;cursor:pointer;transition:all .15s ease}.feature-check-option:hover{border-color:#cfd9e8}.feature-check-option.is-selected{background:#f7f9ff;border-color:var(--primary-line)}.feature-check-option.is-disabled{cursor:default;background:#f7f9fc}.feature-check-option input{width:14px;height:14px;margin-top:2px;accent-color:var(--primary);flex:none}.feature-check-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-check-title{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--text-secondary);font-size:10.5px;font-weight:550}.feature-check-title strong{color:#7e8ca0;font-family:var(--mono);font-size:8.5px;font-weight:600}.feature-check-title .badge{min-height:15px;padding:0 4px;font-size:7.5px}.feature-check-desc{color:var(--muted);font-size:9px;line-height:1.5}.feature-check-empty{grid-column:span 2;padding:20px;color:var(--muted);font-size:10.5px;text-align:center}.upstream-status-panel{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(400px,1.4fr);align-items:center;gap:20px;min-height:94px;padding:15px 18px;margin-bottom:16px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,rgba(53,88,214,.06),transparent 38%),#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.upstream-status-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--gold),#d8d1bb)}.upstream-status-main{display:flex;align-items:center;gap:11px;min-width:0}.upstream-pulse{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;background:#f5f8fc;border:1px solid #e8edf4}.upstream-pulse.is-success{background:var(--success-soft);border-color:var(--success-line)}.upstream-pulse.is-danger{background:var(--danger-soft);border-color:var(--danger-line)}.upstream-pulse.is-warning{background:var(--warning-soft);border-color:var(--warning-line)}.upstream-panel-label{color:var(--muted);font-size:9px;letter-spacing:.03em}.upstream-panel-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px}.upstream-panel-title-row h2{overflow:hidden;color:var(--text);font-size:14px;font-weight:680;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.upstream-status-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#eef1f6;border:1px solid #eef1f6;border-radius:8px;overflow:hidden}.upstream-status-metrics>div{min-width:0;padding:7px 10px;background:#fbfcfe}.upstream-status-metrics span{display:block;color:var(--muted);font-size:8.5px}.upstream-status-metrics strong{display:block;margin-top:2px;overflow:hidden;color:var(--text-secondary);font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upstream-status-error{grid-column:1 / -1;display:flex;align-items:flex-start;gap:5px;margin-top:-6px;padding-top:9px;color:var(--danger);border-top:1px dashed #f1dcdc;font-size:9.5px}.upstream-table{min-width:1180px}.source-name-row{display:flex;align-items:center;gap:8px}.source-avatar{width:29px;height:29px;display:grid;place-items:center;flex:none;color:#8d99aa;background:#f3f6fa;border:1px solid #e7ecf3;border-radius:7px}.source-avatar.is-active{color:var(--success);background:var(--success-soft);border-color:var(--success-line)}.source-remark{display:block;margin-top:3px;margin-left:37px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upstream-url{display:block;max-width:245px;overflow:hidden;color:var(--text-secondary);font-family:var(--mono);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.source-role-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.enabled-state{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.enabled-state.is-enabled{color:var(--success)}.test-result-text{display:block;max-width:210px;overflow:hidden;color:var(--text-secondary);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.source-live-state{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-family:var(--mono);font-size:8.5px;letter-spacing:.02em;white-space:nowrap}.source-live-state.is-active{color:var(--success)}.upstream-table tr.is-active-row{background:#fbfdf9}.switch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.switch-row-inline{justify-content:space-between;padding:9px 11px;background:#fbfcfe;border:1px solid #eef1f6;border-radius:8px}.switch-row-inline>span:first-child{display:flex;flex-direction:column;gap:1px}.switch-row-inline strong{color:var(--text-secondary);font-size:10.5px;font-weight:600}.switch-row-inline small{color:var(--muted);font-size:8.5px}.field-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.field-map-head .form-section-title{margin-bottom:2px}.field-map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:10px}.json-editor-panel{min-width:0;overflow:hidden;border:1px solid #dde3ec;border-radius:8px;background:#0f1a2d}.json-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px;color:#8e9db2;background:#152238;border-bottom:1px solid #22304a;font-family:var(--mono);font-size:8.5px}.json-editor-bar>span:first-child{display:inline-flex;align-items:center;gap:5px}.json-dot{width:5px;height:5px;display:inline-block;background:var(--gold);border-radius:50%}.json-editor-hint{color:#5f7089;font-size:7.5px}.json-editor{display:block;width:100%;min-height:198px;padding:10px;color:#c6d4e7;background:#0f1a2d;border:0;outline:none;resize:vertical;font-family:var(--mono);font-size:10px;line-height:1.65}.json-editor:focus{box-shadow:inset 0 0 0 1px #e7c57542}.field-map-side{padding:10px;background:#fafbfd;border:1px solid #eef1f6;border-radius:8px}.field-map-side-title{margin-bottom:6px;color:#66758b;font-size:9.5px;font-weight:600}.field-map-key-list{margin-bottom:8px}.field-map-key{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed #edf0f5;font-size:9px}.field-map-key:last-child{border-bottom:0}.field-map-key code{color:#7d6b43;font-family:var(--mono);font-size:8.5px}.field-map-key span{color:var(--muted)}.test-result-panel{display:flex;flex-direction:column;gap:12px}.test-result-summary{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:9px;border:1px solid var(--success-line);background:var(--success-soft)}.test-result-summary.is-failure{border-color:var(--danger-line);background:var(--danger-soft)}.test-result-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;color:var(--success);background:#fff;border-radius:9px;border:1px solid var(--success-line)}.test-result-summary.is-failure .test-result-icon{color:var(--danger);border-color:var(--danger-line)}.test-result-summary>div:nth-child(2){flex:1;min-width:0}.test-result-summary h3{color:var(--text);font-size:12px;font-weight:650}.test-result-summary p{margin-top:2px;color:var(--muted);font-size:9.5px}.test-sample-block{overflow:hidden;border:1px solid #dfe5ed;border-radius:8px}.test-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;color:var(--text-secondary);background:#f7f9fc;border-bottom:1px solid #e9edf4;font-size:9.5px}.test-sample{max-height:150px;margin:0;padding:10px;overflow:auto;color:#3d4f66;background:#fbfcfe;font-family:var(--mono);font-size:9.5px;line-height:1.65;white-space:pre-wrap;word-break:break-all}.test-parsed-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px}.test-parsed-card{min-width:0;padding:10px 12px;background:#fafbfd;border:1px solid #eef1f6;border-radius:8px}.test-parsed-card.is-wide{min-width:0}.test-parsed-label{display:block;color:var(--muted);font-size:9px}.test-parsed-card>strong{display:block;margin-top:3px;color:var(--text);font-family:var(--mono);font-size:22px;font-weight:500}.test-first-quote{max-height:150px;margin:5px 0 0;overflow:auto;color:#4d5d72;font-family:var(--mono);font-size:9px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.package-summary{display:flex;align-items:center;gap:23px;padding:9px 15px;margin-bottom:16px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}.package-summary-item{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.package-summary-item strong{color:var(--text-secondary);font-family:var(--mono);font-size:12px;font-weight:600}.package-summary-note{display:flex;align-items:center;gap:5px;margin-left:auto;color:#939ead;font-size:9px;white-space:nowrap}.package-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.package-group{min-width:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.package-group-head{display:flex;align-items:center;gap:9px;padding:13px 15px;background:#fbfcfe;border-bottom:1px solid #eef1f6}.package-group-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:8px}.package-group-icon.is-backend{color:#526bb7;background:#eff2fd;border:1px solid #e0e5f9}.package-group-icon.is-frontend{color:#9a7227;background:#fcf7eb;border:1px solid #f0e4c7}.package-group-copy{min-width:0;flex:1}.package-group-copy h2{color:var(--text);font-size:12px;font-weight:650;line-height:1.4}.package-group-copy p{margin-top:1px;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.package-group-count{min-width:22px;height:21px;display:inline-grid;place-items:center;padding:0 5px;color:#7b889a;background:#f0f3f8;border-radius:5px;font-family:var(--mono);font-size:9px}.package-list{display:flex;flex-direction:column;gap:10px;padding:12px}.package-card{padding:13px;background:#fff;border:1px solid #e7ebf2;border-radius:10px;transition:border-color .16s ease,box-shadow .16s ease}.package-card:hover{border-color:#d5dfeb;box-shadow:0 5px 17px #1928420b}.package-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.package-version-wrap{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.package-version{color:#1d293d;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:-.03em}.package-date{flex:none;color:var(--muted);font-size:8.5px;white-space:nowrap}.package-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;padding:8px 0;border-top:1px solid #f1f4f8;border-bottom:1px solid #f1f4f8}.package-meta{min-width:0;padding:0 9px;border-right:1px solid #f1f4f8}.package-meta:first-child{padding-left:0}.package-meta:last-child{border-right:0}.package-meta span{display:block;color:var(--muted);font-size:8.5px}.package-meta strong{display:block;margin-top:2px;overflow:hidden;color:var(--text-secondary);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.package-gray-block{margin-top:9px;padding:8px 9px;background:#fafbfd;border:1px solid #f0f3f7;border-radius:7px}.package-gray-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.package-gray-title{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:9px;font-weight:550}.package-gray-count{color:var(--muted);font-family:var(--mono);font-size:8.5px}.gray-name-list{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.gray-name-chip{padding:1px 5px;color:#68778c;background:#fff;border:1px solid #e7ecf3;border-radius:4px;font-size:8.5px}.gray-name-more{padding:1px 5px;color:var(--muted);background:#f1f4f8;border-radius:4px;font-size:8px}.package-gray-empty{margin-top:5px;color:#a1acba;font-size:8.5px}.package-note{margin-top:8px;color:var(--text-secondary);font-size:9.5px;line-height:1.65;white-space:pre-line;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.package-hash{margin-top:6px;color:#a5afbc;font-size:8px}.package-card-foot{display:flex;align-items:center;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #f1f4f8;flex-wrap:wrap}.package-card-foot .btn-xs{min-height:24px;font-size:9px;padding:3px 7px}.package-delete-btn{margin-left:auto;color:#a95858}.package-delete-btn:hover{color:var(--danger);background:var(--danger-soft)}.released-note{display:inline-flex;align-items:center;gap:3px;color:var(--success);font-size:8.5px}.package-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:26px 18px;text-align:center}.package-empty-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:7px;color:#95a2b4;background:#f5f8fb;border:1px solid #e9eef5;border-radius:11px}.package-group-empty p{color:var(--text-secondary);font-size:10.5px;font-weight:550}.package-group-empty small{margin-top:3px;color:var(--muted);font-size:9px}.package-type-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.package-type-choice{display:flex;align-items:flex-start;gap:8px;padding:10px;color:#7b899b;background:#fbfcfe;border:1px solid #e7ecf3;border-radius:8px;cursor:pointer;transition:all .15s ease}.package-type-choice:hover{border-color:#cfd9e8}.package-type-choice.is-active{color:var(--primary);background:#f7f9ff;border-color:var(--primary-line)}.package-type-choice input{position:absolute;opacity:0;pointer-events:none}.package-type-choice .base-icon{margin-top:1px}.package-type-choice>span{display:flex;flex-direction:column;gap:2px}.package-type-choice strong{color:var(--text-secondary);font-size:10.5px;font-weight:600}.package-type-choice.is-active strong{color:var(--primary)}.package-type-choice small{color:var(--muted);font-size:8.5px;line-height:1.45}.file-input-hidden{display:none}.upload-drop{display:flex;align-items:center;gap:11px;min-height:76px;padding:13px;background:#fbfcfe;border:1px dashed #cfd8e5;border-radius:9px;cursor:pointer;transition:all .16s ease}.upload-drop:hover,.upload-drop.is-active{background:#f7f9ff;border-color:#9fafe0}.upload-drop.has-file{background:#f8fbf9;border-style:solid;border-color:var(--success-line)}.upload-drop-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;color:#8290a5;background:#fff;border:1px solid #e7ecf3;border-radius:9px}.upload-drop.has-file .upload-drop-icon{color:var(--success);border-color:var(--success-line)}.upload-drop-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-drop-copy strong{overflow:hidden;color:var(--text-secondary);font-size:10.5px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.upload-drop-copy small{color:var(--muted);font-size:8.5px}.upload-clear{flex:none;width:27px;height:27px}.upload-release-note{margin-top:13px}.edit-hash{overflow:hidden;min-height:36px;padding:8px 10px;color:var(--muted);background:#f7f9fc;border:1px solid #e9edf4;border-radius:8px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.confirm-release-context{align-items:flex-start;flex-direction:column;gap:7px}.confirm-release-context>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.confirm-release-context strong{color:var(--text);font-family:var(--mono);font-size:12px}.release-context-meta{color:var(--muted);font-size:9.5px}.logs-page-card{overflow:hidden}.logs-tabs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--border)}.logs-tabs-head .tabs{border-bottom:0;gap:7px}.logs-tabs-head .tab-btn{padding-left:5px;padding-right:5px;gap:5px}.logs-tabs-head .tab-btn+.tab-btn{margin-left:4px}.logs-retention-note{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.logs-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#fbfcfe;border-bottom:1px solid #eef1f6}.logs-filter-bar .filter-field{flex:0 1 280px}.logs-tenant-filter{flex:0 1 180px}.logs-filter-summary{margin-left:auto;color:var(--muted);font-size:9.5px;white-space:nowrap}.logs-full-table{min-width:880px}.logs-full-table td{padding-top:10px;padding-bottom:10px}.log-user{display:block;color:var(--text-secondary);font-size:10.5px;font-weight:550}.log-detail-wide{max-width:330px;color:var(--text-secondary)!important;font-size:9.5px;line-height:1.6;white-space:normal;word-break:break-word}.device-text{display:block;max-width:135px;overflow:hidden;color:var(--muted)!important;font-size:9px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1250px){.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-groups{grid-template-columns:1fr}.upstream-status-panel{grid-template-columns:1fr;gap:11px}}@media (max-width: 1050px){.version-notes,.feature-check-grid{grid-template-columns:1fr}.feature-check-empty{grid-column:span 1}}@media (max-width: 900px){.package-summary-note{display:none}.logs-tabs-head{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:6px}.logs-retention-note{margin-bottom:4px}.logs-tabs-head .tabs{width:100%}.logs-filter-bar .filter-field{flex:1 1 230px}}@media (max-width: 760px){.tenant-table th:last-child,.tenant-table td:last-child{min-width:190px}.upstream-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.upstream-status-panel{padding:14px}.field-map-layout{grid-template-columns:1fr}.field-map-side{display:none}.switch-options,.test-parsed-grid{grid-template-columns:1fr}.test-parsed-card.is-wide{min-width:0}.package-type-choices{grid-template-columns:1fr}.package-card-head{align-items:flex-start;flex-direction:column;gap:4px}.package-date{align-self:flex-end;margin-top:-16px}.version-grid{grid-template-columns:1fr}.feature-matrix-card .table-wrap{overflow-x:auto}.renew-summary{align-items:flex-start;flex-direction:column;gap:6px}.renew-summary>.base-icon{transform:rotate(90deg);margin-left:22px}.renew-summary-item strong{white-space:normal}.renew-months-row{align-items:flex-start;flex-direction:column}.quick-month-group{width:100%}.quick-month{flex:1}.logs-filter-bar .filter-field{flex:1 1 100%}.logs-filter-bar .filter-select{flex:1;min-width:100px}.logs-filter-summary{width:100%;margin-left:0;padding-top:3px}.license-box{align-items:flex-start;flex-wrap:wrap}.license-code{flex:1 1 100%;order:3;font-size:11px}.license-label{border-right:0;padding-right:0}.license-box .copy-btn{margin-left:auto}.drawer-title-row .drawer-title{max-width:240px}.drawer-foot-hint{width:100%;margin-bottom:4px}.package-summary{gap:16px}}@media (max-width: 560px){.version-note{padding:9px 10px}.version-grid{gap:10px}.package-card{padding:11px}.package-meta{padding:0 6px}.package-meta-grid{gap:0}.feature-pick-head{align-items:flex-start;flex-direction:column;gap:5px}.source-live-state{font-size:8px}.test-result-summary{align-items:flex-start;flex-wrap:wrap}.test-result-summary .badge{margin-left:49px}.logs-tabs-head{padding-left:12px;padding-right:12px}.logs-filter-bar{padding:10px 12px}.logs-full-table{min-width:760px}.drawer-title-row .drawer-title{max-width:180px}.package-summary{padding:9px 12px;gap:14px}}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:12px}.stat-card{position:relative;min-height:126px;padding:15px 16px 14px;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-card:after{content:"";position:absolute;width:100px;height:100px;right:-43px;bottom:-50px;border-radius:50%;background:radial-gradient(circle,rgba(53,88,214,.075),transparent 70%);pointer-events:none}.stat-red:after{background:radial-gradient(circle,rgba(197,59,59,.08),transparent 70%)}.stat-amber:after{background:radial-gradient(circle,rgba(167,106,9,.08),transparent 70%)}.stat-green:after{background:radial-gradient(circle,rgba(21,128,91,.08),transparent 70%)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:550}.stat-icon{width:30px;height:30px;display:grid;place-items:center;color:#697c9d;background:#f3f6fb;border:1px solid #e9eef6;border-radius:8px}.stat-blue .stat-icon{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-line)}.stat-green .stat-icon{color:var(--success);background:var(--success-soft);border-color:var(--success-line)}.stat-amber .stat-icon{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-line)}.stat-red .stat-icon{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.stat-value-row{display:flex;align-items:center;gap:9px;margin-top:9px}.stat-value{color:#142037;font-family:var(--mono);font-size:28px;font-weight:600;letter-spacing:-.055em;line-height:1.1}.stat-live{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:.05em}.stat-meta{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.stat-strip{display:flex;align-items:center;gap:22px;min-height:40px;padding:7px 15px;margin-bottom:16px;background:#ffffffa8;border:1px solid var(--border);border-radius:10px;overflow-x:auto}.stat-strip-item{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10.5px;white-space:nowrap}.stat-strip-item strong{color:var(--text-secondary);font-family:var(--mono);font-size:12px;font-weight:600}.stat-strip-divider{width:1px;height:16px;background:#e2e7ef;flex:none}.stat-strip-meta{display:flex;align-items:center;gap:14px;margin-left:auto;color:#8f9bab;font-size:9.5px;white-space:nowrap}.system-chip{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.dashboard-top-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:16px;margin-bottom:16px}.hub-panel{position:relative;min-width:0;padding:19px 20px 16px;overflow:hidden;color:#dce5f2;background:radial-gradient(ellipse at 100% 0%,rgba(87,117,183,.23),transparent 38%),radial-gradient(ellipse at 0% 100%,rgba(169,131,55,.08),transparent 40%),linear-gradient(135deg,#111e35,#0c172a 62%,#101c31);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:0 9px 26px #0d172b26}.hub-panel:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(110deg,transparent 35%,#000);mask-image:linear-gradient(110deg,transparent 35%,#000);pointer-events:none}.hub-glow{position:absolute;top:-65px;right:8%;width:230px;height:150px;background:#e7c57517;filter:blur(40px);border-radius:50%;pointer-events:none}.hub-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hub-title-wrap{display:flex;align-items:center;gap:10px}.hub-symbol{width:36px;height:36px;display:grid;place-items:center;color:var(--gold);background:#e7c57514;border:1px solid rgba(231,197,117,.13);border-radius:9px}.hub-title{color:#f4f7fb;font-size:14px;font-weight:650;letter-spacing:.01em}.hub-subtitle{margin-top:2px;color:#718199;font-family:var(--mono);font-size:8.5px;letter-spacing:.01em}.hub-head .badge{margin-top:2px;flex:none}.hub-head .badge.is-success{color:#8ad6b9;background:#2ca07924;border-color:#5ec29f29}.hub-head .badge.is-danger{color:#e6a3a3;background:#c9484824;border-color:#e0787829}.hub-url-row{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 10px;background:#00000029;border:1px solid rgba(255,255,255,.065);border-radius:7px;min-width:0}.hub-url-icon{color:#7185a3}.hub-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#bcc9db;font-family:var(--mono);font-size:10px;white-space:nowrap}.hub-port{flex:none;padding:2px 6px;color:#9eafc5;background:#ffffff0e;border-radius:4px;font-size:8.5px;font-family:var(--mono)}.hub-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:13px;background:#fff1;border:1px solid rgba(255,255,255,.065);border-radius:8px;overflow:hidden}.hub-metric{min-width:0;padding:11px 12px;background:#0d192d8f}.hub-metric-label{display:block;color:#74859d;font-size:9px;white-space:nowrap}.hub-metric strong{display:block;margin-top:3px;overflow:hidden;color:#f0f3f8;font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.04em;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.hub-metric strong.hub-metric-date{margin-top:6px;color:#c2cfe0;font-size:10px;font-weight:400;letter-spacing:-.01em}.hub-metric small{display:block;margin-top:1px;color:#4d607a;font-family:var(--mono);font-size:7.5px;letter-spacing:.04em}.hub-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#62728a;font-size:8.5px}.hub-live-line{display:flex;align-items:center;gap:6px;color:#8697ad}.upstream-overview-card{min-width:0;display:flex;flex-direction:column}.upstream-current{padding:14px 16px 12px;border-bottom:1px solid #eef1f6}.upstream-current-head{display:flex;align-items:center;gap:9px}.upstream-source-mark{width:32px;height:32px;display:grid;place-items:center;flex:none;color:#526889;background:#f3f6fa;border:1px solid #e8edf4;border-radius:8px}.upstream-source-name{overflow:hidden;color:var(--text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upstream-source-sub{margin-top:1px;color:var(--muted);font-size:9.5px}.upstream-mini-stats{display:flex;align-items:center;gap:30px;margin-top:11px;padding:8px 10px;background:#fafbfd;border:1px solid #f0f3f7;border-radius:7px}.upstream-mini-stats>div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9.5px}.upstream-mini-stats strong{color:var(--text-secondary);font-family:var(--mono);font-size:12px;font-weight:600}.upstream-error{display:flex;align-items:flex-start;gap:5px;margin-top:8px;color:var(--danger);font-size:9.5px;line-height:1.5}.upstream-error .base-icon{margin-top:1px}.upstream-source-list{flex:1;padding:11px 16px 13px}.upstream-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;color:var(--muted);font-size:9.5px}.upstream-list-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f1f4f8}.upstream-list-item:last-child{border-bottom:0}.upstream-radio{width:21px;height:21px;display:grid;place-items:center;flex:none;border:1px solid #e4e9f1;border-radius:50%}.upstream-radio.is-active{background:var(--success-soft);border-color:var(--success-line)}.upstream-list-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.upstream-list-name{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--text-secondary);font-size:10.5px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.upstream-list-name .badge{min-height:16px;padding:0 4px;font-size:8px}.upstream-list-hint{color:var(--muted);font-size:8.5px}.upstream-list-state{flex:none;color:#a1aebe;font-family:var(--mono);font-size:7.5px;letter-spacing:.05em}.upstream-list-state.is-active{color:var(--success)}.upstream-empty{padding:18px 0 12px;color:var(--muted);font-size:10px;text-align:center}.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.online-table{min-width:680px}.version-cell{font-family:var(--mono);font-size:9.5px;white-space:nowrap}.package-mini-list{padding:4px 16px 8px}.package-mini-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f1f4f8}.package-mini-item:last-child{border-bottom:0}.pkg-type-mark{width:27px;height:27px;display:grid;place-items:center;flex:none;color:#506482;background:#f3f6fa;border:1px solid #e7ecf3;border-radius:7px;font-family:var(--mono);font-size:10px;font-weight:650}.pkg-type-mark.is-backend{color:#5a6bb2;background:#f1f3fd;border-color:#e2e6f8}.pkg-type-mark.is-frontend{color:#a27727;background:#fcf7eb;border-color:#f0e4c7}.package-mini-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.package-mini-title{display:flex;align-items:baseline;gap:5px;color:var(--text-secondary);font-size:10.5px}.package-mini-title strong{color:var(--text);font-size:10px;font-weight:600}.package-mini-meta{overflow:hidden;color:var(--muted);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.package-mini-item .badge{min-height:19px;flex:none}.dashboard-logs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logs-table{min-width:470px}.logs-table td{padding-top:9px;padding-bottom:9px}.log-detail-cell{max-width:185px;overflow:hidden;color:var(--muted)!important;font-size:10px;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1250px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-top-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr)}.hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}}@media (max-width: 1050px){.dashboard-top-grid,.dashboard-content-grid{grid-template-columns:1fr}.hub-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-strip-meta{margin-left:0}.stat-strip{gap:16px;flex-wrap:wrap}}@media (max-width: 760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:114px;padding:13px}.stat-value{font-size:25px}.stat-strip{align-items:flex-start;flex-wrap:wrap;gap:9px 17px;padding:10px 12px}.stat-strip-meta{width:100%;padding-top:7px;border-top:1px solid #edf0f5;flex-wrap:wrap;gap:8px 12px;white-space:normal}.stat-strip-divider{display:none}.hub-panel{padding:15px}.hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-foot{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-logs-grid{grid-template-columns:1fr}.hub-url-row{flex-wrap:wrap}.hub-port{margin-left:24px}}@media (max-width: 430px){.stat-card{min-height:104px}.stat-value{font-size:23px}.stat-label{font-size:10px}.hub-head{flex-direction:column;gap:9px}.hub-head .badge{align-self:flex-start}.upstream-mini-stats{gap:18px}.upstream-list-state{display:none}}@media (max-width: 1280px){.topbar{padding:12px 24px}.content{padding:24px 24px 16px}.pill-text,.status-pill .base-icon{display:none}}@media (max-width: 1100px){.sidebar{width:232px}.main-shell{margin-left:232px}.topbar-live .status-pill:nth-child(2){display:none}.user-copy{display:none}}@media (max-width: 900px){.sidebar{width:256px;transform:translate(-102%);transition:transform .24s cubic-bezier(.22,.8,.35,1);z-index:65}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:inline-grid}.sidebar-mask.is-open{opacity:1;visibility:visible}.main-shell{margin-left:0}.mobile-menu{display:inline-grid}.topbar{min-height:68px;padding:10px 18px;flex-wrap:wrap;gap:10px}.topbar-right{gap:8px}.topbar-live{order:3;width:100%;padding-top:7px;border-top:1px solid #eef1f6;overflow-x:auto}.topbar-live .status-pill:nth-child(2){display:inline-flex}.topbar-live .status-pill .base-icon{display:block}.topbar-live .pill-text{display:inline}.topbar-divider,.logout-text{display:none}.logout-btn{width:30px;justify-content:center;padding:4px}.content{padding:20px 18px 14px}.content-footer{padding-top:20px;font-size:9.5px;flex-wrap:wrap}.page-head{align-items:flex-start;flex-direction:column;gap:12px}.page-actions{width:100%}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:32px 22px}.login-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:#24324a;font-size:13px;font-weight:650}}@media (max-width: 620px){.topbar{padding:9px 14px}.topbar-eyebrow,.crumb-separator{display:none}.topbar-page{font-size:15px}.topbar-subtitle{font-size:10px;max-width:185px}.topbar-user{gap:4px}.user-avatar{width:30px;height:30px;font-size:12px}.content{padding:17px 13px 12px}.page-title{font-size:20px}.page-actions .btn{flex:1}.page-actions .page-actions-note{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .field-span-2{grid-column:span 1}.filter-search{flex:1 1 100%}.filter-actions{margin-left:0;width:100%}.filter-actions .btn{flex:1}.modal-layer{padding:10px}.modal-panel{max-height:calc(100vh - 20px);border-radius:13px}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px}.detail-list{grid-template-columns:1fr}.detail-span-2{grid-column:span 1}.drawer-panel{width:100%}.drawer-head{padding:16px}.drawer-body{padding:13px}.drawer-actions{padding:12px 16px}.toast-stack{top:10px;right:10px;width:calc(100vw - 20px)}.toast-item{width:100%}.pagination-bar{align-items:flex-start;flex-direction:column;gap:9px;padding:11px 12px}.pagination-controls{width:100%;justify-content:center}.login-panel{align-items:flex-start;padding:26px 20px 34px}.login-box{max-width:100%;padding-top:8px}.login-mobile-brand{margin-bottom:27px}.login-box h2{font-size:23px}.login-note{margin-top:18px}.login-panel-footer{margin-top:28px}}