:root{--brand-primary: #2fa6bd;--brand-primary-hover: #2699ae;--brand-primary-dark: #02286e;--brand-primary-light: #e0f0f5;--brand-accent: #fa9515;--brand-accent-hover: #e58510;--brand-primary-rgb: 47, 166, 189;--brand-navy-rgb: 2, 40, 110;--brand-bg: #e8ecf1;--brand-sidebar: #edf0f5;--brand-surface: #f3f4f6;--brand-text: #1a202c;--brand-text-muted: #5a6470;--brand-text-light: #4a5568;--brand-border: rgba(2, 40, 110, .1);--brand-border-input: #d5dbe3;--brand-border-divider: #dfe3e8;--brand-shadow-card: 0 1px 2px rgba(2,40,110,.04), 0 16px 48px rgba(2,40,110,.08);--radius-card: 20px;--radius-btn: 12px;--radius-input: 12px;--brand-logo-shadow: 0 4px 16px rgba(2, 40, 110, .16);--brand-logo-border: 1px solid rgba(2, 40, 110, .08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.brand-logo-img{object-fit:cover;flex-shrink:0;border-radius:12px;border:var(--brand-logo-border);box-shadow:var(--brand-logo-shadow)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--brand-bg);color:var(--brand-text);font-size:14px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;background:var(--brand-bg)}.login-left{flex:1.15;min-width:520px;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(var(--brand-primary-rgb),.12),transparent 55%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(250,149,21,.07),transparent 50%),linear-gradient(160deg,#f0f2f6,#e6edf3 45%,var(--brand-bg));border-right:1px solid rgba(26,26,26,.06)}.login-left__logo{display:flex;align-items:stretch;gap:14px;margin-bottom:40px}.login-left__logo-stack{display:flex;flex-direction:column;justify-content:space-between;min-height:64px;padding:3px 0;box-sizing:border-box}.login-left__logo-cn{font-size:26px;font-weight:700;color:var(--brand-text);line-height:1;letter-spacing:.04em}.login-left__logo-en{font-size:12px;font-weight:500;color:var(--brand-text-muted);line-height:1;letter-spacing:.16em;text-transform:uppercase}.login-left__logo-img{width:64px;height:64px;border-radius:14px;align-self:center}.login-left__logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--brand-primary),var(--brand-primary-hover));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;box-shadow:0 8px 20px rgba(var(--brand-primary-rgb),.28);flex-shrink:0}.login-left__logo-text{font-size:18px;font-weight:650;color:var(--brand-text);line-height:1.2;letter-spacing:-.02em}.login-left__logo-sub{font-size:12px;color:var(--brand-text-muted);letter-spacing:.06em;text-transform:uppercase}.login-left__hero-title{font-size:clamp(28px,3vw,38px);line-height:1.22;margin-bottom:16px;font-weight:650;letter-spacing:-.03em}.login-left__hero-desc{font-size:15px;line-height:1.75;margin-bottom:32px;max-width:440px;color:var(--brand-text-light)}.login-left__features{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:480px}.left-feat{padding:16px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(26,26,26,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.left-feat__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-bottom:8px}.left-feat__title{font-size:13px;font-weight:650;color:var(--brand-text);margin-bottom:4px}.left-feat__desc{font-size:12px;color:var(--brand-text-muted);line-height:1.5}.login-right{flex:.85;display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:100%;max-width:400px;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-card);padding:36px 32px 28px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-card)}.login-card h2{font-size:22px;font-weight:650;margin-bottom:4px;letter-spacing:-.02em}.login-card__brand{display:none;align-items:stretch;justify-content:center;gap:12px;margin-bottom:18px}.login-card__logo-stack{display:flex;flex-direction:column;justify-content:space-between;min-height:48px;padding:2px 0;box-sizing:border-box}.login-card__logo-cn{font-size:22px;font-weight:700;color:var(--brand-text);line-height:1;letter-spacing:.04em}.login-card__logo-en{font-size:11px;font-weight:500;color:var(--brand-text-muted);line-height:1;letter-spacing:.14em;text-transform:uppercase}.login-card__logo-img{width:48px;height:48px;border-radius:12px;align-self:center}.login-card__brand-name{font-size:18px;font-weight:650;color:var(--brand-text);letter-spacing:-.02em}.lc-sub{font-size:13px;color:var(--brand-text-muted);margin-bottom:18px;display:block}.lc-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:18px;background:var(--brand-primary-light);color:var(--brand-primary)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--brand-text);margin-bottom:5px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--brand-border-input);border-radius:var(--radius-input);font-size:14px;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.12);background:var(--brand-surface)}textarea.form-input{resize:vertical;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-outline{background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}.btn-outline:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.btn-ghost{background:transparent;color:var(--brand-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--brand-bg);color:var(--brand-text)}.btn-danger{background:#fef2f2;color:#dc2626;border-color:#dc262626}.btn-danger:hover{background:#fde8e8}.btn-success{background:var(--brand-primary-light);color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-xs{padding:4px 12px;font-size:12px}.error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;border:1px solid rgba(220,38,38,.15)}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--brand-sidebar);border-right:1px solid var(--brand-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-logo{display:flex;align-items:stretch;gap:11px;padding:18px 16px;border-bottom:1px solid var(--brand-border)}.sidebar-logo img,.sidebar-logo-img{width:36px;height:36px;border-radius:10px;align-self:center}.sidebar-logo-stack{display:flex;flex-direction:column;justify-content:space-between;min-height:36px;padding:1px 0;box-sizing:border-box;min-width:0}.sidebar-logo-cn{font-size:14px;font-weight:700;color:var(--brand-text);letter-spacing:.03em;line-height:1;white-space:nowrap}.sidebar-logo-en{font-size:9px;font-weight:500;color:var(--brand-text-muted);letter-spacing:.14em;line-height:1;text-transform:uppercase;white-space:nowrap}.sidebar-logo svg{color:var(--brand-primary);flex-shrink:0}.sidebar-logo span{font-size:15px;font-weight:650;color:var(--brand-text);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.sidebar-group{margin-bottom:4px}.sidebar-group-title{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 16px;font-size:13px;font-weight:600;color:var(--brand-text-light);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;transition:all .12s ease}.sidebar-group-title:hover{background:rgba(var(--brand-primary-rgb),.06);color:var(--brand-primary)}.sidebar-group-title svg{flex-shrink:0;opacity:.5}.sidebar-group-items{padding:2px 0 4px}.sidebar-section-title{padding:6px 16px 4px 28px;font-size:11px;font-weight:650;color:var(--brand-text-muted);letter-spacing:.03em}.sidebar-section-title+.sidebar-item{margin-top:0}.sidebar-section-title:not(:first-child){margin-top:4px;padding-top:10px;border-top:1px dashed var(--brand-border-divider, #e2e8f0)}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 24px;border-radius:8px;font-size:13px;font-weight:500;color:var(--brand-text-muted);cursor:pointer;transition:all .12s ease;text-decoration:none}.sidebar-item:hover{background:rgba(var(--brand-primary-rgb),.06);color:var(--brand-primary)}.sidebar-item.active{background:var(--brand-primary-light);color:var(--brand-primary);font-weight:650}.sidebar-item.external{font-size:12px;opacity:.92}.sidebar-item.external .ext-mark{margin-left:auto;font-size:10px;opacity:.45}.sidebar-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:1}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--brand-border)}.sidebar-version{flex-shrink:0;padding:10px 14px 12px;border-top:1px solid var(--brand-border);font-size:10px;line-height:1.4;color:var(--brand-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#f3f4f6e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--brand-border);position:sticky;top:0;z-index:10}.header-title{font-size:16px;font-weight:650;color:var(--brand-text);letter-spacing:-.02em}.header-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-text-muted)}.header-user-menu{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;color:var(--brand-text-muted);font-size:13px;transition:background .15s,color .15s}.header-user-menu:hover,.header-user-menu.open{background:var(--brand-primary-light);color:var(--brand-text)}.header-user-name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;box-shadow:0 8px 40px #0000001f;z-index:220;overflow:hidden}.header-user-dropdown-head{padding:12px 14px;border-bottom:1px solid var(--brand-border)}.header-user-dropdown-meta{margin-top:6px;font-size:11px;color:var(--brand-text-muted)}.header-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--brand-text);font-size:13px;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s}.header-user-dropdown-item:hover{background:var(--brand-primary-light)}.header-user-dropdown-item.danger{color:#dc2626;border-top:1px solid var(--brand-border)}.header-user-dropdown-item.danger:hover{background:#fef2f2}.content{padding:20px 28px;flex:1}.card{background:var(--brand-surface);border-radius:12px;padding:20px;border:1px solid var(--brand-border);margin-bottom:16px}.card-title{font-size:14px;font-weight:650;color:var(--brand-text);margin-bottom:14px;letter-spacing:-.01em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--brand-surface);border-radius:12px;padding:18px;border:1px solid var(--brand-border)}.stat-value{font-size:28px;font-weight:650;color:var(--brand-primary);letter-spacing:-.02em}.stat-label{font-size:12px;color:var(--brand-text-muted);margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:10px 12px;font-weight:600;font-size:11px;color:var(--brand-text-muted);border-bottom:2px solid var(--brand-border);text-transform:uppercase;letter-spacing:.5px}table td{padding:10px 12px;border-bottom:1px solid var(--brand-border);font-size:13px}table tr:hover td{background:var(--brand-primary-light)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:500}.tag-green{background:var(--brand-primary-light);color:var(--brand-primary)}.tag-blue{background:#eff6ff;color:#2563eb}.tag-orange{background:#fff7ed;color:#c2410c}.tag-red{background:#fef2f2;color:#dc2626}.tag-gray{background:var(--brand-border-divider);color:var(--brand-text-muted)}.tag-purple{background:#faf5ff;color:#7c3aed}.empty{text-align:center;padding:48px 0;color:var(--brand-text-muted)}.empty svg{width:56px;height:56px;margin-bottom:12px;opacity:.3}.empty-text{font-size:13px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--brand-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column-reverse;gap:8px}.toast{background:var(--brand-surface);border-radius:10px;padding:12px 16px;box-shadow:0 4px 20px #0000001f;border:1px solid var(--brand-border);display:flex;align-items:center;gap:10px;font-size:13px;animation:toast-in .25s ease;min-width:280px;max-width:400px}.toast-success{border-left:3px solid var(--brand-primary)}.toast-error{border-left:3px solid #dc2626}.toast-info{border-left:3px solid #2563eb}.toast-msg{flex:1;color:var(--brand-text)}.toast-close{cursor:pointer;color:var(--brand-text-muted);padding:2px;border-radius:4px;font-size:16px;line-height:1}.toast-close:hover{color:var(--brand-text)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.export-dropdown{position:relative;display:inline-block}.export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--brand-surface);border-radius:10px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-card);padding:4px 0;min-width:140px;z-index:50}.export-menu.export-menu-up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.export-menu-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;cursor:pointer;color:var(--brand-text);transition:background .12s}.export-menu-item:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.search-wrap{position:relative;display:flex;align-items:center}.search-input{padding:6px 12px 6px 32px;border:1px solid var(--brand-border-input);border-radius:20px;font-size:12px;width:200px;background:var(--brand-surface);transition:all .2s;outline:none}.search-input:focus{width:280px;border-color:var(--brand-primary);background:var(--brand-surface);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.08)}.search-icon{position:absolute;left:10px;color:var(--brand-text-muted);pointer-events:none}.search-shortcut{font-size:10px;color:var(--brand-text-muted);background:var(--brand-border-divider);padding:2px 6px;border-radius:4px;margin-left:6px;font-family:monospace}.search-results{position:absolute;top:100%;right:0;margin-top:6px;width:380px;background:var(--brand-surface);border-radius:12px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-card);z-index:200;max-height:420px;overflow-y:auto}.sr-section{padding:8px 0}.sr-section:not(:last-child){border-bottom:1px solid #f0f0f0}.sr-section-title{font-size:10px;font-weight:600;color:var(--brand-text-muted);padding:4px 16px;text-transform:uppercase;letter-spacing:.5px}.sr-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .12s;font-size:13px}.sr-item:hover{background:var(--brand-primary-light)}.sr-item-name{flex:1;color:var(--brand-text)}.sr-item-meta{font-size:11px;color:var(--brand-text-muted)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:6px}.skeleton-card{height:80px;border-radius:12px;margin-bottom:14px}.skeleton-row{height:14px;margin-bottom:8px}.skeleton-row-sm{height:10px;width:60%;margin-bottom:6px}.batch-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--brand-primary-light);border-radius:8px;margin-bottom:10px;font-size:12px}.batch-bar .count{font-weight:650;color:var(--brand-primary)}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--brand-surface);box-shadow:-4px 0 40px #0000001a;z-index:150;display:flex;flex-direction:column;animation:slide-in .25s ease}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--brand-border)}.detail-panel-body{flex:1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:20px}.detail-section-title{font-size:12px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #f5f5f5}.detail-label{color:var(--brand-text-muted)}.detail-value{color:var(--brand-text);font-weight:500}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.health-card{background:var(--brand-surface);border-radius:10px;padding:14px;border:1px solid var(--brand-border);display:flex;align-items:center;gap:10px}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-dot.green{background:#2fa6bd;box-shadow:0 0 6px rgba(var(--brand-primary-rgb),.4)}.health-dot.red{background:#dc2626;box-shadow:0 0 6px #dc262666}.health-dot.gray{background:#a3a3a3}.health-name{font-size:12px;font-weight:600;color:var(--brand-text)}.health-port{font-size:10px;color:var(--brand-text-muted)}.stat-card.clickable{cursor:pointer;transition:all .15s ease}.stat-card.clickable:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.1);transform:translateY(-1px)}.dash-panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:10px;padding:12px 14px;margin-bottom:12px}.dash-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.dash-panel-title{font-size:13px;font-weight:650;color:var(--brand-text);display:flex;align-items:center;gap:6px;margin:0}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px}.dash-metric{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;border:none;background:transparent;border-radius:8px;text-align:left;cursor:pointer;font:inherit;color:inherit;width:100%;min-width:0}.dash-metric:hover{background:#f8fafc}.dash-metric-val{font-size:18px;font-weight:650;line-height:1.2;color:var(--brand-text)}.dash-metric-label{font-size:11px;color:var(--brand-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dash-metric-sub{font-size:10px;color:#94a3b8;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dash-divider{height:1px;background:var(--brand-border);margin:8px 0}.dash-sub-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;align-items:stretch}.dash-chart-compact{display:flex;align-items:flex-end;gap:3px;height:72px;padding-top:4px}.dash-quick-row{display:flex;flex-wrap:wrap;gap:6px}.dash-quick-row .btn{padding:5px 10px;font-size:12px}.dash-list{display:flex;flex-direction:column;gap:0}.dash-list-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px;cursor:pointer}.dash-list-item:last-child{border-bottom:none}.dash-list-item:hover .dash-list-name{color:var(--brand-primary)}.dash-list-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dash-list-meta{font-size:11px;color:var(--brand-text-muted);flex-shrink:0}@media (min-width: 1100px){.dash-kpi-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width: 768px){.dash-kpi-grid,.dash-sub-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a59;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--brand-surface);border-radius:16px;padding:28px;width:520px;max-height:80vh;overflow-y:auto;box-shadow:var(--brand-shadow-card);border:1px solid var(--brand-border)}.modal-header{font-size:17px;font-weight:650;margin-bottom:20px;letter-spacing:-.02em}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.sop-designer-layout{display:flex;flex:1;min-height:0;gap:12px}.sop-canvas-wrap{flex:1;background:#eef1f5;border-radius:12px;border:1px solid var(--brand-border);position:relative;overflow:hidden;min-height:500px;display:flex}.sop-canvas-wrap canvas{display:block}.sop-sidebar{width:280px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sop-panel{background:var(--brand-surface);border-radius:12px;padding:14px 16px;border:1px solid var(--brand-border)}.sop-panel h3{font-size:13px;font-weight:650;margin-bottom:12px;letter-spacing:-.01em}.sop-doc-table tr:hover td input{background:#e8f5f9!important;border-color:#a5d8e6!important}.sop-step-card-adv{border-top:1px dashed #e8ecf0;margin-top:10px;padding-top:10px}.sop-design-tier-bar{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:8px;margin-bottom:10px}.sop-design-tier-btn{flex:1;border:none;background:transparent;padding:6px 8px;font-size:11px;border-radius:6px;cursor:pointer;color:#64748b;font-weight:500}.sop-design-tier-btn.active{background:var(--brand-surface);color:#2fa6bd;font-weight:650;box-shadow:0 1px 3px #00000014}.sop-nav-group-label{font-size:10px;color:#94a3b8;padding:8px 10px 4px;font-weight:600;letter-spacing:.04em}.sop-nav-primary{font-weight:650!important;color:#2fa6bd!important}.sop-header-more{margin-top:8px;padding-top:8px;border-top:1px dashed #e2e8f0}.sop-sec-body{transition:all .25s ease;overflow:hidden}.sop-toolbar{display:flex;flex-wrap:wrap;gap:6px}.sop-edit-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;flex-shrink:0}.sop-edit-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.sop-edit-toolbar-row-secondary{justify-content:flex-end;padding:6px 10px;background:#f8fafc;border:1px solid #e8ecef;border-radius:8px}.sop-edit-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap}.sop-edit-mode-toggle{display:flex;background:#f0f0f0;border-radius:6px;padding:2px;gap:2px;flex-shrink:0}.sop-edit-mode-toggle button{border:none;padding:4px 12px;font-size:12px;cursor:pointer;border-radius:4px;white-space:nowrap;flex-shrink:0}.sop-edit-locale-bar{display:flex;background:#eef2ff;border-radius:6px;padding:2px;gap:2px;flex-shrink:0;flex-wrap:nowrap}.sop-edit-locale-bar button{border:none;padding:4px 10px;font-size:11px;cursor:pointer;border-radius:4px;white-space:nowrap;flex-shrink:0}.sop-edit-toolbar-spacer{flex:1;min-width:12px}.sop-tool{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text-muted);transition:all .15s;font-size:11px;font-weight:500}.sop-tool:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.sop-tool.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.sop-field{margin-bottom:10px}.sop-field label{display:block;font-size:11px;color:var(--brand-text-muted);margin-bottom:4px;font-weight:500}.sop-field input{width:100%;padding:6px 10px;border:1px solid var(--brand-border-input);border-radius:8px;font-size:12px}.version-list{list-style:none}.v-item{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px;border:1px solid transparent;background:#fafafa;margin-bottom:4px}.v-item:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.v-item.v-current{border-color:var(--brand-primary)}.v-num{font-weight:650;color:var(--brand-primary)}.v-date{color:var(--brand-text-muted);font-size:11px}.v-comp-left{border-color:#2563eb;background:#dbeafe}.v-comp-right{border-color:#2fa6bd;background:#cfeef5}.v-comp-badge{display:inline-block;font-size:9px;padding:1px 4px;border-radius:3px;margin-left:4px;font-weight:700;color:#fff;vertical-align:middle;line-height:1.3}.v-comp-badge-left{background:#2563eb}.v-comp-badge-right{background:#2fa6bd}.notif-bell{position:relative;cursor:pointer;display:inline-flex;align-items:center;margin-right:12px}.notif-bell svg{color:var(--brand-text-muted);transition:color .15s}.notif-bell:hover svg{color:var(--brand-primary)}.notif-badge{position:absolute;top:-6px;right:-8px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-dropdown{position:absolute;right:0;top:100%;margin-top:8px;width:360px;background:var(--brand-surface);border-radius:12px;box-shadow:0 8px 40px #0000001f;border:1px solid var(--brand-border);z-index:200;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--brand-border);font-size:13px;font-weight:650}.notif-dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .12s}.notif-dropdown-item:hover{background:var(--brand-primary-light)}.notif-dropdown-item.unread{background:#fafdfb}.notif-dropdown-item.unread:hover{background:var(--brand-primary-light)}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);margin-top:6px;flex-shrink:0}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:600;color:var(--brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-msg{font-size:12px;color:var(--brand-text-muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:11px;color:var(--brand-text-muted);margin-top:4px}.notif-dropdown-footer{padding:10px 16px;text-align:center;border-top:1px solid var(--brand-border)}.notif-dropdown-footer a{font-size:12px;color:var(--brand-primary);text-decoration:none;font-weight:600}@media (max-width: 960px){.login-page{flex-direction:column}.login-left{display:none}.login-right{min-height:100vh;padding:24px 20px}.login-card__brand{display:flex}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr 1fr}.sidebar{width:64px}.sidebar-logo span{display:none}.sidebar-item svg+*{display:none}.sidebar-version{display:none}.main{margin-left:64px}}.andon-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.andon-summary-card{background:var(--brand-surface);border-radius:10px;padding:12px 14px;border:1px solid var(--brand-border);text-align:center}.andon-summary-card .as-val{font-size:24px;font-weight:650}.andon-summary-card .as-lbl{font-size:11px;color:var(--brand-text-muted);margin-top:2px}.andon-filter-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.andon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.andon-card{background:var(--brand-surface);border-radius:12px;padding:14px 16px;border:1px solid var(--brand-border);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.andon-card:hover{box-shadow:var(--brand-shadow-card)}.andon-card.sev-emergency{border-left:4px solid #dc2626;animation:andon-pulse 2s ease-in-out infinite}.andon-card.sev-critical{border-left:4px solid #dc2626}.andon-card.sev-warning{border-left:4px solid #f59e0b}.andon-card.sev-info{border-left:4px solid #3b82f6}@keyframes andon-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.andon-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.andon-card-title{font-size:13px;font-weight:650;color:var(--brand-text);flex:1}.andon-card-sev{display:inline-flex;align-items:center;padding:1px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.sev-tag-emergency,.sev-tag-critical{background:#fef2f2;color:#dc2626}.sev-tag-warning{background:#fff7ed;color:#c2410c}.sev-tag-info{background:#eff6ff;color:#2563eb}.andon-card-meta{display:flex;gap:12px;font-size:11px;color:var(--brand-text-muted);margin-bottom:6px;flex-wrap:wrap}.andon-card-type{font-size:11px;color:var(--brand-text-muted);display:flex;align-items:center;gap:4px}.andon-detail{max-width:700px}.andon-detail .andon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.andon-detail .andon-title{font-size:18px;font-weight:650}.andon-detail .andon-message{background:#f9fafb;border-radius:8px;padding:12px 14px;font-size:13px;color:var(--brand-text-light);margin-bottom:16px;white-space:pre-wrap}.andon-detail .andon-actions{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.andon-escalation-list{margin-top:14px}.andon-escalation-item{display:flex;gap:10px;padding:8px 12px;border-left:3px solid var(--brand-primary);background:var(--brand-primary-light);border-radius:0 6px 6px 0;margin-bottom:6px;font-size:12px}.andon-escalation-item .esc-level{font-weight:650;color:var(--brand-primary);min-width:24px}.andon-escalation-item .esc-to{color:var(--brand-text)}.andon-escalation-item .esc-reason{color:var(--brand-text-muted)}.andon-escalation-item .esc-time{color:var(--brand-text-muted);font-size:11px;margin-left:auto}.andon-line-filter{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.andon-line-filter select{padding:6px 12px;border-radius:8px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);font-size:13px;min-width:180px}.andon-line-card{background:var(--brand-surface);border-radius:12px;border:1px solid var(--brand-border);margin-bottom:16px;overflow:hidden}.andon-line-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--brand-border);gap:12px}.andon-line-card-header .line-name{font-size:15px;font-weight:650;color:var(--brand-text)}.andon-line-card-header .line-plant{font-size:11px;color:var(--brand-text-muted)}.andon-line-stats{display:flex;gap:16px;font-size:12px}.andon-line-stats span{display:flex;align-items:center;gap:4px}.andon-line-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.andon-line-status-dot.green{background:#22c55e}.andon-line-status-dot.yellow{background:#f59e0b;animation:dot-pulse 1.5s ease-in-out infinite}.andon-line-status-dot.red{background:#dc2626;animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.7}}.andon-station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px 16px}.andon-station-cell{background:var(--brand-bg);border-radius:8px;padding:10px 12px;border:1px solid var(--brand-border);cursor:pointer;transition:all .2s;text-align:center}.andon-station-cell:hover{box-shadow:var(--brand-shadow-card)}.andon-station-cell.status-red{border-color:#dc2626;background:#fef2f2}.andon-station-cell.status-yellow{border-color:#f59e0b;background:#fff7ed}.andon-station-cell.status-green{border-color:#22c55e;background:#f0fdf4}.andon-station-cell .st-code{font-size:11px;color:var(--brand-text-muted);margin-bottom:4px}.andon-station-cell .st-name{font-size:12px;font-weight:600;color:var(--brand-text)}.andon-station-cell .st-alert{font-size:10px;color:#dc2626;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.andon-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media (max-width: 768px){.andon-analytics-grid{grid-template-columns:1fr}}.andon-analytics-card{background:var(--brand-surface);border-radius:12px;border:1px solid var(--brand-border);padding:16px}.andon-analytics-card h4{font-size:14px;font-weight:650;margin-bottom:12px;color:var(--brand-text)}.andon-pareto-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.andon-pareto-bar .pa-label{font-size:11px;color:var(--brand-text-muted);min-width:72px;max-width:110px;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.andon-pareto-bar .pa-track{flex:1;height:20px;background:var(--brand-bg);border-radius:4px;overflow:hidden;position:relative}.andon-pareto-bar .pa-fill{height:100%;border-radius:4px;transition:width .5s ease}.andon-pareto-bar .pa-count{font-size:11px;font-weight:600;color:var(--brand-text);width:32px;flex-shrink:0}.andon-sla-ring{display:flex;align-items:center;justify-content:center;gap:20px}.andon-sla-ring .sla-circle{width:100px;height:100px;position:relative}.andon-sla-stats{text-align:left}.andon-sla-stats .sla-num{font-size:28px;font-weight:650}.andon-sla-stats .sla-label{font-size:11px;color:var(--brand-text-muted);margin-bottom:4px}.andon-sla-stats .sla-detail{font-size:11px;color:var(--brand-text-muted)}.andon-mttr-chart{display:flex;align-items:flex-end;gap:4px;height:120px;margin-top:8px}.andon-mttr-bar{flex:1;border-radius:4px 4px 0 0;position:relative;cursor:pointer;min-width:16px}.andon-mttr-bar:hover{opacity:.8}.andon-mttr-label{font-size:9px;color:var(--brand-text-muted);text-align:center;margin-top:4px}.andon-table-wrap{overflow-x:auto}.andon-table{width:100%;border-collapse:collapse;font-size:13px}.andon-table th,.andon-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--brand-border)}.andon-table th{font-size:11px;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;white-space:nowrap}.andon-table td{color:var(--brand-text)}.andon-table tr:hover td{background:var(--brand-bg)}.andon-table .al-row-emergency td{background:#fef2f2}.andon-table .al-row-critical td{background:#fff5f5}.andon-table .sev-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.andon-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;font-size:12px}.andon-pagination button{min-width:32px}.andon-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:2000;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.andon-drawer{background:var(--brand-surface);width:480px;max-width:92vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;animation:drawer-slide-in .25s ease;box-shadow:-8px 0 32px #02286e1f}.andon-drawer-head{position:relative;padding:20px 22px 14px;border-bottom:1px solid var(--brand-border);background:linear-gradient(180deg,#f8fcfd,#fff);flex-shrink:0}.andon-drawer-body{padding:16px 22px 24px;overflow-y:auto;flex:1}.andon-drawer-title{font-size:18px;font-weight:650;margin:0;padding-right:36px;line-height:1.35}.andon-drawer-meta{font-size:12px;color:var(--brand-text-muted);margin-top:6px}.andon-drawer-close{position:absolute;top:16px;right:16px;width:34px;height:34px;background:#fff;border:1px solid var(--brand-border);cursor:pointer;color:var(--brand-text-muted);padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.andon-drawer-close:hover{background:var(--brand-bg);color:var(--brand-text)}.andon-drawer-section{margin-top:14px;padding:12px 14px;border:1px solid var(--brand-border);border-radius:12px;background:#fafbfc}.andon-drawer-section h5{font-size:11px;font-weight:650;color:var(--brand-text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.andon-drawer-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:12px}.andon-drawer-kv .kv-label{color:var(--brand-text-muted);display:block;font-size:10px;margin-bottom:2px}.andon-drawer-kv .kv-val{color:var(--brand-text);font-weight:500}.andon-drawer-form .form-control{width:100%;border-radius:8px;border:1px solid var(--brand-border-input, #d1d5db);padding:8px 12px;font-size:13px;box-sizing:border-box}.andon-drawer-form label{font-size:12px;font-weight:600;color:var(--brand-text);display:block;margin-bottom:6px}.andon-drawer-form .form-row{margin-bottom:12px}.andon-drawer-actions{display:flex;flex-wrap:wrap;gap:8px}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ar-page{display:flex;flex-direction:column;gap:16px}.ar-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:18px 20px;background:linear-gradient(135deg,#f0f9fb,#fff 55%,#f8fafc);border:1px solid var(--brand-border);border-radius:14px}.ar-hero-main h2{font-size:20px;font-weight:650;margin:0 0 6px;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.ar-hero-desc{font-size:13px;color:var(--brand-text-muted);margin:0;max-width:520px;line-height:1.5}.ar-stats{display:flex;gap:10px;flex-wrap:wrap}.ar-stat{min-width:108px;padding:10px 14px;background:#ffffffd9;border:1px solid var(--brand-border);border-radius:10px;text-align:center}.ar-stat-val{font-size:22px;font-weight:700;color:var(--brand-primary);line-height:1.1}.ar-stat-label{font-size:11px;color:var(--brand-text-muted);margin-top:4px}.ar-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:10px}.ar-tab{border:none;background:transparent;padding:8px 16px;font-size:13px;font-weight:500;color:var(--brand-text-muted);border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.ar-tab:hover{color:var(--brand-text);background:#fff9}.ar-tab.active{background:var(--brand-surface);color:var(--brand-primary);font-weight:650;box-shadow:0 1px 4px #0000000f}.ar-panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;padding:16px 18px}.ar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.ar-toolbar-desc{font-size:12px;color:var(--brand-text-muted);line-height:1.45;flex:1;min-width:200px}.ar-empty{text-align:center;padding:48px 24px;color:var(--brand-text-muted)}.ar-empty-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:var(--brand-bg);display:flex;align-items:center;justify-content:center;color:var(--brand-primary)}.ar-empty-title{font-size:14px;font-weight:650;color:var(--brand-text);margin-bottom:4px}.ar-empty-sub{font-size:12px}.ar-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.ar-type-card{position:relative;padding:14px 14px 12px;border:1px solid var(--brand-border);border-radius:12px;background:var(--brand-surface);transition:border-color .15s,box-shadow .15s}.ar-type-card:hover{border-color:#b8dfe8;box-shadow:0 4px 14px #2fa6bd14}.ar-type-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.ar-type-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.ar-type-name{font-size:14px;font-weight:650;color:var(--brand-text)}.ar-type-code{font-size:11px;font-family:ui-monospace,monospace;color:var(--brand-text-muted);margin-top:2px}.ar-type-meta{font-size:11px;color:var(--brand-text-muted);padding-top:10px;border-top:1px dashed var(--brand-border)}.ar-type-actions{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}.ar-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}.ar-badge-system{background:var(--brand-primary-light);color:var(--brand-primary)}.ar-badge-custom{background:#ecfdf5;color:#059669}.ar-policy-list{display:flex;flex-direction:column;gap:12px}.ar-policy-card{border:1px solid var(--brand-border);border-radius:12px;padding:14px 16px;background:linear-gradient(180deg,#fafcfd,#fff)}.ar-policy-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}.ar-policy-title{font-size:15px;font-weight:650;color:var(--brand-text)}.ar-policy-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ar-policy-tag{font-size:10px;padding:2px 8px;border-radius:6px;background:var(--brand-bg);color:var(--brand-text-muted);font-weight:500}.ar-sev-emergency,.ar-sev-critical{background:#fef2f2;color:#dc2626}.ar-sev-warning{background:#fff7ed;color:#c2410c}.ar-sev-info{background:#eff6ff;color:#2563eb}.ar-tier-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.ar-tier-track:before{content:"";position:absolute;top:22px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#2fa6bd,#94a3b8,#02286e);opacity:.25;z-index:0}.ar-tier-node{position:relative;z-index:1;text-align:center;padding:0 6px}.ar-tier-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-primary);border:2px solid #fff;box-shadow:0 0 0 2px #2fa6bd40;margin:0 auto 8px}.ar-tier-node:nth-child(2) .ar-tier-dot{background:#64748b;box-shadow:0 0 0 2px #64748b40}.ar-tier-node:nth-child(3) .ar-tier-dot{background:#02286e;box-shadow:0 0 0 2px #02286e33}.ar-tier-label{font-size:10px;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ar-tier-time{font-size:16px;font-weight:700;color:var(--brand-text)}.ar-tier-time span{font-size:11px;font-weight:500;color:var(--brand-text-muted)}.ar-tier-to{font-size:10px;color:var(--brand-primary);margin-top:4px;line-height:1.35}.ar-rc-groups{display:flex;flex-direction:column;gap:14px}.ar-rc-group{border:1px solid var(--brand-border);border-radius:12px;overflow:hidden}.ar-rc-group-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--brand-bg);border-bottom:1px solid var(--brand-border)}.ar-rc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ar-rc-group-title{font-size:13px;font-weight:650;color:var(--brand-text)}.ar-rc-group-count{font-size:11px;color:var(--brand-text-muted);margin-left:auto}.ar-rc-table{width:100%;border-collapse:collapse;font-size:12px}.ar-rc-table th{text-align:left;padding:8px 14px;font-size:10px;font-weight:650;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.03em;background:#fafbfc;border-bottom:1px solid var(--brand-border)}.ar-rc-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ar-rc-table tr:last-child td{border-bottom:none}.ar-rc-table tr:hover td{background:#f8fafc}.ar-rc-code{font-family:ui-monospace,monospace;font-size:11px;padding:3px 8px;border-radius:6px;background:var(--brand-bg);color:var(--brand-text-muted)}.ar-rc-actions{display:flex;gap:4px;justify-content:flex-end}.ar-modal-overlay{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.ar-modal{padding:0;overflow:hidden;width:min(520px,92vw);max-height:88vh;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 24px 64px #02286e24;border:1px solid rgba(47,166,189,.12)}.modal.ar-modal.ar-modal-lg{width:min(680px,94vw)}.ar-modal{width:min(520px,92vw);max-height:88vh;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:16px}.ar-modal-accent{height:3px;flex-shrink:0}.ar-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px 14px;border-bottom:1px solid var(--brand-border);background:linear-gradient(180deg,#f8fcfd,#fff)}.ar-modal-title{font-size:18px;font-weight:650;margin:0;letter-spacing:-.02em;color:var(--brand-text)}.ar-modal-sub{font-size:12px;color:var(--brand-text-muted);margin:6px 0 0;line-height:1.5;max-width:520px}.ar-modal-close{width:34px;height:34px;border:1px solid var(--brand-border);background:#fff;border-radius:10px;cursor:pointer;font-size:18px;line-height:1;color:var(--brand-text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ar-modal-close:hover{background:var(--brand-bg);color:var(--brand-text);border-color:#cbd5e1}.ar-modal-body{padding:18px 22px;overflow-y:auto;flex:1;background:#fff}.ar-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--brand-border);background:#f8fafc}.ar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start}.ar-form-grid.full{grid-template-columns:1fr}.ar-form-field{display:flex;flex-direction:column;gap:0;min-width:0}.ar-form-field.span2{grid-column:span 2}.ar-form-label{font-size:12px;font-weight:600;color:var(--brand-text);line-height:1.3;margin-bottom:4px}.ar-form-hint-slot{min-height:16px;margin-bottom:6px;display:flex;align-items:flex-start}.ar-form-hint{font-size:11px;color:var(--brand-text-muted);line-height:1.35}.ar-form-field .input,.ar-form-field select.input,.ar-form-field textarea.input{width:100%;height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--brand-border-input, #d1d5db);background:#fff;font-size:13px;color:var(--brand-text);box-sizing:border-box}.ar-form-field .input:focus,.ar-form-field select.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #2fa6bd1f}.ar-form-field .input:disabled{background:#f8fafc;color:var(--brand-text-muted)}.ar-modal-section{margin-bottom:14px;border:1px solid var(--brand-border);border-radius:12px;background:#fafbfc;overflow:hidden}.ar-modal-section:last-child{margin-bottom:0}.ar-modal-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#f0f9fb,#f8fafc);border-bottom:1px solid var(--brand-border)}.ar-modal-section-title{font-size:12px;font-weight:650;color:var(--brand-text);letter-spacing:.02em}.ar-modal-section-hint{font-size:11px;color:var(--brand-text-muted);text-align:right;line-height:1.35}.ar-modal-section-body{padding:14px;background:#fff}.ar-modal-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:12px;border:1px solid var(--brand-border);background:linear-gradient(135deg,#f8fafc,#fff)}.ar-modal-preview-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.ar-modal-preview-name{font-size:15px;font-weight:650;color:var(--brand-text)}.ar-modal-preview-meta{font-size:11px;color:var(--brand-text-muted);margin-top:2px;font-family:ui-monospace,monospace}.ar-tier-cards{display:flex;flex-direction:column;gap:12px}.ar-tier-card{border:1px solid var(--brand-border);border-radius:12px;padding:12px 14px;background:#fafbfc}.ar-tier-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--brand-border)}.ar-tier-badge{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.ar-tier-badge.t1{background:#2fa6bd}.ar-tier-badge.t2{background:#64748b}.ar-tier-badge.t3{background:#02286e}.ar-tier-card-title{font-size:13px;font-weight:650;color:var(--brand-text)}.ar-tier-card-sub{font-size:11px;color:var(--brand-text-muted);margin-top:1px}.ar-tier-card-fields{display:grid;grid-template-columns:120px 1fr;gap:10px 12px;align-items:start}.ar-tier-field{display:flex;flex-direction:column;gap:5px;min-width:0}.ar-tier-field.span2{grid-column:span 2}.ar-tier-field label{font-size:11px;font-weight:600;color:var(--brand-text-muted)}.ar-tier-field .input{height:36px;padding:7px 10px;border-radius:8px;border:1px solid var(--brand-border-input, #d1d5db);font-size:13px;width:100%;box-sizing:border-box;background:#fff}.ar-color-row{display:flex;align-items:center;gap:10px}.ar-color-row input[type=color]{width:44px;height:38px;border:1px solid var(--brand-border);border-radius:8px;padding:2px;cursor:pointer;flex-shrink:0}.ar-color-preview{flex:1;height:38px;border-radius:8px;border:1px solid var(--brand-border)}.ar-policy-card{border-left:4px solid #2fa6bd}.ar-policy-card.sev-emergency,.ar-policy-card.sev-critical{border-left-color:#dc2626}.ar-policy-card.sev-warning{border-left-color:#f59e0b}.ar-policy-card.sev-info{border-left-color:#3b82f6}.ar-policy-card.is-default{background:linear-gradient(180deg,#f0f9fb,#fff)}.ar-rc-group-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.ar-rc-empty-row{padding:14px;text-align:center;font-size:12px;color:var(--brand-text-muted)}@media (max-width: 720px){.ar-form-grid{grid-template-columns:1fr}.ar-form-field.span2{grid-column:span 1}.ar-tier-form-row{grid-template-columns:1fr;gap:6px}.ar-tier-card-fields{grid-template-columns:1fr}.ar-tier-field.span2{grid-column:span 1}.ar-tier-track{grid-template-columns:1fr;gap:12px}.ar-tier-track:before{display:none}}.bcast-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.bcast-summary-card{background:var(--brand-surface);border-radius:10px;padding:12px 14px;border:1px solid var(--brand-border);text-align:center}.bcast-summary-card .bs-val{font-size:22px;font-weight:650}.bcast-summary-card .bs-lbl{font-size:11px;color:var(--brand-text-muted);margin-top:2px}.bcast-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--brand-border-divider);padding-bottom:0}.bcast-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--brand-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.bcast-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.bcast-tab:hover{color:var(--brand-text)}.bcast-enabled{display:inline-flex;align-items:center;gap:6px}.bcast-toggle{width:36px;height:20px;border-radius:10px;background:var(--brand-border-input);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.bcast-toggle.on{background:var(--brand-primary)}.bcast-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--brand-surface);transition:transform .2s}.bcast-toggle.on:after{transform:translate(16px)}.int-type-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.int-type-erp{background:#eef2ff;color:#4338ca}.int-type-mes{background:#e8f5f9;color:#0e5f73}.int-type-scada{background:#fef3c7;color:#92400e}.int-type-webhook{background:#fce7f3;color:#9d174d}.int-type-mqtt{background:#e0f2fe;color:#075985}.int-type-opc_ua{background:#f3e8ff;color:#6b21a8}.int-type-modbus{background:#fff7ed;color:#9a3412}.int-log-expand{font-size:11px;background:#f9fafb;border-radius:6px;padding:8px 10px;margin-top:4px;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;font-family:Menlo,Monaco,monospace}.collab-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;position:relative;transition:all .15s}.collab-badge.online{background:#e8f5f9;color:#2fa6bd}.collab-badge.offline{background:#fafafa;color:var(--brand-text-muted)}.collab-badge .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.collab-badge.online .dot{background:#2fa6bd;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.collab-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--brand-surface);border-radius:10px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-card);padding:6px 0;min-width:180px;z-index:50}.collab-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:12px;color:var(--brand-text)}.collab-dropdown-item .user-dot{width:6px;height:6px;border-radius:50%;background:#2fa6bd;flex-shrink:0}.remote-cursor{position:fixed;pointer-events:none;z-index:9999;transform:translate(-2px,-2px);transition:left .08s linear,top .08s linear}.remote-cursor-label{font-size:10px;font-weight:600;color:#fff;padding:2px 6px;border-radius:4px;white-space:nowrap;margin-top:2px;margin-left:8px;box-shadow:0 1px 4px #00000026}.remote-cursor-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid;transform:rotate(-30deg)}.expiry-banner{margin-bottom:14px;padding:12px 16px;border-radius:10px;border:1px solid #ffd591;background:#fff7e6;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.expiry-banner.expired{border-color:#ffa39e;background:#fff1f0}.field-locked{background:#fffbeb!important;border-color:#fcd34d!important}.field-lock-hint{font-size:10px;color:#fa9515;margin-top:2px}.station-dashboard-page{min-width:0}.sd-page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sd-page-header h2{font-size:18px;font-weight:650;margin:0;display:flex;align-items:center;gap:8px}.sd-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.sd-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.station-selector{display:flex;gap:12px;align-items:center;margin-bottom:0;flex:1;min-width:200px}.station-selector select{padding:8px 14px;border:1px solid var(--brand-border-input);border-radius:8px;font-size:13px;background:var(--brand-surface);min-width:200px;width:100%;max-width:360px}.sd-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.sd-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.sd-kpi-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:10px;padding:14px 16px;min-width:0}.sd-kpi-label{font-size:12px;color:var(--brand-text-muted);margin-bottom:6px}.sd-kpi-value{font-size:22px;font-weight:700;line-height:1.2;word-break:break-word}.sd-section-title{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sd-overview-meta{margin-bottom:16px;font-size:13px;color:var(--brand-text-muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sd-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.sd-station-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 3px #0000000a;min-width:0}.sd-station-card:hover{border-color:var(--brand-primary);box-shadow:0 2px 12px #3b82f61f}.sd-station-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.sd-station-card-title{font-weight:650;font-size:15px;margin-bottom:2px;word-break:break-word}.sd-station-card-sub{font-size:12px;color:var(--brand-text-muted);word-break:break-word}.sd-station-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.sd-station-metric{text-align:center;border-radius:8px;padding:8px 6px;min-width:0}.sd-trend-chart{display:flex;gap:8px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:10px;padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sd-trend-bar{flex:1;min-width:44px;text-align:center}.sd-report-list{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:10px;padding:12px 16px}.sd-report-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--brand-border);font-size:13px;flex-wrap:wrap}.sd-report-item:last-child{border-bottom:none}.sd-report-time{color:var(--brand-text-muted);min-width:50px;flex-shrink:0}.sd-report-qty{display:flex;gap:16px;flex-wrap:wrap}.sd-report-remark{color:var(--brand-text-muted);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heartbeat-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.heartbeat-indicator.live{background:#e8f5f9;color:#2fa6bd}.heartbeat-indicator.stale{background:#fff7ed;color:#c2410c}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--brand-border)}.timeline-item{position:relative;padding:6px 0 6px 16px;font-size:12px}.timeline-item:before{content:"";position:absolute;left:-18px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--brand-primary);border:2px solid #fff}.timeline-time{font-size:10px;color:var(--brand-text-muted);display:block}@media (max-width: 960px){.sd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-overview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.content{padding:16px 18px}}@media (max-width: 640px){.sd-stats-grid{grid-template-columns:1fr}.sd-toolbar{flex-direction:column;align-items:stretch}.sd-toolbar-actions{margin-left:0;width:100%;justify-content:flex-end}.station-selector{width:100%}.station-selector select{max-width:none}.sd-kpi-value{font-size:18px}.sd-overview-grid{grid-template-columns:1fr}.sd-station-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-report-item{flex-direction:column;align-items:flex-start}.sd-report-remark{max-width:100%;white-space:normal}}.org-layout{display:flex;gap:0;height:calc(100vh - 120px);min-height:520px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;overflow:hidden}.org-tree-panel{width:260px;min-width:260px;border-right:1px solid var(--brand-border);display:flex;flex-direction:column;background:#fafafa}.org-tree-tabs{display:flex;border-bottom:1px solid var(--brand-border);background:var(--brand-surface)}.org-tree-tab{flex:1;padding:10px 12px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;color:var(--brand-text-muted);border-bottom:2px solid transparent;transition:all .15s}.org-tree-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);background:var(--brand-surface)}.org-tree-body{flex:1;overflow-y:auto;padding:8px 0}.org-tree-node{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-tree-node:hover{background:rgba(var(--brand-primary-rgb),.06)}.org-tree-node.selected{background:rgba(var(--brand-primary-rgb),.12);color:var(--brand-primary);font-weight:600}.org-tree-node .org-tree-arrow{width:14px;font-size:10px;color:var(--brand-text-muted);flex-shrink:0;text-align:center}.org-tree-node .org-tree-icon{flex-shrink:0;color:var(--brand-text-muted)}.org-tree-node.selected .org-tree-icon{color:var(--brand-primary)}.org-tree-node .org-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis}.org-tree-node .org-tree-count{font-size:11px;color:var(--brand-text-muted);flex-shrink:0}.org-tree-node.selected .org-tree-count{color:var(--brand-primary);opacity:.8}.org-content-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.org-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--brand-border);background:var(--brand-surface);gap:12px;flex-wrap:wrap}.org-breadcrumb{font-size:13px;color:var(--brand-text-muted)}.org-breadcrumb strong{color:var(--brand-text);font-weight:600}.org-table-area{flex:1;overflow:auto;min-width:0}.org-table-area table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.org-table-area thead th{position:sticky;top:0;background:#fafafa;padding:10px 14px;text-align:left;font-weight:600;font-size:12px;color:var(--brand-text-muted);border-bottom:1px solid var(--brand-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-table-area tbody td{padding:10px 14px;border-bottom:1px solid var(--brand-border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.org-table-area tbody tr:hover{background:#f9fafb}.org-table-area .cell-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-table-area .cell-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.org-table-area .col-actions{width:72px;text-align:center}.org-table-area tbody td.col-actions{overflow:visible;position:relative}.org-table-area tbody tr:hover td.col-actions{z-index:2}.org-table-footer{padding:8px 16px;font-size:12px;color:var(--brand-text-muted);border-top:1px solid var(--brand-border);background:#fafafa}.doc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.doc-table{table-layout:fixed;width:100%;min-width:680px}.doc-table .col-check{width:40px}.doc-table .col-name{width:38%}.doc-table .col-size{width:72px;white-space:nowrap}.doc-table .col-preview{width:100px;white-space:nowrap}.doc-table .col-import{width:72px;white-space:nowrap}.doc-table .col-time{width:148px;white-space:nowrap}.doc-table .col-actions{width:108px;min-width:108px;text-align:center;white-space:nowrap}.doc-table tbody td.col-actions{overflow:visible;position:relative}.doc-table tbody tr:hover td.col-actions{z-index:2}.doc-table tbody td{vertical-align:middle}.doc-name-cell{min-width:0;max-width:0;overflow:hidden}.doc-name-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.doc-name-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}.doc-table .row-actions{justify-content:center;flex-wrap:nowrap}.doc-floating-menu{position:fixed;margin:0;right:auto;bottom:auto;background:var(--brand-surface);border-radius:10px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow-card);padding:4px 0;min-width:168px;z-index:1200}.doc-floating-menu.open-up{transform:translateY(-100%)}.row-actions{display:inline-flex;align-items:center;gap:4px;position:relative}.row-action-btn{padding:4px 6px!important;min-width:0;line-height:1}.export-menu-item.danger{color:#dc2626}.export-menu-item.danger:hover{background:#fef2f2;color:#dc2626}.export-menu-item.success{color:#2fa6bd}.export-menu-item.success:hover{background:#e8f5f9;color:#2fa6bd}:root{--brand-surface-alt: #eef2f6}.page-content{max-width:1280px;margin:0 auto}.px-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.px-page-header-main{flex:1;min-width:200px}.page-title{font-size:20px;font-weight:650;color:var(--brand-text);letter-spacing:-.02em;margin:0 0 6px;line-height:1.3}.page-desc{font-size:13px;color:var(--brand-text-muted);margin:0;line-height:1.55;max-width:640px}.px-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.px-help-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),rgba(var(--brand-navy-rgb),.04));border:1px solid rgba(var(--brand-primary-rgb),.14)}.px-help-banner-icon{width:36px;height:36px;border-radius:10px;background:var(--brand-surface);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);flex-shrink:0;border:1px solid rgba(var(--brand-primary-rgb),.12)}.px-help-banner-body{flex:1;min-width:0}.px-help-banner-title{font-size:13px;font-weight:650;color:var(--brand-text);margin-bottom:4px}.px-help-banner-text{font-size:12px;color:var(--brand-text-muted);line-height:1.55}.px-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.px-step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(var(--brand-primary-rgb),.12);font-size:11px;color:var(--brand-text-light)}.px-step-num{width:18px;height:18px;border-radius:50%;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.px-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;margin-bottom:16px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px}.px-toolbar-grow{flex:1;min-width:160px}.px-filter-group{display:flex;flex-direction:column;gap:4px;min-width:0}.px-filter-label{font-size:11px;font-weight:600;color:var(--brand-text-muted);letter-spacing:.02em}.px-filter-group .form-input{min-height:38px;font-size:13px}.px-filter-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.px-table-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;overflow:hidden;margin-bottom:16px}.px-table-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--brand-border);background:#fafbfc}.px-table-card-title{font-size:13px;font-weight:650;color:var(--brand-text)}.px-table-card-meta{font-size:12px;color:var(--brand-text-muted)}.px-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 14px;font-weight:600;font-size:11px;color:var(--brand-text-muted);border-bottom:1px solid var(--brand-border);background:#fafbfc;white-space:nowrap;text-transform:none;letter-spacing:0}.data-table td{padding:11px 14px;border-bottom:1px solid var(--brand-border);vertical-align:middle;color:var(--brand-text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:rgba(var(--brand-primary-rgb),.04)}.data-table tbody tr.px-row-active td{background:rgba(var(--brand-primary-rgb),.1)}.data-table tbody tr.px-row-click{cursor:pointer}.px-form-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;padding:16px 18px;margin-bottom:16px}.px-form-card-title{font-size:14px;font-weight:650;margin:0 0 4px;color:var(--brand-text)}.px-form-card-desc{font-size:12px;color:var(--brand-text-muted);margin:0 0 14px;line-height:1.5}.px-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-items:end}.px-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--brand-border)}.px-split{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.px-side-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;padding-right:4px}.px-side-item{padding:12px 14px;border-radius:10px;border:1px solid var(--brand-border);background:var(--brand-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.px-side-item:hover{border-color:rgba(var(--brand-primary-rgb),.35)}.px-side-item.active{border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:0 0 0 1px rgba(var(--brand-primary-rgb),.12)}.px-side-item-title{font-size:13px;font-weight:650;color:var(--brand-text);margin-bottom:4px}.px-side-item-meta{font-size:11px;color:var(--brand-text-muted);display:flex;gap:8px;flex-wrap:wrap}.px-segment{display:inline-flex;padding:3px;border-radius:10px;background:var(--brand-bg);border:1px solid var(--brand-border);margin-bottom:16px}.px-segment-btn{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--brand-text-muted);cursor:pointer;transition:all .15s}.px-segment-btn.active{background:var(--brand-surface);color:var(--brand-primary);box-shadow:0 1px 3px #02286e14}.px-empty{text-align:center;padding:40px 20px;color:var(--brand-text-muted)}.px-empty-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:var(--brand-bg);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);opacity:.85}.px-empty-title{font-size:14px;font-weight:650;color:var(--brand-text);margin-bottom:6px}.px-empty-hint{font-size:12px;line-height:1.55;max-width:360px;margin:0 auto}.px-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--brand-text-muted);font-size:13px}.px-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.px-kpi{padding:12px 14px;border-radius:10px;background:var(--brand-surface);border:1px solid var(--brand-border)}.px-kpi-label{font-size:11px;color:var(--brand-text-muted);margin-bottom:4px}.px-kpi-value{font-size:20px;font-weight:700;color:var(--brand-primary);line-height:1.2}.btn-secondary{background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-border-input)}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.px-cell-muted{color:var(--brand-text-muted);font-size:12px}.px-cell-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--brand-text-light)}.px-trace-timeline{position:relative;padding-left:8px}.px-trace-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--brand-border)}.px-trace-item:last-child{border-bottom:none}.px-trace-time{font-size:12px;color:var(--brand-text-muted);padding-top:2px}.px-trace-body{min-width:0}.px-trace-title{font-size:13px;font-weight:600;color:var(--brand-text);margin-bottom:4px}.px-trace-meta{font-size:12px;color:var(--brand-text-muted);line-height:1.5}@media (max-width: 900px){.px-split{grid-template-columns:1fr}.px-form-grid{grid-template-columns:1fr 1fr}.px-trace-item{grid-template-columns:1fr;gap:4px}}