:root{--yb-brand:#0052d9;--yb-brand-hover:#266eff;--yb-brand-active:#003cab;--yb-brand-light:#ecf2fe;--yb-brand-focus:#0052d938;--yb-success:#00a870;--yb-success-deep:#067945;--yb-success-bg:#e8f8f2;--yb-warning:#ed7b2f;--yb-warning-deep:#ba431b;--yb-warning-bg:#fef3e6;--yb-error:#d54941;--yb-error-deep:#b11f26;--yb-error-bg:#fdecee;--yb-info:#0594fa;--yb-info-bg:#e6f4ff;--yb-text-1:#000000e6;--yb-text-2:#0009;--yb-text-3:#0006;--yb-text-4:#00000042;--yb-page-bg:#f5f7fa;--yb-card-bg:#fff;--yb-fill-1:#f7f8fa;--yb-fill-2:#f3f5f8;--yb-border:#e7e9ee;--yb-border-deep:#dcdfe6;--yb-sidebar-bg:#0e1a38;--yb-sidebar-text:#ffffffb8;--yb-sidebar-text-2:#ffffff73;--yb-sidebar-group:#ffffff61;--yb-sidebar-hover:#ffffff12;--yb-sidebar-active:#0052d952;--yb-sidebar-bar:#4c8dff;--yb-radius-sm:4px;--yb-radius:6px;--yb-radius-lg:8px;--yb-shadow-1:0 1px 2px #0f172a0a, 0 1px 6px #0f172a0f;--yb-shadow-2:0 6px 16px #0f172a1a, 0 3px 6px #0f172a0f;--yb-ease:cubic-bezier(.16, 1, .3, 1);--yb-sidebar-w:232px;--yb-header-h:56px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{color:var(--yb-text-1);background:var(--yb-page-bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:22px}.mono{font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}a{color:var(--yb-brand);text-decoration:none}a:hover{color:var(--yb-brand-hover)}:focus-visible{outline:2px solid var(--yb-brand-focus);outline-offset:2px;border-radius:var(--yb-radius-sm)}.skip-link{z-index:100;background:var(--yb-brand);color:#fff;border-radius:0 0 6px;padding:8px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{color:#fff;left:0}.app{min-height:100vh;display:flex}.sidebar{width:var(--yb-sidebar-w);flex:0 0 var(--yb-sidebar-w);background:var(--yb-sidebar-bg);color:var(--yb-sidebar-text);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 18px 14px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#266eff 0%,#0052d9 60%,#003cab 100%);border-radius:7px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 6px #0052d973}.sidebar-brand-name{color:#fff;font-size:15px;font-weight:600;line-height:20px}.sidebar-brand-sub{color:var(--yb-sidebar-text-2);font-size:11px;line-height:16px}.sidebar-nav{flex:1;padding:10px 10px 16px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:2px}.nav-group-title{letter-spacing:.08em;color:var(--yb-sidebar-group);padding:14px 10px 6px;font-size:11px}.nav-item{width:100%;font:inherit;border-radius:var(--yb-radius);color:var(--yb-sidebar-text);cursor:pointer;transition:background .15s var(--yb-ease), color .15s var(--yb-ease);white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;margin:1px 0;padding:8px 10px;font-size:13.5px;display:flex;position:relative}.nav-item svg{opacity:.85;flex:0 0 17px;width:17px;height:17px}.nav-item:hover{background:var(--yb-sidebar-hover);color:#fff}.nav-item.active{background:var(--yb-sidebar-active);color:#fff;font-weight:600}.nav-item.active:before{content:"";background:var(--yb-sidebar-bar);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-10px}.nav-item.planned{color:var(--yb-sidebar-text-2);cursor:not-allowed}.nav-item.planned:hover{color:var(--yb-sidebar-text-2);background:0 0}.nav-badge{color:#fff;text-align:center;background:#003cab;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:12px;font-weight:600;line-height:18px}.nav-badge.danger{background:#b11f26}.nav-planned-tag{color:var(--yb-sidebar-text-2);border:1px solid #ffffff38;border-radius:4px;margin-left:auto;padding:0 5px;font-size:10px;line-height:16px}.sidebar-foot{color:var(--yb-sidebar-text-2);border-top:1px solid #ffffff14;padding:12px 18px;font-size:11px;line-height:18px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--yb-header-h);background:var(--yb-card-bg);border-bottom:1px solid var(--yb-border);z-index:20;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-search{background:var(--yb-fill-1);border-radius:var(--yb-radius);width:320px;height:34px;color:var(--yb-text-3);border:1px solid #0000;align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:border .15s,background .15s,box-shadow .15s;display:flex;position:relative}.topbar-search:hover{border-color:var(--yb-border-deep);background:#fff}.topbar-search:focus-within{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus);background:#fff}.topbar-search .search-ico{flex:0 0 15px}.topbar-search-input{min-width:0;height:100%;font:inherit;color:var(--yb-text-1);background:0 0;border:none;outline:none;flex:1}.topbar-search-input::placeholder{color:var(--yb-text-3)}.topbar-search kbd{color:var(--yb-text-3);border:1px solid var(--yb-border);background:#fff;border-radius:4px;flex:none;margin-left:auto;padding:1px 6px;font-family:inherit;font-size:11px}.topbar-right{align-items:center;gap:18px;margin-left:auto;display:flex}.topbar-icon-btn{border-radius:var(--yb-radius);width:32px;height:32px;color:var(--yb-text-2);cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--yb-fill-2);color:var(--yb-text-1)}.topbar-icon-btn .dot{background:var(--yb-error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:6px}.topbar-user{cursor:pointer;align-items:center;gap:9px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#4787f0,#0052d9);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.topbar-user-name{color:var(--yb-text-1);font-size:13px}.topbar-user-role{color:var(--yb-text-3);font-size:11px;line-height:14px}.content{width:100%;max-width:1440px;padding:20px 24px 40px}.page-head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-title{font-size:20px;font-weight:600;line-height:28px}.page-desc{color:var(--yb-text-3);margin-top:3px;font-size:12px}.page-actions{gap:10px;margin-left:auto;display:flex}.card{background:var(--yb-card-bg);border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);box-shadow:var(--yb-shadow-1)}.card-pad{padding:20px}.card-title{align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:24px;display:flex}.card-sub{color:var(--yb-text-3);font-size:12px;font-weight:400}.card-head{align-items:center;gap:10px;padding:16px 20px 0;display:flex}.card-head+.card-body{padding-top:14px}.btn{border-radius:var(--yb-radius);cursor:pointer;-webkit-user-select:none;user-select:none;height:32px;transition:background .15s var(--yb-ease), border-color .15s, color .15s, box-shadow .15s;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn svg{width:15px;height:15px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--yb-brand);color:#fff}.btn-primary:hover{background:var(--yb-brand-hover);color:#fff}.btn-primary:active{background:var(--yb-brand-active)}.btn-primary.disabled,.btn-primary:disabled{cursor:not-allowed;background:#bbd3fb;transform:none}.btn-default{border-color:var(--yb-border-deep);color:var(--yb-text-1);background:#fff}.btn-default:hover{border-color:var(--yb-brand);color:var(--yb-brand);background:#f5f9ff}.btn-default:active{background:#e3edff}.btn-danger{border-color:var(--yb-error);color:var(--yb-error);background:#fff}.btn-danger:hover{background:var(--yb-error);color:#fff}.btn-sm{border-radius:var(--yb-radius-sm);height:26px;padding:0 10px;font-size:12px}.link-btn{color:var(--yb-brand);cursor:pointer;border-radius:var(--yb-radius-sm);background:0 0;border:none;padding:4px 2px;font-size:13px}.link-btn:hover{color:var(--yb-brand-hover);text-decoration:underline}.link-btn.danger{color:var(--yb-error)}.link-btn.danger:hover{color:var(--yb-error-deep)}.link-btn.disabled{color:var(--yb-text-4);cursor:not-allowed;text-decoration:none}.tag{border-radius:var(--yb-radius-sm);white-space:nowrap;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.tag-success{background:var(--yb-success-bg);color:var(--yb-success-deep)}.tag-warning{background:var(--yb-warning-bg);color:var(--yb-warning-deep)}.tag-error{background:var(--yb-error-bg);color:var(--yb-error-deep)}.tag-info{background:var(--yb-info-bg);color:#0558a6}.tag-brand{background:var(--yb-brand-light);color:var(--yb-brand)}.tag-grey{background:var(--yb-fill-2);color:var(--yb-text-2)}.tag-outline{border:1px solid var(--yb-border-deep);color:var(--yb-text-2);background:#fff}.tag .pulse{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite yb-pulse}@keyframes yb-pulse{0%,to{opacity:1}50%{opacity:.35}}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:14px}.table thead th{background:var(--yb-fill-1);color:var(--yb-text-2);text-align:left;border-bottom:1px solid var(--yb-border);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:600}.table tbody td{color:var(--yb-text-1);vertical-align:middle;border-bottom:1px solid #eef0f4;padding:12px 16px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--yb-fill-2)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .cell-main{font-weight:500}.table .cell-sub{color:var(--yb-text-3);margin-top:2px;font-size:12px}.table .ops{white-space:nowrap;gap:10px;display:flex}.table .row-flag{border-left:3px solid #0000}.table .row-flag.error{border-left-color:var(--yb-error)}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.filter-item{align-items:center;gap:8px;display:flex}.filter-label{color:var(--yb-text-2);white-space:nowrap;font-size:13px}.filter-bar .spacer{flex:1}.input,.select{border:1px solid var(--yb-border-deep);border-radius:var(--yb-radius);height:32px;color:var(--yb-text-1);background:#fff;min-width:150px;padding:0 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:hover,.select:hover{border-color:var(--yb-brand)}.input:focus,.select:focus{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus);outline:none}.input::placeholder{color:var(--yb-text-3)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.stat-card{background:var(--yb-card-bg);border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);box-shadow:var(--yb-shadow-1);padding:16px 20px;position:relative;overflow:hidden}.stat-label{color:var(--yb-text-2);align-items:center;gap:6px;font-size:13px;display:flex}.stat-value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:600;line-height:36px}.stat-value .unit{color:var(--yb-text-3);margin-left:4px;font-size:13px;font-weight:400}.stat-foot{color:var(--yb-text-3);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.stat-trend-up{color:var(--yb-success-deep);font-weight:600}.stat-trend-down{color:var(--yb-error);font-weight:600}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:14px}.stat-icon.brand{background:var(--yb-brand-light);color:var(--yb-brand)}.stat-icon.success{background:var(--yb-success-bg);color:var(--yb-success)}.stat-icon.warning{background:var(--yb-warning-bg);color:var(--yb-warning)}.stat-icon.error{background:var(--yb-error-bg);color:var(--yb-error)}.meter{align-items:center;gap:8px;display:flex}.meter-track{background:var(--yb-fill-2);border-radius:3px;width:64px;height:6px;overflow:hidden}.meter-fill{height:100%;transition:width .4s var(--yb-ease);border-radius:3px}.meter-fill.good{background:var(--yb-success)}.meter-fill.mid{background:var(--yb-warning)}.meter-fill.low{background:var(--yb-error)}.meter-num{color:var(--yb-text-2);font-variant-numeric:tabular-nums;font-size:12px}.diff-old{color:var(--yb-error);background:var(--yb-error-bg);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 6px;text-decoration:line-through;text-decoration-thickness:1.5px;display:inline-block}.diff-new{color:var(--yb-success-deep);background:var(--yb-success-bg);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 6px;font-weight:600;display:inline-block}.diff-arrow{color:var(--yb-text-3);margin:0 2px}.src-chip{background:var(--yb-fill-1);border:1px solid var(--yb-border);border-radius:var(--yb-radius-sm);color:var(--yb-text-2);cursor:help;align-items:center;gap:5px;padding:3px 8px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex}.src-chip:hover{border-color:var(--yb-brand);background:var(--yb-brand-light);color:var(--yb-brand)}.src-chip svg{flex:0 0 13px;width:13px;height:13px}.src-pop{z-index:60;border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);width:320px;box-shadow:var(--yb-shadow-2);color:var(--yb-text-2);background:#fff;padding:14px 16px;font-size:12px;position:absolute}.src-pop h5{color:var(--yb-text-1);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.src-pop .kv{gap:8px;line-height:22px;display:flex}.src-pop .kv b{color:var(--yb-text-2);min-width:62px;font-weight:500}.src-pop .cell-snap{background:var(--yb-fill-1);border-radius:var(--yb-radius-sm);border:1px solid var(--yb-border);margin-top:8px;padding:8px 10px}.src-pop .cell-snap .hl{background:#fff3c4;border-radius:2px;padding:0 2px;font-weight:600}.src-pop-hidden{display:none}.tabs{border-bottom:1px solid var(--yb-border);gap:4px;padding:0 20px;display:flex}.tab{color:var(--yb-text-2);cursor:pointer;background:0 0;border:none;padding:12px 14px;font-size:14px;transition:color .15s;position:relative}.tab:hover{color:var(--yb-text-1)}.tab.active{color:var(--yb-brand);font-weight:600}.tab.active:after{content:"";background:var(--yb-brand);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.switch{cursor:pointer;width:36px;height:20px;transition:background .2s var(--yb-ease);background:#c5c8cf;border:none;border-radius:10px;flex:0 0 36px;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform .2s var(--yb-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--yb-brand)}.switch.on:after{transform:translate(16px)}.batch-bar{z-index:15;border:1px solid var(--yb-brand);border-radius:var(--yb-radius-lg);box-shadow:var(--yb-shadow-2);background:#fff;align-items:center;gap:14px;margin-bottom:12px;padding:10px 16px;font-size:13px;display:flex;position:sticky;top:66px}.batch-bar .count{color:var(--yb-brand);font-weight:600}.toast-wrap{z-index:999;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--yb-border);border-left:3px solid var(--yb-success);border-radius:var(--yb-radius);box-shadow:var(--yb-shadow-2);color:var(--yb-text-1);animation:toast-in .25s var(--yb-ease);background:#fff;align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:flex}.toast.info{border-left-color:var(--yb-brand)}.toast.warn{border-left-color:var(--yb-warning)}.toast.error{border-left-color:var(--yb-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.skeleton-row{gap:16px;padding:14px 16px;display:flex}.skeleton-bar{background:linear-gradient(90deg, var(--yb-fill-2) 25%, #eceff4 50%, var(--yb-fill-2) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s infinite yb-shimmer}@keyframes yb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;color:var(--yb-text-3);padding:56px 0}.empty .empty-icon{margin-bottom:10px;font-size:34px}.empty .empty-text{margin-bottom:14px;font-size:14px}.histo{align-items:flex-end;gap:18px;height:180px;padding:8px 8px 0;display:flex}.histo-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.histo-bar{background:linear-gradient(180deg, #4787f0, var(--yb-brand));border-radius:5px 5px 0 0;width:100%;max-width:56px;transition:filter .15s;position:relative}.histo-bar:hover{filter:brightness(1.12)}.histo-bar .histo-val{color:var(--yb-text-1);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.histo-label{color:var(--yb-text-3);white-space:nowrap;font-size:12px}.trend-svg{width:100%;height:160px;display:block}.workbench{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.workbench>*{min-width:0}.queue-item{border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);cursor:pointer;background:#fff;margin-bottom:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.queue-item:hover{border-color:var(--yb-brand);box-shadow:var(--yb-shadow-1)}.queue-item.active{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus)}.queue-item .q-title{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.queue-item .q-sub{color:var(--yb-text-3);justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.phone{width:330px;box-shadow:var(--yb-shadow-2);background:#101828;border-radius:30px;flex:0 0 330px;padding:10px}.phone-screen{background:#f2f4f7;border-radius:22px;flex-direction:column;height:600px;display:flex;overflow:hidden}.phone-status{height:30px;color:var(--yb-text-1);background:#f2f4f7;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;font-weight:600;display:flex}.h5-body{flex:1;padding:10px 12px 20px;overflow-y:auto}.h5-body::-webkit-scrollbar{width:0}.h5-hero{color:#fff;background:linear-gradient(135deg,#003cab 0%,#0052d9 55%,#266eff 100%);border-radius:14px;margin-bottom:12px;padding:16px;position:relative;overflow:hidden}.h5-hero:after{content:"";background:#ffffff1a;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.h5-hero .h5-hero-title{opacity:.85;font-size:13px}.h5-hero .h5-hero-val{font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:700}.h5-hero .h5-hero-sub{opacity:.75;margin-top:4px;font-size:11px}.h5-card{background:#fff;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 1px 3px #0f172a0d}.h5-card-title{color:var(--yb-text-1);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.h5-card-title .more{color:var(--yb-text-3);font-size:11px;font-weight:400}.h5-progress{margin-top:10px}.h5-progress-track{background:#eef1f5;border-radius:4px;height:8px;overflow:hidden}.h5-progress-fill{background:linear-gradient(90deg,#266eff,#00c6a2);border-radius:4px;height:100%}.h5-progress-meta{color:var(--yb-text-2);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.h5-progress-meta b{color:var(--yb-text-1);font-variant-numeric:tabular-nums}.h5-rank{margin-top:8px}.h5-rank-row{border-bottom:1px dashed #eef1f5;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.h5-rank-row:last-child{border-bottom:none}.h5-rank-no{background:var(--yb-fill-2);width:18px;height:18px;color:var(--yb-text-2);border-radius:5px;flex:0 0 18px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.h5-rank-no.top1{color:#b25e09;background:#fff1d6}.h5-rank-no.top2{color:#4b5563;background:#e8ecf2}.h5-rank-no.top3{color:#9a4a1f;background:#fbe7dc}.h5-rank-name{color:var(--yb-text-1);flex:1}.h5-rank-val{font-variant-numeric:tabular-nums;font-weight:600}.h5-rank-bar{background:#eef1f5;border-radius:2px;width:52px;height:4px;overflow:hidden}.h5-rank-bar i{background:#266eff;border-radius:2px;height:100%;display:block}.json-spec{color:#c9d7f2;border-radius:var(--yb-radius);white-space:pre;background:#0d1226;padding:14px 16px;font-size:12px;line-height:20px;overflow-x:auto}.json-spec .k{color:#7ea6ff}.json-spec .s{color:#9ece9e}.json-spec .n{color:#f2b27c}.kv-grid{grid-template-columns:repeat(3,1fr);gap:12px 24px;display:grid}.kv-item .k{color:var(--yb-text-3);font-size:12px}.kv-item .v{color:var(--yb-text-1);margin-top:2px;font-size:14px;font-weight:500}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb16{margin-bottom:16px}.flex{align-items:center;display:flex}.gap8{gap:8px}.gap12{gap:12px}.text-2{color:var(--yb-text-2)}.text-3{color:var(--yb-text-3)}.fs12{font-size:12px}.fw600{font-weight:600}.nowrap{white-space:nowrap}.proto-hero{color:#fff;background:linear-gradient(135deg,#0e1a38 0%,#003cab 60%,#0052d9 100%);border-radius:14px;margin-bottom:20px;padding:34px 36px;position:relative;overflow:hidden}.proto-hero:after{content:"";background:#ffffff12;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.proto-hero h1{font-size:26px;line-height:36px}.proto-hero p{color:#ffffffbf;max-width:720px;margin-top:8px;font-size:13px}.proto-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.proto-card{border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);box-shadow:var(--yb-shadow-1);transition:box-shadow .2s var(--yb-ease), transform .2s var(--yb-ease), border-color .2s;color:var(--yb-text-1);background:#fff;padding:20px;display:block}.proto-card:hover{border-color:var(--yb-brand);box-shadow:var(--yb-shadow-2);transform:translateY(-2px)}.proto-card .p-icon{background:var(--yb-brand-light);width:38px;height:38px;color:var(--yb-brand);border-radius:9px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.proto-card h3{font-size:16px;line-height:24px}.proto-card .p-desc{color:var(--yb-text-3);min-height:38px;margin-top:6px;font-size:12px;line-height:19px}.proto-card .p-meta{align-items:center;gap:8px;margin-top:12px;display:flex}.search-pop{z-index:60;border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);width:380px;box-shadow:var(--yb-shadow-2);background:#fff;max-height:400px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.search-pop-group{color:var(--yb-text-3);padding:6px 10px 2px;font-size:11px}.search-item{border-radius:var(--yb-radius);width:100%;color:var(--yb-text-1);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.search-item:hover,.search-item.active{background:var(--yb-brand-light)}.search-item .s-ico{background:var(--yb-fill-1);width:26px;height:26px;color:var(--yb-text-2);border-radius:6px;flex:0 0 26px;justify-content:center;align-items:center;display:flex}.search-item .s-name{font-weight:500}.search-item .s-sub{color:var(--yb-text-3);white-space:nowrap;margin-left:auto;font-size:12px}.search-empty{text-align:center;color:var(--yb-text-3);padding:18px 12px;font-size:12px}.modal-mask{z-index:100;animation:yb-mask-in .2s var(--yb-ease);background:#0f172a73;justify-content:center;align-items:flex-start;padding:7vh 20px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes yb-mask-in{0%{opacity:0}}.modal{border-radius:var(--yb-radius-lg);box-shadow:var(--yb-shadow-2);width:560px;max-width:100%;animation:yb-modal-in .24s var(--yb-ease);background:#fff;flex-direction:column;display:flex}@keyframes yb-modal-in{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:none}}.modal-head{align-items:center;gap:10px;padding:16px 20px 0;display:flex}.modal-title{font-size:16px;font-weight:600;line-height:24px}.modal-close{border-radius:var(--yb-radius);width:28px;height:28px;color:var(--yb-text-2);cursor:pointer;background:0 0;border:none;flex:0 0 28px;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--yb-fill-2);color:var(--yb-text-1)}.modal-body{padding:16px 20px}.modal-foot{border-top:1px solid var(--yb-border);align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.modal-foot .spacer{flex:1}.form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-row>label,.form-label{color:var(--yb-text-2);font-size:13px;font-weight:500}.form-label.req:before,.form-row>label.req:before{content:"* ";color:var(--yb-error)}.form-grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.textarea{border:1px solid var(--yb-border-deep);border-radius:var(--yb-radius);width:100%;min-height:84px;color:var(--yb-text-1);resize:vertical;background:#fff;padding:8px 11px;font-family:inherit;font-size:13px;line-height:20px;transition:border-color .15s,box-shadow .15s}.textarea:hover{border-color:var(--yb-brand)}.textarea:focus{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus);outline:none}.textarea::placeholder{color:var(--yb-text-3)}.alert{border-radius:var(--yb-radius);gap:8px;padding:10px 12px;font-size:12.5px;line-height:20px;display:flex}.alert>svg{flex:0 0 15px;width:15px;height:15px;margin-top:2.5px}.alert-error{background:var(--yb-error-bg);color:var(--yb-error-deep)}.alert-warn{background:var(--yb-warning-bg);color:var(--yb-warning-deep)}.alert-success{background:var(--yb-success-bg);color:var(--yb-success-deep)}.alert-info{background:var(--yb-info-bg);color:#0558a6}.alert .alert-x{width:22px;height:22px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex:0 0 22px;justify-content:center;align-items:center;margin-left:auto;display:flex}.alert .alert-x:hover{opacity:1;background:#0000000f}.dropzone{border:1.5px dashed var(--yb-border-deep);border-radius:var(--yb-radius-lg);background:var(--yb-fill-1);text-align:center;cursor:pointer;padding:26px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--yb-brand);background:var(--yb-brand-light)}.dropzone .dz-ico{width:40px;height:40px;color:var(--yb-brand);box-shadow:var(--yb-shadow-1);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.dropzone .dz-main{color:var(--yb-text-1);font-size:14px;font-weight:600}.dropzone .dz-sub{color:var(--yb-text-3);margin-top:4px;font-size:12px;line-height:18px}.up-row{align-items:center;gap:10px;font-size:13px;display:flex}.up-row .up-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.up-row .up-pct{color:var(--yb-text-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.up-track{background:var(--yb-fill-2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.up-fill{background:var(--yb-brand);border-radius:3px;width:0;height:100%;transition:width .18s linear}.up-fill.done{background:var(--yb-success)}.wizard-steps{align-items:center;margin-bottom:18px;list-style:none;display:flex}.wizard-steps li{color:var(--yb-text-3);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.wizard-steps li i{background:var(--yb-fill-2);width:22px;height:22px;color:var(--yb-text-2);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:600;display:flex}.wizard-steps li.active{color:var(--yb-brand);font-weight:600}.wizard-steps li.active i{background:var(--yb-brand);color:#fff}.wizard-steps li.done{color:var(--yb-success-deep)}.wizard-steps li.done i{background:var(--yb-success);color:#fff}.wizard-steps .ws-line{background:var(--yb-border);flex:1;min-width:18px;height:1px;margin:0 10px}.timeline{list-style:none}.tl-item{padding:0 0 22px 28px;position:relative}.tl-item:before{content:"";background:var(--yb-border);width:2px;position:absolute;top:18px;bottom:-2px;left:7px}.tl-item:last-child{padding-bottom:2px}.tl-item:last-child:before{display:none}.tl-dot{border:2px solid var(--yb-brand);color:#fff;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:3px;left:0}.tl-item.done .tl-dot{background:var(--yb-success);border-color:var(--yb-success)}.tl-item.now .tl-dot{background:var(--yb-warning);border-color:var(--yb-warning);box-shadow:0 0 0 4px var(--yb-warning-bg)}.tl-item.todo .tl-dot{border-color:var(--yb-border-deep)}.tl-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.tl-meta{color:var(--yb-text-3);margin-top:3px;font-size:12px;line-height:19px}.kanban{grid-template-columns:repeat(5,1fr);align-items:start;gap:12px;display:grid}.kb-lane{background:var(--yb-fill-1);border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);min-height:190px;padding:10px}.kb-head{align-items:center;gap:7px;padding:2px 4px 10px;font-size:13px;font-weight:600;display:flex}.kb-head .kb-no{border:1px solid var(--yb-border-deep);width:18px;height:18px;color:var(--yb-text-2);background:#fff;border-radius:5px;justify-content:center;align-items:center;font-size:11px;display:flex}.kb-count{color:var(--yb-text-2);border:1px solid var(--yb-border);background:#fff;border-radius:9px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:600;line-height:18px}.kb-card{border:1px solid var(--yb-border);border-radius:var(--yb-radius);box-shadow:var(--yb-shadow-1);background:#fff;margin-bottom:8px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.kb-card:hover{border-color:var(--yb-brand);box-shadow:var(--yb-shadow-2)}.kb-card .kb-title{word-break:break-all;font-size:12.5px;font-weight:600;line-height:18px}.kb-card .kb-meta{color:var(--yb-text-3);justify-content:space-between;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.kb-card.processing{border-color:var(--yb-info)}.kb-card.failed{border-color:var(--yb-error)}.kb-card .kb-reason{color:var(--yb-error-deep);background:var(--yb-error-bg);border-radius:4px;margin-top:6px;padding:3px 7px;font-size:11.5px}.bars{align-items:flex-end;gap:10px;height:120px;padding:20px 4px 0;display:flex}.bars .bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars .bar{background:linear-gradient(180deg, #4787f0, var(--yb-brand));border-radius:4px 4px 0 0;width:100%;max-width:36px;transition:filter .15s;position:relative}.bars .bar:hover{filter:brightness(1.12)}.bars .bar>span{color:var(--yb-text-1);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bars .bar-label{color:var(--yb-text-3);white-space:nowrap;font-size:11px}.seg{background:var(--yb-fill-2);border-radius:var(--yb-radius);gap:2px;padding:2px;display:inline-flex}.seg button{cursor:pointer;color:var(--yb-text-2);background:0 0;border:none;border-radius:4px;padding:3px 10px;font-size:12px;line-height:20px;transition:background .15s,color .15s}.seg button:hover{color:var(--yb-text-1)}.seg button.active{color:var(--yb-brand);box-shadow:var(--yb-shadow-1);background:#fff;font-weight:600}.tag-purple{color:#6b2fb3;background:#f3e8ff}.phone-clip{width:212px;height:398px;box-shadow:var(--yb-shadow-2);border-radius:24px;flex:0 0 212px;overflow:hidden}.phone-clip .phone{transform-origin:0 0;transform:scale(.64)}.radio-cards{gap:10px;display:grid}.radio-card{border:1px solid var(--yb-border-deep);border-radius:var(--yb-radius);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.radio-card:hover{border-color:var(--yb-brand)}.radio-card.active{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus)}.radio-card input[type=radio]{accent-color:var(--yb-brand);margin-top:3px}.radio-card .rc-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.radio-card .rc-sub{color:var(--yb-text-3);margin-top:2px;font-size:12px;line-height:18px}.key-reveal{color:#c9d7f2;border-radius:var(--yb-radius);background:#0d1226;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.key-reveal .mono{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}.perm-yes{color:var(--yb-success-deep);font-weight:700}.perm-no{color:var(--yb-text-4)}.xg-scroll{border:1px solid var(--yb-border-deep);border-radius:var(--yb-radius);background:#fff;min-height:240px;max-height:min(560px,100vh - 330px);position:relative;overflow:auto}.xg-table{border-collapse:separate;border-spacing:0;table-layout:fixed;color:var(--yb-text-1);font-size:12px;line-height:16px}.xg-caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.xg-table td,.xg-table th{vertical-align:middle;border-bottom:1px solid #d9dde3;border-right:1px solid #d9dde3;padding:3px 6px;overflow:hidden}.xg-letters th{z-index:4;color:var(--yb-text-2);text-align:center;border-bottom:1px solid var(--yb-border-deep);background:#eef0f4;height:24px;padding:0 4px;font-size:11px;font-weight:600;position:sticky;top:0}.xg-rowno{z-index:3;color:var(--yb-text-2);text-align:center;border-right:1px solid var(--yb-border-deep);background:#eef0f4;width:34px;min-width:34px;padding:0 4px;font-size:11px;font-weight:600;position:sticky;left:0}.xg-corner{z-index:6;border-right:1px solid var(--yb-border-deep);border-bottom:1px solid var(--yb-border-deep);background:#e8eaef;position:sticky;top:0;left:0}.xg-c{text-align:center;white-space:pre-line;background:#fff}.xg-c.xg-m{background-clip:padding-box}td.xg-r-title{letter-spacing:.02em;border-bottom:2px solid var(--yb-brand);background:#f5f8fe;font-size:15px;font-weight:700}td.xg-r-head{color:#fff;background:#c00000;border-right-color:#ffffff47;font-size:13px;font-weight:700}td.xg-r-head.xg-m{border-right-color:#ffffff47}td.xg-r-ratio .xg-v{font-weight:600}td.xg-r-head-amber{background:#ffc000;font-size:13px;font-weight:700}.xg-gutter{cursor:default;padding:0;background:#f7f8fa!important}.xg-v{font-variant-numeric:tabular-nums}.xg-c[role=button]{cursor:pointer;transition:box-shadow .12s}.xg-c[role=button]:hover{box-shadow:inset 0 0 0 2px var(--yb-brand);position:relative}.xg-c[role=button]:focus-visible{outline:2px solid var(--yb-brand);outline-offset:-2px}.xg-s-effective{position:relative}.xg-s-effective:before{content:"";background:var(--yb-success);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:2px}.xg-s-pending{background:#fffbe8!important}.xg-s-low{font-weight:600;position:relative;background:#fff3e8!important}.xg-s-low:after{content:attr(data-conf);color:var(--yb-warning-deep);font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;line-height:12px;position:absolute;top:1px;right:2px}.xg-s-modified{box-shadow:inset 0 0 0 1px #00a87059;background:#f0fbf5!important}.xg-old{color:var(--yb-error);font-variant-numeric:tabular-nums;font-size:10px;line-height:12px;text-decoration:line-through;display:block}.xg-s-failed{color:var(--yb-text-3);background:repeating-linear-gradient(45deg,#fbfcfd 0 6px,#f0f2f5 6px 12px)!important}.xg-s-rejected{color:var(--yb-error-deep);background:var(--yb-error-bg)!important}.xg-s-rejected .xg-v{text-decoration:line-through}.xg-s-doubt{position:relative;background:#f8f3ff!important}.xg-s-doubt:after{content:"?";color:#6b2fb3;font-size:10px;font-weight:700;position:absolute;top:0;right:3px}.xg-spot{outline-offset:-2px;outline:2px solid var(--yb-brand)!important}.xg-dim{opacity:.28}@keyframes xg-flash-anim{0%,to{box-shadow:none}25%,75%{box-shadow:inset 0 0 0 3px var(--yb-warning);background:#fff7e6!important}}.xg-flash{animation:xg-flash-anim 1.1s var(--yb-ease) 1}.xg-flash-pin{box-shadow:inset 0 0 0 3px var(--yb-warning);animation:none;background:#fff7e6!important}.xg-hl-name{box-shadow:inset 0 0 0 2px var(--yb-brand);font-weight:600;background:#d9e6ff!important}.xg-hl-val{box-shadow:inset 0 0 0 1px #8fb4f5;background:#ecf3ff!important}.xg-toolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px 0;display:flex}.xg-sheet-tabs{background:var(--yb-fill-2);border-radius:var(--yb-radius);gap:2px;padding:2px;display:inline-flex}.xg-sheet-tab{cursor:pointer;color:var(--yb-text-2);background:0 0;border:none;border-radius:4px;padding:4px 14px;font-size:12.5px;line-height:20px;transition:background .15s,color .15s}.xg-sheet-tab:hover{color:var(--yb-text-1)}.xg-sheet-tab.active{color:var(--yb-brand);box-shadow:var(--yb-shadow-1);background:#fff;font-weight:600}.xg-stats{gap:8px;margin-left:auto;display:inline-flex}.xg-stat{border:1px solid var(--yb-border);border-radius:var(--yb-radius);color:var(--yb-text-2);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:3px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.xg-stat:hover{border-color:var(--yb-brand)}.xg-stat.active{border-color:var(--yb-brand);box-shadow:0 0 0 2px var(--yb-brand-focus)}.xg-stat b{font-variant-numeric:tabular-nums;font-size:14px}.xg-stat .dot{border-radius:50%;width:8px;height:8px}.xg-stat .dot.warn{background:var(--yb-warning)}.xg-stat .dot.brand{background:var(--yb-brand)}.xg-stat .dot.ok{background:var(--yb-success)}.xg-legend{color:var(--yb-text-2);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px 14px;font-size:12px;display:flex}.xg-legend .lg{align-items:center;gap:6px;display:inline-flex}.xg-legend .sw{border:1px solid var(--yb-border-deep);border-radius:3px;width:18px;height:16px;position:relative}.xg-legend .sw.sw-ok:after{content:"";background:var(--yb-success);border-radius:50%;width:4px;height:4px;position:absolute;top:1px;left:1px}.xg-legend .sw.sw-pending{background:#fffbe8}.xg-legend .sw.sw-low{background:#fff3e8}.xg-legend .sw.sw-modified{background:#f0fbf5}.xg-legend .sw.sw-failed{background:repeating-linear-gradient(45deg,#fbfcfd 0 3px,#f0f2f5 3px 6px)}.xg-drawer-mask{z-index:70;pointer-events:none;background:#0f172a00;transition:background .2s;position:fixed;inset:0}.xg-drawer{top:var(--yb-header-h);z-index:71;border-left:1px solid var(--yb-border);width:348px;max-width:92vw;transition:transform .24s var(--yb-ease);background:#fff;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;transform:translate(105%);box-shadow:-8px 0 24px #0f172a1f}.xg-drawer.open{transform:none}.xg-drawer-mask.open{pointer-events:auto;background:#0f172a2e}.xg-drawer-head{align-items:center;gap:8px;padding:14px 16px 0;display:flex}.xg-drawer-title{font-size:15px;font-weight:600}.xg-drawer-body{flex:1;padding:12px 16px 16px;overflow-y:auto}.xg-drawer .d-sec{border:1px solid var(--yb-border);border-radius:var(--yb-radius);margin-bottom:10px;padding:10px 12px}.xg-drawer .d-sec .d-label{color:var(--yb-text-3);margin-bottom:2px;font-size:11px}.xg-drawer .d-sec .d-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.xg-drawer .d-kv{font-size:12.5px;line-height:24px;display:flex}.xg-drawer .d-kv b{min-width:76px;color:var(--yb-text-2);font-weight:500}.xg-drawer .d-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.xg-drawer .d-actions .btn{width:100%}.xg-coord{color:var(--yb-brand);background:var(--yb-brand-light);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;display:inline-flex}.queue-item.done{opacity:.55;border-style:dashed}.queue-item.done .q-title{text-decoration:line-through}.queue-item .q-check{color:var(--yb-success-deep);font-weight:700}.modal.xg-wide{width:min(1160px,95vw)}.xg-map-head{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px 0;font-size:12.5px;display:flex}.xg-map-head .m-item b{color:var(--yb-text-2);margin-right:4px;font-weight:500}.xg-map-body{padding:12px 20px 16px}@media (width<=1200px){.kanban{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.workbench{grid-template-columns:1fr}.proto-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.app{display:block}.sidebar{z-index:40;transition:transform .22s var(--yb-ease);box-shadow:none;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--yb-shadow-2);transform:none}}.content{flex:1;min-width:0;padding:20px 24px 48px}.card+.card{margin-top:16px}.card-head{border-bottom:1px solid var(--yb-border);padding:14px 16px}.card-title{font-size:14px}.card-extra{align-items:center;gap:8px;margin-left:auto;display:flex}.card-body{padding:16px}.stat .s-label{color:var(--yb-text-2);font-size:12px}.stat .s-value{margin-top:4px;font-size:22px;font-weight:700;line-height:28px}.stat .s-sub{color:var(--yb-text-3);margin-top:2px;font-size:11.5px}.table th{padding:9px 12px;font-size:13px}.table td{border-bottom-color:var(--yb-fill-2);padding:9px 12px;font-size:13px}.pager{border-top:1px solid var(--yb-border);color:var(--yb-text-2);align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;display:flex}.pager .pg-info{margin-left:auto}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--yb-text-2);font-size:12.5px}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=900px){.form-grid{grid-template-columns:1fr}}.field-error{color:var(--yb-error-deep);font-size:12px}.detail-grid{grid-template-columns:1fr 1fr;gap:8px 20px;font-size:13px;display:grid}.detail-grid>div{flex-direction:column;gap:2px;display:flex}.detail-grid span{color:var(--yb-text-3);font-size:12px}.span-2{grid-column:span 2}.filter-bar .field{min-width:160px}.loading{color:var(--yb-text-3);justify-content:center;align-items:center;gap:8px;padding:36px;font-size:13px;display:flex}.spinner{border:2px solid var(--yb-border-deep);border-top-color:var(--yb-brand);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite yb-spin}@keyframes yb-spin{to{transform:rotate(360deg)}}.skeleton td{color:var(--yb-text-4)}.empty .e-title{color:var(--yb-text-2);margin-bottom:6px;font-size:14px;font-weight:600}.alert{border:1px solid #0000}.alert-error{background:var(--yb-error-bg);color:var(--yb-error-deep);border-color:#f0b6b2}.alert-success{background:var(--yb-success-bg);color:var(--yb-success-deep);border-color:#9bd8c1}.alert-warning{background:var(--yb-warning-bg);color:var(--yb-warning-deep);border-color:#f5d0a8}.alert-info{background:var(--yb-info-bg);color:#0058a6;border-color:#b5ddfb}.dot.success{background:var(--yb-success)}.dot.warning{background:var(--yb-warning)}.dot.error{background:var(--yb-error)}.dot.info{background:var(--yb-info)}.dot.grey{background:var(--yb-text-4)}.login-wrap{background:linear-gradient(160deg,#0e1a38 0%,#16295c 55%,#0e1a38 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:440px;max-width:100%;box-shadow:var(--yb-shadow-2);background:#fff;border-radius:12px;overflow:hidden}.login-head{align-items:center;gap:12px;padding:26px 28px 0;display:flex}.login-head h1{font-size:18px}.login-head p{color:var(--yb-text-3);margin-top:2px;font-size:12px}.login-tabs{border-bottom:1px solid var(--yb-border);gap:4px;padding:14px 28px 0;display:flex}.login-tab{font:inherit;cursor:pointer;color:var(--yb-text-2);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13.5px}.login-tab.on{color:var(--yb-brand);border-bottom-color:var(--yb-brand);font-weight:600}.login-body{flex-direction:column;gap:12px;padding:18px 28px 26px;display:flex}.scope-hint{color:var(--yb-text-2);background:var(--yb-fill-1);border-radius:var(--yb-radius);padding:8px 10px;font-size:12px;line-height:19px}.sidebar-toggle{border-radius:var(--yb-radius);width:32px;height:32px;color:var(--yb-text-2);cursor:pointer;background:0 0;border:none;flex:0 0 32px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.sidebar-toggle:hover{background:var(--yb-fill-2);color:var(--yb-text-1)}@media (width<=900px){.sidebar-toggle{display:flex}}.sidebar-close{color:var(--yb-sidebar-text-2);display:none}@media (width<=900px){.sidebar-close{display:flex}}.sidebar-mask{z-index:39;background:#0f172a73;position:fixed;inset:0}@media (width<=480px){.topbar{height:auto;min-height:var(--yb-header-h);flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar-search{order:3;width:100%}.topbar-right{gap:10px}.content{padding:16px 12px 32px}}pre,.mono.wrap{white-space:pre-wrap;word-break:break-all}