:root{--bg: #f4f7fb;--card: #ffffff;--line: #d9e1ea;--text: #1f2a37;--muted: #5a6b7d;--brand: #0b74ff;--brand-strong: #0656be;--danger: #d7263d;--ok: #1f9d55}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f7f9fc,#eef3f9);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 450px at 90% -10%,rgba(15,98,254,.15),transparent 60%),radial-gradient(700px 400px at -20% 120%,rgba(31,157,85,.12),transparent 60%),linear-gradient(180deg,#f7f9fc,#edf3fb)}.login-card{width:100%;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 18px 45px #0f1c3724}.login-card h1{margin:0 0 6px;font-size:30px}.login-card p{margin:0 0 16px;color:var(--muted)}.topbar{padding:22px 24px;background:linear-gradient(120deg,#0b1320,#14263f 60%,#1b3d66);color:#fff;border-bottom:3px solid #1f314f}.topbar h1{margin:0 0 8px;font-size:24px}.topbar p{margin:0;color:#c3cfdf}.container{padding:20px;display:grid;gap:18px;width:100%;max-width:none;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 28px #14285014}.card h2{margin:0 0 12px;font-size:18px}.card h3{margin:8px 0;font-size:14px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1080px){.grid-two{grid-template-columns:1fr 1fr}}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.spread{justify-content:space-between}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}textarea{min-height:100px;resize:vertical}button{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:10px 14px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease}button:hover{box-shadow:0 6px 14px #0c55be38}button:active{transform:translateY(1px)}button.secondary{background:#334155}button.warn{background:var(--danger)}button:disabled{opacity:.6;cursor:not-allowed}.form-grid{display:grid;gap:10px}.inline-settings{margin-top:12px;grid-template-columns:1fr auto;align-items:end}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:10px;border-bottom:1px solid #eef2f6}th{background:#f8fafc;color:#39495c;font-weight:600}.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.badge.ok{background:#e9f9ef;color:var(--ok)}.badge.off{background:#feecef;color:var(--danger)}.json-box{background:#0f172a;color:#d7e6ff;border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:auto}.flash{border-radius:8px;padding:10px;font-size:13px}.flash.ok{background:#e8f8ef;color:#14663c;border:1px solid #b8e7cd}.flash.err{background:#fdecef;color:#8f1d2e;border:1px solid #f3c2cb}.help-text{margin:0 0 12px;color:#5a6b7d;font-size:13px}.workspace-card{overflow:hidden}.progress-row{margin:14px 0 10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.progress-card{border:1px solid #dfe7f1;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#f8fbff,#f1f7ff)}.progress-card span{display:block;color:#4c5d73;font-size:12px}.progress-card strong{display:block;margin-top:2px;font-size:18px;color:#103459}.workspace-shell{display:grid;gap:16px;grid-template-columns:300px minmax(0,1fr);align-items:start;background:linear-gradient(180deg,#0b1320,#0a1224);border:1px solid #223250;border-radius:16px;padding:14px}.flow-sidebar{position:sticky;top:16px;background:linear-gradient(180deg,#121f36,#101b30);border-color:#2a3f63}.flow-sidebar h3{margin:0 0 10px;font-size:16px;color:#d9e7ff}.flow-label{margin:14px 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#8ea7c9;text-transform:uppercase}.flow-btn{width:100%;margin-bottom:8px;text-align:left;background:#1a2a46;color:#d7e6ff;border:1px solid #2f4970}.flow-btn.active{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;border-color:transparent}.flow-btn.sub{margin-top:-4px;margin-left:10px;width:calc(100% - 10px);background:#15243b;color:#a9c0e5}.sidebar-info-card{margin-top:10px;border:1px solid #2d456a;border-radius:12px;padding:10px;background:linear-gradient(180deg,#13233b,#101d32)}.sidebar-info-card h4{margin:0 0 6px;font-size:13px;color:#d9e9ff}.sidebar-info-card p{margin:0;font-size:12px;color:#abc2e3}.scope-mini-row{display:grid;margin:8px 0;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.scope-mini{border:1px solid #3b5b86;border-radius:999px;font-size:11px;text-align:center;padding:4px 6px;color:#dce9ff}.sidebar-info-card small{display:block;color:#87a2c9;font-size:11px;line-height:1.35}.workspace-content{display:grid;gap:16px;min-width:0}.hierarchy-card{border-color:#d2e0f1;background:linear-gradient(180deg,#f8fbff,#f3f8ff)}.hierarchy-head h2{margin:0 0 6px}.hierarchy-head p{margin:0;color:#4c627e;font-size:14px}.scope-ladder{margin-top:12px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.scope-step{border:1px solid #cdddf2;border-radius:12px;padding:12px;background:#fff}.scope-step strong{display:block;font-size:14px;color:#1d3554}.scope-step span{display:block;margin-top:4px;font-size:12px;color:#58708d}.scope-arrow{font-size:20px;font-weight:700;color:#5a78a0}.overview-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.overview-filters{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));gap:10px}.kpi-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpi-card{border:1px solid #dbe6f4;border-radius:12px;padding:12px;background:linear-gradient(180deg,#f9fcff,#f1f7ff)}.kpi-card span{display:block;color:#55708f;font-size:12px}.kpi-card strong{display:block;margin-top:4px;color:#103459;font-size:22px}.kpi-card.alert{border-color:#f0d9bc;background:linear-gradient(180deg,#fffaf4,#fff4e8)}.overview-detail-grid{margin-top:12px}.overview-subcard{padding:14px}.empty-hint{color:#5d7086;font-size:13px;padding:8px 0}.alert-list{margin:0;padding-left:18px;display:grid;gap:6px;color:#394f68;font-size:13px}.overview-item{border-radius:12px;border:1px solid #dde7f3;padding:12px;background:#f9fbff}.overview-item h3{margin:0 0 8px;font-size:14px;color:#263b55}.overview-item p{margin:0 0 10px;font-size:13px;color:#546579}.overview-item.done{border-color:#bce7cf;background:#eefbf4}.overview-item.todo{border-color:#f0d8b5;background:#fffaf2}.onboarding-shell{display:grid;gap:14px}.section-hero-card{border-color:#2f4e74;background:linear-gradient(115deg,#10263f,#1a3657 45%,#21466e);color:#f5f9ff}.section-hero-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.section-hero-card h2{margin:0 0 6px;color:#fff}.section-hero-card .help-text{margin:0;color:#d5e6fc}button.accent{background:linear-gradient(180deg,#ffb950,#f28b1e);color:#1f2a37;font-weight:700}button.accent:hover{box-shadow:0 8px 18px #f28b1e59}.publisher-page{display:grid;gap:14px}.next-action-box{margin-top:12px;border-radius:10px;border:1px solid #d6e4f5;background:#f5faff;padding:10px;display:grid;gap:4px}.next-action-box strong{color:#1b3a59;font-size:13px}.next-action-box span{color:#546d89;font-size:12px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f3f9ff}.app-settings-panel{margin-top:12px;border:1px solid #d8e6f6;border-radius:12px;background:#f9fcff;padding:12px}.app-summary-strip{margin:10px 0 12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-tile{border:1px solid #d7e5f4;border-radius:10px;background:#f7fbff;padding:10px}.summary-tile span{display:block;color:#59708c;font-size:12px}.summary-tile strong{display:block;margin-top:4px;color:#173959;font-size:14px}.override-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.setting-title-wrap{display:flex;align-items:center;gap:8px}.setting-icon{font-size:16px}.effective-preview-card{margin:12px 0;border:1px solid #d7e6f7;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#f3f8ff);padding:12px}.detail-kv-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-kv-card{border:1px solid #d6e6f8;border-radius:12px;background:#fbfdff;padding:12px}.kv-table{display:grid;gap:8px}.kv-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e2ecf8;border-radius:8px;padding:8px;background:#fff}.kv-key{color:#4f6783;font-size:12px;font-weight:600}.kv-value{color:#1e3855;font-size:12px;word-break:break-word}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.setting-item{border:1px solid #dae6f5;border-radius:10px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.badge.inherit{background:#e7f1ff;color:#1d5ba0}.badge.override{background:#fff1df;color:#a35d12}.scope-switcher{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scope-switch-btn{border:1px solid #c5d8ef;background:#e8f1fb;color:#1f4469}.scope-switch-btn.active{background:linear-gradient(180deg,#0b73ff,#0559b7);border-color:#0559b7;color:#fff}.rule-card-grid{display:grid;gap:12px}.rule-card{border:1px solid #d5e5f7;border-radius:14px;padding:14px;background:linear-gradient(180deg,#fbfdff,#f6faff)}.rule-card.overridden{border-color:#f1d4ad;background:linear-gradient(180deg,#fffaf3,#fff6e8)}.rule-logic-line{margin:5px 0;color:#294968;font-size:13px}.rule-inline-editor{margin-top:12px;border:1px solid #d7e6f6;border-radius:12px;background:#fff;padding:12px}.rule-inline-editor h4{margin:0 0 10px;color:#1f4163}.rule-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rule-builder-panel{margin:12px 0;border:1px dashed #bcd2ec;border-radius:12px;background:#f7fbff;padding:12px}.rule-condition-row{display:grid;gap:8px;grid-template-columns:130px minmax(170px,1fr) minmax(170px,1fr) 120px minmax(170px,1fr) auto;align-items:end;margin-bottom:10px}.gate-pill-wrap{display:flex;align-items:center;min-height:38px}.gate-pill-group{display:inline-flex;border:1px solid #c5d7ed;border-radius:999px;overflow:hidden;background:#edf4fc}.gate-pill{border:0;border-radius:999px;background:transparent;color:#2a4867;font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 12px}.gate-pill.start{background:#dfeeff;color:#215182;border:1px solid #bed6f3}.gate-pill.active{background:linear-gradient(180deg,#0a6cf2,#0858bd);color:#fff}.rule-priority-panel{margin:12px 0;border:1px solid #d6e3f2;border-radius:12px;background:#f3f8ff;padding:12px}.rule-priority-panel input[type=range]{width:100%}.tab-head{display:flex;gap:8px;flex-wrap:wrap}.tab-head button{background:#334155}.tab-head button.active{background:var(--brand)}small.muted{color:var(--muted)}@media (max-width: 1120px){.workspace-shell{grid-template-columns:1fr}.flow-sidebar{position:static}.scope-ladder{grid-template-columns:1fr}.scope-arrow{display:none}}@media (max-width: 700px){.container{padding:12px}.topbar{padding:16px}.topbar h1{font-size:20px}.progress-row{grid-template-columns:1fr}.card{padding:14px}.overview-filters,.settings-grid,.override-groups,.detail-kv-grid,.kv-row,.rule-condition-row{grid-template-columns:1fr}.gate-pill-wrap{min-height:auto}.section-hero-row{align-items:flex-start}}