:root{--c-primary: #0969da;--c-primary-dark: #0550ae;--c-primary-light: #ddf4ff;--c-primary-lighter: #f6fbff;--c-primary-border: #b6e3ff;--c-accent: #ff8f00;--c-accent-dark: #e65100;--c-accent-light: #fff3e0;--c-accent-border: #ffe0b2;--c-purple: #7b1fa2;--c-purple-dark: #4a148c;--c-purple-light: #f3e5f5;--c-bg: #f5f7fa;--c-surface: #ffffff;--c-text: #303133;--c-text-secondary: #606266;--c-text-muted: #909399;--c-text-placeholder: #c0c4cc;--c-border: #ebeef5;--c-border-strong: #dcdfe6;--c-border-light: #f2f6fc;--c-fill: #fafafa;--c-fill-hover: #f5f7fa;--c-success: #67c23a;--c-success-bg: #f0f9eb;--c-warning: #e6a23c;--c-warning-bg: #fdf6ec;--c-danger: #f56c6c;--c-danger-bg: #fef0f0;--c-info: #409eff;--c-info-bg: #ecf5ff;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 14px;--r-pill: 999px;--sh-card: 0 2px 8px rgba(0, 0, 0, .04);--sh-raised: 0 4px 16px rgba(9, 105, 218, .15);--sh-modal: 0 12px 40px rgba(0, 0, 0, .16);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 28px;--sidebar-w: 220px;--topbar-h: 56px;--t-fast: .15s ease;--t-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-md);line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d0d4da;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#b8bec6}::-webkit-scrollbar-track{background:transparent}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,var(--c-primary-dark) 0%,var(--c-primary) 100%);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:var(--sp-5) var(--sp-6);font-size:var(--fs-lg);font-weight:700;white-space:nowrap;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo .mark{font-size:24px;line-height:1}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) 0 var(--sp-5)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3}.nav-group-title{padding:var(--sp-3) var(--sp-6) var(--sp-1);font-size:var(--fs-xs);letter-spacing:1px;color:#ffffff80}.nav-link{display:flex;align-items:center;gap:10px;padding:10px var(--sp-6);font-size:var(--fs-md);color:#ffffffd1;border-left:3px solid transparent;transition:background var(--t-base),color var(--t-base)}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff26;color:#fff;border-left-color:var(--c-accent);font-weight:500}.nav-link .nav-icon{width:20px;text-align:center;font-size:var(--fs-lg);line-height:1}.sidebar-footer{flex-shrink:0;padding:var(--sp-3) var(--sp-6) var(--sp-4);border-top:1px solid rgba(255,255,255,.1);font-size:var(--fs-xs);color:#ffffff8c;line-height:1.7}.sidebar-footer .service-phone{color:#ffffffd9;font-size:var(--fs-sm)}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:0 var(--sp-6);position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:var(--sp-4);min-width:0}.topbar-left h1{font-size:var(--fs-xl);font-weight:600;white-space:nowrap}.topbar-left .breadcrumb{font-size:var(--fs-base);color:var(--c-text-muted);white-space:nowrap}.topbar-center{position:absolute;left:50%;transform:translate(-50%);font-size:var(--fs-lg);font-weight:600;color:var(--c-text-primary);white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0}.hamburger{display:none;width:34px;height:34px;border-radius:var(--r-md);align-items:center;justify-content:center;font-size:var(--fs-xl);color:var(--c-text-secondary)}.hamburger:hover{background:var(--c-fill-hover)}.topbar-icon-btn{width:34px;height:34px;border-radius:50%;background:var(--c-bg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);position:relative;transition:background var(--t-fast)}.topbar-icon-btn:hover{background:#eceff3}.topbar-icon-btn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--c-danger)}.user-chip{display:flex;align-items:center;gap:var(--sp-2);padding:4px 10px 4px 4px;border-radius:var(--r-pill);transition:background var(--t-fast)}.user-chip:hover{background:var(--c-fill-hover)}.user-chip .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:600;flex-shrink:0}.user-chip .meta{line-height:1.25;text-align:left}.user-chip .name{font-size:var(--fs-base);font-weight:500}.user-chip .role{font-size:var(--fs-xs);color:var(--c-text-muted)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-raised);padding:var(--sp-1) 0;z-index:50}.dropdown-item{display:block;width:100%;text-align:left;padding:9px var(--sp-4);font-size:var(--fs-base);color:var(--c-text-secondary)}.dropdown-item:hover{background:var(--c-fill-hover);color:var(--c-primary)}.dropdown-item.danger:hover{color:var(--c-danger)}.dropdown-divider{height:1px;background:var(--c-border);margin:var(--sp-1) 0}.content{flex:1;padding:var(--sp-5) var(--sp-6) var(--sp-8);min-width:0}.drawer-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:35}.login-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(circle at 12% 18%,rgba(9,105,218,.14),transparent 42%),radial-gradient(circle at 88% 82%,rgba(255,143,0,.12),transparent 46%),var(--c-bg)}.login-brand-top{position:absolute;top:var(--sp-6);left:var(--sp-6);display:flex;align-items:center;font-size:var(--fs-xl);font-weight:700;letter-spacing:.5px;color:var(--c-primary-dark)}.login-brand-top-mark{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #0969da40}.login-card{width:100%;max-width:400px;background:var(--c-surface);border-radius:var(--r-xl);box-shadow:0 16px 48px #0000001a;padding:var(--sp-8) var(--sp-6) var(--sp-6)}.login-brand{text-align:center;margin-bottom:var(--sp-6)}.login-brand .mark{width:56px;height:56px;margin:0 auto var(--sp-3);border-radius:var(--r-xl);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 20px #0969da47}.login-brand h1{font-size:22px;font-weight:700;letter-spacing:.5px}.login-brand p{margin-top:var(--sp-1);font-size:var(--fs-base);color:var(--c-text-muted)}.login-form .field{margin-bottom:var(--sp-4)}.login-form .field>label{display:block;margin-bottom:6px;font-size:var(--fs-base);font-weight:500;color:var(--c-text-secondary)}.login-submit{width:100%;height:42px;margin-top:var(--sp-2);border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-size:var(--fs-lg);font-weight:600;transition:filter var(--t-base)}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-error{margin-bottom:var(--sp-4);padding:9px var(--sp-3);border-radius:var(--r-md);background:var(--c-danger-bg);color:var(--c-danger);font-size:var(--fs-base)}.login-hint{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-border);text-align:center;font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.9}.icp-link{color:var(--c-text-muted);text-decoration:none}.icp-link:hover{color:var(--c-text-secondary);text-decoration:underline}.login-hint b{color:var(--c-text-secondary);font-weight:600}.login-icp-fixed{position:fixed;bottom:0;left:0;right:0;z-index:5;padding:var(--sp-3) var(--sp-6) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--c-text-muted)}.captcha-field .captcha-inline{display:flex;gap:10px;align-items:stretch}.captcha-figure{flex:0 0 160px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-fill);overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.captcha-figure:hover{border-color:var(--c-primary)}.captcha-img{width:160px;height:44px;display:block;pointer-events:none;-webkit-user-drag:none}.captcha-loading{font-size:var(--fs-sm);color:var(--c-text-muted);text-align:center}.login-links{position:absolute;top:var(--sp-6);right:var(--sp-6);display:flex;align-items:center;gap:var(--sp-1)}.login-link-item{display:inline-flex;align-items:center}.login-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-md);background:transparent;color:var(--c-primary-dark);font-size:var(--fs-md);text-decoration:none;transition:color var(--t-fast),background var(--t-fast)}.login-link-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.login-link:hover{background:var(--c-primary-light)}.login-link-divider{color:var(--c-border-strong);font-size:var(--fs-base)}.qr-sub{margin-bottom:var(--sp-5);text-align:center;font-size:var(--fs-base);color:var(--c-text-muted)}.qr-pair{display:flex;justify-content:center;gap:var(--sp-4)}.qr-card{position:relative;flex:1 1 0;max-width:250px;padding:calc(var(--sp-4) + 4px) var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-xl);background:linear-gradient(180deg,#fff,#fafcfa);box-shadow:0 2px 10px #0000000a;text-align:center;overflow:hidden;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base),background var(--t-base)}.qr-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000017}.qr-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background var(--t-base)}.qr-card.active{border-color:var(--c-primary);background:linear-gradient(180deg,var(--c-primary-lighter) 0%,#ffffff 58%);box-shadow:0 12px 28px #0969da2e}.qr-card.active:before{background:linear-gradient(90deg,var(--c-primary),var(--c-primary-dark))}.qr-frame{width:168px;height:168px;margin:0 auto var(--sp-3);padding:10px;background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--c-border-light),0 4px 14px #0000000f;display:flex;align-items:center;justify-content:center}.qr-img{width:100%;height:100%;object-fit:contain}.qr-missing{width:100%;height:100%;border:1px dashed var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-fill);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--c-text-muted);font-size:var(--fs-sm)}.qr-missing-icon{font-size:30px;line-height:1;color:var(--c-border-strong)}.qr-name{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fs-md);font-weight:700;color:var(--c-text);letter-spacing:.3px}.qr-icon{font-size:var(--fs-lg);line-height:1}.qr-desc{margin-top:5px;font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.6}.qr-tip{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--sp-5);padding:9px var(--sp-3);border-radius:var(--r-md);background:var(--c-primary-lighter);font-size:var(--fs-sm);color:var(--c-text-secondary)}.qr-tip-icon{font-size:var(--fs-base);line-height:1}.help-list{display:flex;flex-direction:column;gap:var(--sp-2)}.help-item{display:flex;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);background:var(--c-fill)}.help-q{flex:none;width:92px;font-size:var(--fs-base);font-weight:600;color:var(--c-text-secondary)}.help-a{flex:1;font-size:var(--fs-base);color:var(--c-text);line-height:1.7}@media (max-width: 640px){.login-page{flex-direction:column}.login-links{position:static;flex-wrap:wrap;justify-content:center;margin-bottom:var(--sp-4)}.login-brand-top{position:static;justify-content:center;margin-bottom:var(--sp-2)}.qr-pair{flex-direction:column;align-items:center}.qr-card{width:100%;max-width:280px}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform var(--t-base);box-shadow:var(--sh-modal)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.hamburger{display:flex}.drawer-mask.show{display:block}.topbar-left .breadcrumb{display:none}}@media (max-width: 640px){.topbar{padding:0 var(--sp-4)}.content{padding:var(--sp-4) var(--sp-4) var(--sp-8)}.topbar-left h1{font-size:var(--fs-lg)}.user-chip .meta{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-secondary);font-size:var(--fs-base);white-space:nowrap;transition:all var(--t-fast)}.btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff}.btn.accent{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn.accent:hover:not(:disabled){background:var(--c-accent-dark);border-color:var(--c-accent-dark);color:#fff}.btn.danger{border-color:#fbc4c4;color:var(--c-danger)}.btn.danger:hover:not(:disabled){background:var(--c-danger-bg);border-color:var(--c-danger);color:var(--c-danger)}.btn.text{border-color:transparent;background:transparent;padding:0 var(--sp-2);height:26px}.btn.text:hover:not(:disabled){background:var(--c-primary-light)}.btn.lg{height:38px;padding:0 var(--sp-6);font-size:var(--fs-lg)}.btn.sm{height:27px;padding:0 10px;font-size:var(--fs-sm)}.link-action{color:var(--c-primary);font-size:var(--fs-base);transition:opacity var(--t-fast)}.link-action:hover{opacity:.75}.link-action.danger{color:var(--c-danger)}.link-action+.link-action{margin-left:var(--sp-3)}.tag{display:inline-block;padding:1px 8px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;line-height:1.6;white-space:nowrap}.tag.success{background:var(--c-success-bg);color:var(--c-success)}.tag.warning{background:var(--c-warning-bg);color:var(--c-warning)}.tag.danger{background:var(--c-danger-bg);color:var(--c-danger)}.tag.info{background:var(--c-info-bg);color:var(--c-info)}.tag.neutral{background:var(--c-fill-hover);color:var(--c-text-muted)}.tag.accent{background:var(--c-accent-light);color:var(--c-accent)}.tag.purple{background:var(--c-purple-light);color:var(--c-purple)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.green{background:var(--c-success)}.status-dot.orange{background:var(--c-warning)}.status-dot.red{background:var(--c-danger)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-head .desc{font-size:var(--fs-base);color:var(--c-text-muted);margin-top:2px}.page-head-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.stat-card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-card)}.stat-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.stat-card .label{font-size:var(--fs-base);color:var(--c-text-muted)}.stat-card .icon{width:40px;height:40px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);flex-shrink:0}.stat-card .icon.green{background:var(--c-primary-light)}.stat-card .icon.orange{background:var(--c-accent-light)}.stat-card .icon.blue{background:var(--c-info-bg)}.stat-card .icon.red{background:var(--c-danger-bg)}.stat-card .icon.purple{background:var(--c-purple-light)}.stat-card .value{margin-top:10px;font-size:var(--fs-3xl);font-weight:700;line-height:1.15;letter-spacing:-.5px;text-align:center;animation:stat-value-in .42s ease-out both}.stat-card .value.danger{color:var(--c-danger)}.stat-card .value.success{color:var(--c-success)}.stat-card .value.info{color:var(--c-info)}.stat-card .value.primary{color:var(--c-primary)}@keyframes stat-value-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.stat-card .value{animation:none}}.stat-card .foot{margin-top:6px;font-size:var(--fs-sm);color:var(--c-text-muted);text-align:center}.stat-card .foot .up{color:var(--c-success)}.stat-card .foot .down{color:var(--c-danger)}.card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.card-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.card-head h3{font-size:var(--fs-lg);font-weight:600}.card-head h3 .count{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:400;margin-left:6px}.card-head .extra{font-size:var(--fs-sm);color:var(--c-text-muted)}.card-body{padding:var(--sp-5)}.split-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.filter-bar{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:var(--sp-4) var(--sp-5);display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.filter-item{display:flex;flex-direction:column;gap:5px}.filter-item>label{font-size:var(--fs-sm);color:var(--c-text-muted)}.filter-actions{margin-left:auto;display:flex;gap:var(--sp-2)}.quick-range{display:inline-flex;align-items:center;gap:2px;height:32px;padding:2px;background:var(--c-fill);border:1px solid var(--c-border-strong);border-radius:var(--r-md)}.quick-range button{height:100%;padding:0 12px;border:0;border-radius:calc(var(--r-md) - 1px);background:transparent;font-size:var(--fs-sm);color:var(--c-text-secondary);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.quick-range button:hover{background:var(--c-fill-hover);color:var(--c-text)}.quick-range button.active{background:var(--c-surface);color:var(--c-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.input,.select,.textarea{height:32px;min-width:140px;padding:0 10px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-base);outline:none;transition:border-color var(--t-fast)}.textarea{height:auto;min-height:72px;padding:8px 10px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary)}.input::placeholder,.textarea::placeholder{color:var(--c-text-placeholder)}.input:disabled,.select:disabled{background:var(--c-fill-hover);color:var(--c-text-muted);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 5 5-5' fill='none' stroke='%23909399' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1 / -1}.form-field>label{font-size:var(--fs-base);color:var(--c-text-secondary);font-weight:500}.form-field>label .required{color:var(--c-danger);margin-left:2px}.form-field .input,.form-field .select,.form-field .textarea{min-width:0;width:100%}.form-field .hint{font-size:var(--fs-sm);color:var(--c-text-muted)}.table-wrap{width:100%;overflow-x:auto}table.data-table{width:100%;min-width:720px}table.data-table th{text-align:center;padding:12px var(--sp-4);font-size:var(--fs-base);font-weight:600;color:var(--c-text-secondary);background:var(--c-fill);border-bottom:1px solid var(--c-border);white-space:nowrap}table.data-table td{text-align:center;padding:12px var(--sp-4);font-size:var(--fs-base);border-bottom:1px solid var(--c-border-light);vertical-align:middle}table.data-table tbody tr:hover td{background:var(--c-fill)}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table .col-actions{white-space:nowrap}.cell-strong{font-weight:600}.cell-muted{color:var(--c-text-muted);font-size:var(--fs-sm)}.cell-money{color:var(--c-accent);font-weight:600}.cell-product{display:flex;align-items:center;gap:10px}.cell-product .thumb{width:34px;height:34px;border-radius:var(--r-md);background:var(--c-primary-light);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);flex-shrink:0;overflow:hidden}.cell-product .thumb__img{width:100%;height:100%;object-fit:cover}.image-upload{display:flex}.image-upload__empty{width:96px;height:96px;border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text-muted);font-size:var(--fs-sm);cursor:pointer;transition:border-color .15s ease,color .15s ease}.image-upload__empty:hover{border-color:var(--c-primary);color:var(--c-primary)}.image-upload__empty:disabled{opacity:.6;cursor:not-allowed}.image-upload__preview{position:relative;width:96px;height:96px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--c-border)}.image-upload__preview img{width:100%;height:100%;object-fit:cover}.image-upload__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;line-height:20px;text-align:center;cursor:pointer;padding:0}.image-upload__remove:hover{background:#000000bf}.cell-product .name{font-weight:500}.cell-product .sub{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:1px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.table-toolbar h3{font-size:var(--fs-lg);font-weight:600}.table-toolbar .count{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:400;margin-left:6px}.table-toolbar .actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.tabs{display:flex;gap:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:0 var(--sp-5);overflow-x:auto}.tab{padding:14px var(--sp-5);font-size:var(--fs-md);color:var(--c-text-secondary);position:relative;white-space:nowrap;transition:color var(--t-fast)}.tab:hover{color:var(--c-primary)}.tab.active{color:var(--c-primary);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:32px;height:3px;border-radius:2px;background:var(--c-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);flex-wrap:wrap}.pagination .total{font-size:var(--fs-base);color:var(--c-text-secondary)}.page-btns{display:flex;gap:var(--sp-1);flex-wrap:wrap}.page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text-secondary);font-size:var(--fs-base);display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.page-btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.page-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn.ellipsis{border-color:transparent;cursor:default}.state-block{padding:56px var(--sp-6);text-align:center;color:var(--c-text-muted)}.state-block .icon{font-size:40px;margin-bottom:var(--sp-3);opacity:.7}.state-block .title{font-size:var(--fs-md);color:var(--c-text-secondary);margin-bottom:6px}.state-block .desc{font-size:var(--fs-base)}.spinner{width:22px;height:22px;border:2.5px solid var(--c-primary-light);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto var(--sp-3)}@keyframes spin{to{transform:rotate(360deg)}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:6vh var(--sp-4) var(--sp-6);overflow-y:auto;z-index:100;animation:fade-in var(--t-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:560px;background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--sh-modal);animation:modal-up var(--t-base)}.modal.wide{max-width:760px}.modal.xwide{max-width:1040px}.modal.dense{max-height:calc(100vh - 96px);display:flex;flex-direction:column}.modal.dense .modal-body{min-height:0;overflow-y:auto;padding:var(--sp-3) var(--sp-5)}.modal.dense .modal-head,.modal.dense .modal-foot{padding:var(--sp-3) var(--sp-5)}.modal-mask:has(.modal.dense){padding-top:var(--sp-5);padding-bottom:var(--sp-5)}@keyframes modal-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-head{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.modal-head h3{font-size:var(--fs-lg);font-weight:600}.modal-close{width:30px;height:30px;border-radius:var(--r-md);color:var(--c-text-muted);font-size:var(--fs-xl);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--c-fill-hover);color:var(--c-text)}.modal-body{padding:var(--sp-6)}.modal-foot{padding:var(--sp-4) var(--sp-6) var(--sp-5);border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:var(--sp-2)}.modal-foot-check{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:var(--fs-sm);color:var(--c-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.modal-foot-check input{width:15px;height:15px;margin:0;accent-color:var(--c-primary);cursor:pointer}.modal-foot-check:hover{color:var(--c-text)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-5)}.detail-list .row{display:flex;gap:6px;font-size:var(--fs-base);align-items:baseline}.detail-list .row .k{color:var(--c-text-muted);flex-shrink:0}.detail-list .row .v{color:var(--c-text);font-weight:500;word-break:break-all}.detail-list .row.full{grid-column:1 / -1}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--sp-3);pointer-events:none}.toast{min-width:260px;max-width:520px;padding:13px var(--sp-5);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:0 8px 24px #0000001f;border-left:4px solid var(--c-info);font-size:var(--fs-lg);font-weight:600;color:var(--c-text);display:flex;align-items:center;gap:var(--sp-3);animation:toast-in var(--t-base)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left-color:var(--c-success);background:var(--c-success-bg)}.toast.error{border-left-color:var(--c-danger);background:var(--c-danger-bg)}.toast.warning{border-left-color:var(--c-warning);background:var(--c-warning-bg)}.text-muted{color:var(--c-text-muted)}.text-danger{color:var(--c-danger)}.text-success{color:var(--c-success)}.text-accent{color:var(--c-accent)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mt-3{margin-top:var(--sp-3)}.flex-row{display:flex;align-items:center;gap:var(--sp-2)}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}}@media (max-width: 720px){.stat-grid,.form-grid,.detail-list{grid-template-columns:1fr}.filter-bar{padding:var(--sp-4)}.filter-item,.filter-item .input,.filter-item .select{width:100%;min-width:0}.filter-actions{margin-left:0;width:100%}.filter-actions .btn{flex:1}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.modal-body{padding:var(--sp-4)}.modal-head,.modal-foot{padding-left:var(--sp-4);padding-right:var(--sp-4)}}.confirm-message{font-size:var(--fs-md);line-height:1.8;color:var(--c-text-secondary)}.success-dialog{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-2) 0 var(--sp-3)}.success-badge{width:66px;height:66px;margin-bottom:var(--sp-4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--c-success),var(--c-primary));box-shadow:0 8px 22px #67c23a52}.success-message{font-size:var(--fs-xl);font-weight:700;color:var(--c-text);line-height:1.6}.success-details{width:100%;margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--c-primary-lighter);border:1px solid var(--c-primary-border)}.success-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:7px 0;border-bottom:1px dashed var(--c-primary-border)}.success-row:last-child{border-bottom:none}.success-row-k{font-size:var(--fs-md);color:var(--c-text-secondary)}.success-row-v{font-size:var(--fs-md);font-weight:700;color:var(--c-text);font-variant-numeric:tabular-nums}.success-row-v.highlight{font-size:var(--fs-2xl);color:var(--c-primary-dark)}.success-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);width:100%}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--fs-sm)}.path-code{display:inline-block;padding:1px 6px;border-radius:var(--r-sm);background:var(--c-fill);border:1px solid var(--c-border);color:var(--c-text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--fs-sm)}.notice-bar{display:flex;align-items:flex-start;gap:var(--sp-2);padding:10px var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--r-md);border-left:3px solid var(--c-info);background:var(--c-info-bg);color:var(--c-text-secondary);font-size:var(--fs-base);line-height:1.7}.notice-bar.warning{border-left-color:var(--c-warning);background:var(--c-warning-bg)}.notice-bar.danger{border-left-color:var(--c-danger);background:var(--c-danger-bg)}.notice-bar.success{border-left-color:var(--c-success);background:var(--c-success-bg)}.notice-bar .notice-icon{line-height:1.6}.notice-bar strong{color:var(--c-text)}.days-left{font-weight:600}.days-left.ok{color:var(--c-text-secondary)}.days-left.warn{color:var(--c-warning)}.days-left.expired{color:var(--c-danger)}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3) var(--sp-5)}.config-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-bottom:8px;border-bottom:1px dashed var(--c-border);font-size:var(--fs-base)}.config-item .k{color:var(--c-text-muted)}.config-item .v{font-weight:600;color:var(--c-text);text-align:right;word-break:break-all}.alert-list{display:flex;flex-direction:column;gap:var(--sp-2)}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:10px var(--sp-3);border-radius:var(--r-md);background:var(--c-danger-bg);flex-wrap:wrap}.alert-item .name{font-weight:600;color:var(--c-text)}.alert-item .sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.alert-item .tags{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.warn-list{display:flex;flex-direction:column}.warn-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px 2px;border-bottom:1px solid var(--c-border-light);font-size:var(--fs-base)}.warn-row:last-child{border-bottom:0}.warn-rank{flex:none;width:22px;height:22px;border-radius:var(--r-sm);background:var(--c-fill-hover);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;justify-content:center}.warn-row.urgent .warn-rank{background:var(--c-danger-bg);color:var(--c-danger)}.warn-row .warn-main{flex:1;min-width:0}.warn-row .warn-name{font-weight:500;color:var(--c-text)}.warn-row .warn-sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.warn-row .warn-days{flex:none;text-align:right}.metric-cells{display:flex;flex-direction:column;gap:4px;min-width:130px}.metric-cell{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-text-muted)}.metric-cell .k{flex:none;width:28px}.metric-cell .v{flex:none;width:44px;text-align:right;color:var(--c-text-secondary)}.metric-bar{flex:1;height:6px;border-radius:var(--r-pill);background:var(--c-fill-hover);overflow:hidden}.metric-bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--c-primary)}.metric-bar>i.warn{background:var(--c-warning)}.metric-bar>i.danger{background:var(--c-danger)}.summary-strip{display:flex;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-card);margin-bottom:var(--sp-4)}.summary-item{display:flex;align-items:baseline;gap:6px;font-size:var(--fs-base);color:var(--c-text-muted)}.summary-item .num{font-size:var(--fs-xl);font-weight:700;color:var(--c-text)}.summary-item .num.success{color:var(--c-success)}.summary-item .num.danger{color:var(--c-danger)}.summary-item .num.warning{color:var(--c-warning)}.probe-bars{display:flex;align-items:flex-end;gap:4px;height:64px;padding:var(--sp-2) 0}.probe-bar{flex:1;min-width:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%}.probe-bar>i{display:block;border-radius:2px 2px 0 0;background:var(--c-primary)}.probe-bar>i.cpu{background:var(--c-primary)}.probe-bar>i.mem{background:var(--c-accent)}.probe-bar.alert>i.cpu,.probe-bar.alert>i.mem{background:var(--c-danger)}.probe-legend{display:flex;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-muted)}.probe-legend .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.probe-legend .dot.cpu{background:var(--c-primary)}.probe-legend .dot.mem{background:var(--c-accent)}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}.capacity-card{border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4);background:var(--c-surface)}.capacity-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.capacity-host{font-size:var(--fs-md);font-weight:600}.capacity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.capacity-stat .k{font-size:var(--fs-sm);color:var(--c-text-muted)}.capacity-stat .v{font-size:var(--fs-lg);font-weight:600}.capacity-servers{display:flex;flex-direction:column;gap:6px;padding-top:var(--sp-3);border-top:1px dashed var(--c-border)}.capacity-server{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-base)}.step-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.step-item{display:flex;align-items:flex-start;gap:var(--sp-2);padding:9px var(--sp-3);border-radius:var(--r-md);background:var(--c-success-bg);font-size:var(--fs-base);color:var(--c-text-secondary);line-height:1.7}.step-item .step-index{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--c-success);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.result-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-lg);font-weight:600}.result-head .result-badge{width:26px;height:26px;border-radius:50%;background:var(--c-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md)}.timeline{position:relative;padding-left:var(--sp-5)}.timeline:before{content:"";position:absolute;top:6px;bottom:6px;left:5px;width:1px;background:var(--c-border-strong)}.timeline-item{position:relative;padding:0 0 var(--sp-4)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--sp-5) + 1px);top:4px;width:9px;height:9px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.timeline-dot.warning{background:var(--c-warning);box-shadow:0 0 0 3px var(--c-warning-bg)}.timeline-dot.danger{background:var(--c-danger);box-shadow:0 0 0 3px var(--c-danger-bg)}.timeline-dot.neutral{background:var(--c-text-muted);box-shadow:0 0 0 3px var(--c-fill-hover)}.timeline-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.timeline-time{font-size:var(--fs-sm);color:var(--c-text-muted)}.timeline-body{margin-top:3px;font-size:var(--fs-base);color:var(--c-text-secondary);line-height:1.7}.timeline-operator{font-size:var(--fs-sm);color:var(--c-text-muted)}.preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.preview-col{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.preview-col-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:10px var(--sp-4);font-size:var(--fs-base);font-weight:600;background:var(--c-fill);border-bottom:1px solid var(--c-border)}.preview-col.granted .preview-col-head{background:var(--c-success-bg);color:var(--c-success)}.preview-col.blocked .preview-col-head{background:var(--c-warning-bg);color:var(--c-warning)}.preview-list{max-height:340px;overflow-y:auto;padding:var(--sp-2) var(--sp-4) var(--sp-3)}.preview-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:8px 0;border-bottom:1px solid var(--c-border-light);font-size:var(--fs-base)}.preview-item:last-child{border-bottom:0}.preview-item .reason{flex:none;font-size:var(--fs-sm);color:var(--c-warning)}.menu-name{display:flex;align-items:center;gap:6px}.menu-name.child{padding-left:var(--sp-5);position:relative}.menu-name.child:before{content:"";position:absolute;left:6px;top:50%;width:9px;height:1px;background:var(--c-border-strong)}.menu-name .icon{font-size:var(--fs-lg);line-height:1}.perm-picker{border:1px solid var(--c-border);border-radius:var(--r-md);max-height:320px;overflow-y:auto}.perm-group+.perm-group{border-top:1px solid var(--c-border-light)}.perm-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:8px var(--sp-3);background:var(--c-fill);font-size:var(--fs-base);font-weight:600;color:var(--c-text-secondary);position:sticky;top:0}.perm-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px var(--sp-3);padding:var(--sp-3)}.perm-check{display:flex;align-items:flex-start;gap:7px;padding:5px 6px;border-radius:var(--r-sm);font-size:var(--fs-base);cursor:pointer}.perm-check:hover{background:var(--c-fill-hover)}.perm-check input{margin-top:3px;accent-color:var(--c-primary);cursor:pointer}.perm-check-text{min-width:0}.perm-check-code{display:block;font-size:var(--fs-sm);color:var(--c-text-muted);word-break:break-all}.code-chips{display:flex;gap:5px;flex-wrap:wrap}.code-chip{display:inline-block;padding:1px 7px;border-radius:var(--r-pill);background:var(--c-primary-light);color:var(--c-primary-dark);font-size:var(--fs-sm);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.store-picker{border:1px solid var(--c-border);border-radius:var(--r-md);max-height:200px;overflow-y:auto;padding:var(--sp-2) var(--sp-3);background:var(--c-surface)}.store-picker-item{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:var(--fs-base)}.store-picker-item input{accent-color:var(--c-primary);cursor:pointer}.store-picker-item .code{font-size:var(--fs-sm);color:var(--c-text-muted)}.store-picker-actions{display:flex;gap:var(--sp-3);margin-top:6px;font-size:var(--fs-sm)}.store-picker-actions button{color:var(--c-primary)}.store-picker-actions button:hover{text-decoration:underline}.empty-hint{padding:var(--sp-5);text-align:center;font-size:var(--fs-base);color:var(--c-text-muted)}.hint-inline{font-size:var(--fs-sm);color:var(--c-text-muted)}.admin-avatar{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-size:var(--fs-base);font-weight:600;display:flex;align-items:center;justify-content:center}.tab .count,.perm-group-head .count{font-size:var(--fs-sm);font-weight:400;color:var(--c-text-muted)}.tab.active .count{color:var(--c-primary)}@media (max-width: 1280px){.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.preview-pair{grid-template-columns:1fr}}@media (max-width: 640px){.stat-grid,.config-grid,.perm-items{grid-template-columns:1fr}.filter-actions{width:100%;margin-left:0}}.board{position:relative}.board-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:0 1px 2px #1018280f}.board-bar-tail{margin-left:auto}.board-title{font-size:var(--fs-base);font-weight:600;color:var(--c-text);white-space:nowrap}.board-title .count{margin-left:6px;font-size:var(--fs-sm);font-weight:400;color:var(--c-text-muted)}.board-sep{width:1px;height:16px;background:var(--c-border-strong)}.map-legend{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-text-secondary)}.legend-dot{width:9px;height:9px;border-radius:var(--r-pill)}.store-map{position:relative;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-fill)}.store-map-canvas{width:100%}.store-map-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-sm)}.store-map-note{position:absolute;top:var(--sp-3);left:var(--sp-3);display:inline-flex;align-items:center;gap:6px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-pill);background:#fffffff0;box-shadow:0 2px 8px #00000014;font-size:var(--fs-sm);color:var(--c-text-secondary)}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:300px;padding:var(--sp-6);border:1px dashed var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-fill);text-align:center}.map-placeholder .title{font-size:var(--fs-lg);font-weight:600;color:var(--c-text)}.map-placeholder .desc{max-width:640px;font-size:var(--fs-sm);line-height:1.9;color:var(--c-text-muted)}.map-placeholder code{padding:1px 5px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);font-family:Consolas,Courier New,monospace}.map-hint{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.7;color:var(--c-text-muted)}.map-hint.warn{color:var(--c-warning)}.store-pin{--pin-dot: var(--pin-size, 14px);--pin-border: calc(var(--pin-dot) * .15);--pin-ring: calc(var(--pin-dot) * .85);display:flex;flex-direction:column;align-items:center;gap:2px}.store-pin-label{padding:1px 6px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#ffffffeb;font-size:clamp(10px,calc(var(--pin-dot) * .8),13px);color:var(--c-text-secondary);white-space:nowrap}.store-pin-dot{position:relative;width:var(--pin-dot);height:var(--pin-dot);border:var(--pin-border) solid #fff;border-radius:var(--r-pill);background:var(--pin, var(--c-primary));box-shadow:0 2px 6px #00000040;animation:store-dot-pulse 1.8s ease-out infinite,store-dot-blink 1.8s ease-in-out infinite}@keyframes store-dot-pulse{0%{box-shadow:0 2px 6px #00000040,0 0 0 0 var(--pin, #2563eb)}70%{box-shadow:0 2px 6px #00000040,0 0 0 var(--pin-ring, 12px) #0000}to{box-shadow:0 2px 6px #00000040,0 0 #0000}}@keyframes store-dot-blink{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.store-pin-dot{animation:none}}.store-popup{position:absolute;z-index:20;width:268px;padding:var(--sp-3) var(--sp-4) var(--sp-4);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);background:#fffc;backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 10px 30px #10182833;transform:translate(-50%,calc(-100% - 16px));animation:store-popup-in .16s ease-out}@keyframes store-popup-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px))}}.store-popup.below{transform:translate(-50%,16px);animation-name:store-popup-in-below}@keyframes store-popup-in-below{0%{opacity:0;transform:translate(-50%,24px)}}.store-popup.below .store-popup-arrow{top:-5px;bottom:auto;border-right:none;border-bottom:none;border-left:1px solid rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.55)}.store-popup-head{display:flex;align-items:center;gap:6px;margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--c-border)}.store-popup-dot{flex:none;width:9px;height:9px;border-radius:var(--r-pill)}.store-popup-name{flex:1;min-width:0;font-size:var(--fs-base);font-weight:600;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-popup-status{flex:none;padding:1px 6px;border-radius:var(--r-sm);font-size:var(--fs-xs);color:#fff;background:var(--c-text-muted)}.store-popup-status.s1{background:#12b76a}.store-popup-status.s2{background:#f5b400}.store-popup-status.s3{background:#f04438}.store-popup-close{flex:none;width:18px;height:18px;padding:0;border:none;border-radius:var(--r-pill);background:transparent;color:var(--c-text-muted);font-size:16px;line-height:1;cursor:pointer}.store-popup-close:hover{background:var(--c-fill);color:var(--c-text)}.store-popup-body{display:flex;flex-direction:column;gap:2px}.store-popup-row{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);line-height:1.8}.store-popup-row .key{flex:none;width:56px;color:var(--c-text-muted)}.store-popup-row .val{flex:1;min-width:0;color:var(--c-text);word-break:break-all}.store-popup-row .val .muted{margin-left:4px;color:var(--c-text-muted)}.store-popup-arrow{position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;border-right:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);background:#fffc;transform:rotate(45deg)}.store-tip{position:absolute;z-index:30;width:max-content;max-width:248px;padding:var(--sp-2) var(--sp-3);border:1px solid rgba(255,255,255,.7);border-radius:var(--r-md);background:#fff9;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 6px 18px #1018282e;transform:translate(-50%,calc(-100% - 40px));pointer-events:none;animation:store-tip-in .12s ease-out}@keyframes store-tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 34px))}}.store-tip.below{transform:translate(-50%,40px);animation-name:store-tip-in-below}@keyframes store-tip-in-below{0%{opacity:0;transform:translate(-50%,46px)}}.store-tip-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}.store-tip-dot{flex:none;width:8px;height:8px;border-radius:var(--r-pill)}.store-tip-name{font-size:var(--fs-base);font-weight:600;color:var(--c-text);white-space:nowrap}.store-tip-row{display:flex;gap:6px;font-size:var(--fs-xs);line-height:1.75}.store-tip-row .key{flex:none;width:36px;color:var(--c-text-muted)}.store-tip-row .val{flex:1;min-width:0;color:var(--c-text);word-break:break-all}.store-tip-row .sep{margin:0 4px;color:var(--c-text-muted)}.store-tip-foot{margin-top:3px;padding-top:3px;border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-muted)}.store-tip-arrow{position:absolute;left:50%;bottom:-5px;width:9px;height:9px;margin-left:-4.5px;border-right:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);background:#fff9;transform:rotate(45deg)}.store-tip.below .store-tip-arrow{top:-5px;bottom:auto;border-right:none;border-bottom:none;border-left:1px solid rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.7)}.board-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.board-metrics .stat-card{padding:var(--sp-4);animation:board-metric-in .46s cubic-bezier(.22,1,.36,1) both}@keyframes board-metric-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.board-metrics .stat-card{animation:none}}.board-metrics .stat-card .value{font-size:var(--fs-2xl)}.level-high{color:#12b76a}.level-mid{color:#b78600}.level-low{color:#f04438}@media (max-width: 1400px){.board-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1180px){.board-bar-tail{margin-left:0}}@media (max-width: 640px){.map-legend{width:100%}.board-metrics{grid-template-columns:minmax(0,1fr)}.store-popup,.store-popup.below{left:var(--sp-3)!important;right:var(--sp-3);top:auto!important;bottom:var(--sp-3);width:auto;transform:none}.store-popup-arrow{display:none}}