:root{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-sidebar: #0f172a;--bg-sidebar-hover: #1e293b;--bg-sidebar-active: #1d4ed8;--text-strong: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-on-dark: #e2e8f0;--text-on-dark-muted: #94a3b8;--border: #e2e8f0;--border-strong: #cbd5e1;--action: #2563eb;--action-hover: #1d4ed8;--action-soft: #eff6ff;--draft: #64748b;--draft-bg: #f1f5f9;--review: #d97706;--review-bg: #fffbeb;--published: #16a34a;--published-bg: #f0fdf4;--rejected: #dc2626;--rejected-bg: #fef2f2;--offline: #475569;--offline-bg: #f1f5f9;--header-h: 56px;--sidebar-w: 232px;--radius: 8px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-pop: 0 12px 32px rgba(15, 23, 42, .16)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs-base)}body{font-family:Fira Sans,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg-app);color:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:Fira Code,ui-monospace,monospace;font-feature-settings:"tnum"}a{color:var(--action);text-decoration:none}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg-app)}:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg-sidebar);color:var(--text-on-dark);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid #1e293b}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:grid;place-items:center;flex-shrink:0}.brand .name{font-weight:600;color:#fff;font-size:var(--fs-md);letter-spacing:.2px}.brand .env{margin-left:auto;font-size:11px;padding:2px 7px;border-radius:999px;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);font-weight:500}.nav{padding:12px 10px;flex:1;overflow-y:auto}.group-label{font-size:11px;color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.6px;padding:12px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-on-dark-muted);font-size:var(--fs-md);margin-bottom:1px;transition:background .15s,color .15s;width:100%;border:none;background:none;text-align:left}.nav-item:hover{background:var(--bg-sidebar-hover);color:#fff}.nav-item.active{background:var(--bg-sidebar-active);color:#fff;font-weight:500}.nav-item .count{margin-left:auto;font-size:11px;background:#ffffff1f;padding:1px 7px;border-radius:999px}.sidebar-foot{border-top:1px solid #1e293b;padding:12px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:7px;background:#334155;display:grid;place-items:center;color:#cbd5e1;font-weight:600;font-size:12px;flex-shrink:0}.sidebar-foot .who{display:flex;flex-direction:column;min-width:0}.sidebar-foot .who .u{color:#fff;font-size:var(--fs-md);font-weight:500}.sidebar-foot .who .r{color:var(--text-on-dark-muted);font-size:11px}.sidebar-foot .logout{margin-left:auto;background:none;border:none;color:var(--text-on-dark-muted);font-size:var(--fs-base);padding:4px 8px;border-radius:6px}.sidebar-foot .logout:hover{background:var(--bg-sidebar-hover);color:#fff}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 20px;position:sticky;top:0;z-index:20}.crumbs{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);color:var(--text-muted)}.crumbs .sep{color:var(--border-strong)}.crumbs .cur{color:var(--text-strong);font-weight:500}.content{padding:20px;overflow-y:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.page-head h1,.page-head h2{font-size:20px;color:var(--text-strong);font-weight:600;letter-spacing:-.2px}.page-head .sub{color:var(--text-muted);font-size:var(--fs-md);margin-top:3px;max-width:640px}.head-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:7px;font-size:var(--fs-md);font-weight:500;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;background:var(--action);color:#fff}.btn:hover{background:var(--action-hover)}.btn.primary,.btn-primary{background:var(--action);color:#fff}.btn.primary:hover,.btn-primary:hover{background:var(--action-hover)}.btn.ghost,.btn-ghost{background:#fff;border-color:var(--border);color:var(--text-body)}.btn.ghost:hover,.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn.success,.btn-success{background:var(--published);color:#fff}.btn.success:hover,.btn-success:hover{filter:brightness(.94)}.btn.danger,.btn-danger{background:#fff;border-color:#fecaca;color:var(--rejected)}.btn.danger:hover,.btn-danger:hover{background:var(--rejected-bg)}.btn.sm,.btn-sm{height:30px;padding:0 11px;font-size:var(--fs-base)}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.kpi .label{color:var(--text-muted);font-size:var(--fs-md)}.kpi .val{font-size:26px;font-weight:600;color:var(--text-strong);margin-top:6px;letter-spacing:-.5px}.kpi .delta{font-size:var(--fs-base);margin-top:4px}.delta.up{color:var(--published)}.delta.down{color:var(--rejected)}.delta.flat{color:var(--text-muted)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:var(--fs-md);color:var(--text-body);transition:border-color .15s,background .15s}.chip:hover{border-color:var(--border-strong)}.chip.on{border-color:var(--action);background:var(--action-soft);color:var(--action);font-weight:500}.toolbar .spacer{flex:1}.batch-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--action);background:var(--action-soft)}.batch-bar .spacer{flex:1}.batch-bar .batch-count{font-weight:600;color:var(--action)}.search{position:relative;min-width:240px}.search input{width:100%;height:32px;border:1px solid var(--border);border-radius:7px;padding:0 12px;font-size:var(--fs-md);background:#fff;color:var(--text-body)}.search input:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.card.pad{padding:18px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:var(--fs-base);font-weight:600;color:var(--text-muted);background:var(--bg-subtle);padding:10px 16px;border-bottom:1px solid var(--border);white-space:nowrap}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text-strong)}thead th button.sortable{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:3px;font:inherit;color:inherit}thead th button.sortable:focus-visible{outline:2px solid var(--action);outline-offset:2px}thead th .sort{color:var(--border-strong);margin-left:3px;font-size:11px}thead th.sorted .sort{color:var(--action)}tbody td{padding:0 16px;height:52px;border-bottom:1px solid var(--border);font-size:var(--fs-md);color:var(--text-body);vertical-align:middle}tbody tr{transition:background .12s}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:var(--bg-subtle)}tbody tr:last-child td{border-bottom:none}.cell-name{display:flex;align-items:center;gap:11px}.agent-ava{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:15px;color:#fff;flex-shrink:0;font-weight:600;background:linear-gradient(135deg,#3b82f6,#2563eb)}.cell-name .nm{color:var(--text-strong);font-weight:500}.cell-name .id{color:var(--text-muted);font-size:var(--fs-base)}.state{padding:48px;text-align:center;color:var(--text-muted);font-size:var(--fs-md)}.state.error{color:var(--rejected)}.state .retry{margin-top:12px}.empty{padding:48px;text-align:center;color:var(--text-muted)}.skeleton{display:inline-block;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--bg-subtle) 25%,#e8edf3 37%,var(--bg-subtle) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.badge{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:6px;font-size:var(--fs-base);font-weight:500;border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%}.badge.draft{color:var(--draft);background:var(--draft-bg);border-color:#e2e8f0}.badge.draft .dot{background:var(--draft)}.badge.review{color:var(--review);background:var(--review-bg);border-color:#fde68a}.badge.review .dot{background:var(--review)}.badge.published{color:var(--published);background:var(--published-bg);border-color:#bbf7d0}.badge.published .dot{background:var(--published)}.badge.rejected{color:var(--rejected);background:var(--rejected-bg);border-color:#fecaca}.badge.rejected .dot{background:var(--rejected)}.badge.offline{color:var(--offline);background:var(--offline-bg);border-color:#e2e8f0}.badge.offline .dot{background:var(--offline)}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;font-size:var(--fs-base);background:var(--bg-subtle);color:var(--text-body);border:1px solid var(--border)}.tag.paid{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.tag.s-only{background:#fef2f2;color:#b91c1c;border-color:#fecaca;font-weight:500}.tag.c-only{background:var(--action-soft);color:var(--action);border-color:#bfdbfe}.row-actions{display:flex;align-items:center;gap:2px}.link-btn{color:var(--action);font-size:var(--fs-md);padding:4px 8px;border-radius:5px;background:none;border:none;transition:background .12s}.link-btn:hover{background:var(--action-soft)}.link-btn.danger{color:var(--rejected)}.link-btn.danger:hover{background:var(--rejected-bg)}.link-btn.muted{color:var(--text-muted)}.link-btn.muted:hover{background:var(--bg-subtle)}.link-btn:disabled{opacity:.5;cursor:not-allowed}.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);font-size:var(--fs-md);color:var(--text-muted)}.pager{display:flex;gap:4px}.pager button{height:30px;min-width:30px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-body);font-size:var(--fs-base)}.pager button:hover:not(:disabled){background:var(--bg-subtle)}.pager button:disabled{opacity:.4;cursor:not-allowed}.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:18px}.subtab{padding:9px 14px;font-size:var(--fs-md);color:var(--text-muted);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.subtab:hover{color:var(--text-strong)}.subtab.on{color:var(--action);border-bottom-color:var(--action);font-weight:500}.stepper{display:flex;align-items:center}.step{display:flex;align-items:center;flex:1}.step:last-child{flex:0}.step .inner{display:flex;align-items:center}.step .bullet{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-base);font-weight:600;flex-shrink:0;border:2px solid var(--border-strong);color:var(--text-muted);background:#fff}.step.done .bullet{background:var(--published);border-color:var(--published);color:#fff}.step.current .bullet{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 0 0 4px var(--action-soft)}.step .stx{margin-left:9px}.step .stx .t{font-size:var(--fs-md);color:var(--text-strong);font-weight:500;white-space:nowrap}.step .stx .d{font-size:11px;color:var(--text-muted);white-space:nowrap}.step.todo .stx .t{color:var(--text-muted);font-weight:400}.step .line{flex:1;height:2px;background:var(--border);margin:0 12px}.step.done .line{background:var(--published)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;width:560px;max-width:92vw;background:var(--bg-surface);box-shadow:var(--shadow-pop);z-index:50;display:flex;flex-direction:column}.drawer-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}.drawer-head .agent-ava{width:42px;height:42px;font-size:19px;border-radius:10px}.drawer-head .ttl{flex:1;min-width:0}.drawer-head .ttl .h{font-size:16px;font-weight:600;color:var(--text-strong);display:flex;align-items:center;gap:8px}.drawer-head .ttl .m{font-size:var(--fs-base);color:var(--text-muted);margin-top:2px}.drawer-close{width:32px;height:32px;border-radius:7px;border:1px solid var(--border);background:#fff;color:var(--text-muted);display:grid;place-items:center;flex-shrink:0;font-size:16px}.drawer-close:hover{background:var(--bg-subtle);color:var(--text-strong)}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px}.drawer-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg-app)}.drawer-foot .spacer{flex:1}.sect{margin-bottom:22px}.sect-h{font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-md);color:var(--text-body);font-weight:500;margin-bottom:6px}.field .hint{font-size:11px;color:var(--text-muted);font-weight:400;margin-left:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:9px 11px;font-size:var(--fs-md);font-family:inherit;color:var(--text-body);background:#fff;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:80px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.field-error{color:var(--rejected);font-size:var(--fs-base);margin-top:4px}.s-banner{background:var(--rejected-bg);border:1px solid #fecaca;border-radius:7px;padding:10px 12px;font-size:var(--fs-base);color:#b91c1c;margin-bottom:14px;display:flex;gap:8px;align-items:flex-start}.s-banner .ic{flex-shrink:0}.range-wrap{display:flex;align-items:center;gap:10px}.range-wrap input[type=range]{flex:1;accent-color:var(--action)}.range-wrap .rv{width:44px;text-align:right;font-size:var(--fs-md);color:var(--text-strong)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;max-width:92vw;background:#fff;border-radius:12px;box-shadow:var(--shadow-pop);z-index:50;max-height:90vh;overflow-y:auto}.modal-head{padding:18px 20px 0}.modal-head .h{font-size:16px;font-weight:600;color:var(--text-strong)}.modal-head .m{font-size:var(--fs-base);color:var(--text-muted);margin-top:3px}.modal-body{padding:18px 20px}.modal-foot{padding:0 20px 18px;display:flex;gap:10px;justify-content:flex-end}.toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:9px;background:var(--text-strong);color:#fff;padding:10px 16px;border-radius:9px;font-size:var(--fs-md);box-shadow:var(--shadow-pop)}.toast.success{background:#15803d}.toast.info{background:#1e293b}.toast.warn{background:#b45309}.toast.error{background:var(--rejected)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.bar-list{display:flex;flex-direction:column;gap:14px}.bar-item{display:grid;grid-template-columns:130px 1fr 64px;align-items:center;gap:12px}.bar-item .bl{font-size:var(--fs-md);color:var(--text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;background:var(--bg-subtle);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:var(--action)}.bar-item .bv{font-size:var(--fs-base);color:var(--text-muted);text-align:right}.spark{display:flex;align-items:flex-end;gap:3px;height:40px}.spark span{flex:1;background:var(--action-soft);border-radius:2px 2px 0 0;min-height:2px}.role-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;font-size:var(--fs-base);font-weight:500}.role-chip.super{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.role-chip.operator{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.role-chip.viewer{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.readonly-lock{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:7px;background:var(--offline-bg);color:var(--offline);border:1px solid var(--border);font-size:var(--fs-md)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg-sidebar);background-image:radial-gradient(circle at 20% 20%,#1e293b,var(--bg-sidebar))}.login-form{width:360px;max-width:92vw;background:var(--bg-surface);border-radius:14px;box-shadow:var(--shadow-pop);padding:32px 28px;display:flex;flex-direction:column}.login-form h1{font-size:19px;color:var(--text-strong);font-weight:600;margin-bottom:6px;text-align:center}.login-form .login-sub{font-size:var(--fs-md);color:var(--text-muted);text-align:center;margin-bottom:22px}.login-form label{font-size:var(--fs-md);color:var(--text-body);font-weight:500;margin:12px 0 6px}.login-form input{height:38px;border:1px solid var(--border);border-radius:7px;padding:0 11px;font-size:var(--fs-md);color:var(--text-body);background:#fff}.login-form input:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px var(--action-soft)}.login-form .btn{margin-top:22px;width:100%}.form-error{color:var(--rejected);font-size:var(--fs-md);background:var(--rejected-bg);border:1px solid #fecaca;border-radius:7px;padding:8px 11px;margin-top:14px}.mono-id{font-family:Fira Code,ui-monospace,monospace;font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--fs-base)}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}