:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#163b36;background:#f5f8f7;font-synthesis:none;--teal:#087f73;--ink:#163b36;--muted:#637773;--line:#e5ece9;--soft:#eaf5f0;--shadow:0 4px 18px #1c4a3904}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #11a78e;outline-offset:4px}h1,h2,h3,p{margin:0}button{border:0}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:#fff;z-index:10;border-radius:8px}.skip-link:focus{top:8px}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fff;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-size:34px;letter-spacing:-1.6px;font-weight:750}.brand img{width:38px}.brand-period{color:var(--teal)}.workspace{display:flex;align-items:center;gap:10px;margin-top:38px;padding:12px 10px;border:1px solid var(--line);border-radius:10px}.workspace-avatar{width:32px;height:32px;display:grid;place-items:center;background:#f2f6f4;border-radius:9px;font-weight:600;font-size:13px}.workspace>div{display:flex;flex-direction:column;gap:5px}.workspace strong{font-size:12px;font-weight:600}.workspace div>span{font-size:11px;color:var(--muted)}.workspace-dots{margin-left:auto;font-size:20px;color:var(--muted)}.nav-label{font-size:9px;font-weight:650;color:#879994;letter-spacing:1.5px;margin:34px 12px 14px}.nav-item{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:500;padding:13px 12px;border-radius:8px;margin-bottom:5px;color:#647972}.nav-item>span:first-child{font-size:19px;line-height:20px;width:19px;text-align:center}.nav-item.active{background:#eaf5ef;color:#177563;font-weight:650}.nav-item:hover{background:#f3f7f5}.nav-selected{margin-left:auto;width:5px;height:5px;background:#087f73;border-radius:50%}.nav-count{margin-left:auto;padding:3px 6px;border-radius:5px;background:#f0f4f2;color:#658077;font-size:10px}.sidebar-note{margin-top:auto;padding:22px 14px;border-radius:12px;background:linear-gradient(130deg,#edf7f1,#f6faf4);border:1px solid #e5f0e7}.note-icon{display:block;font-size:25px;color:#71a18a;margin-bottom:16px}.sidebar-note strong{display:block;font-size:13px;line-height:1.55;max-width:160px}.sidebar-note p{font-size:11px;line-height:1.65;color:#75887f;margin-top:7px}.local-mode{display:flex;gap:10px;align-items:center;margin:25px 9px 0}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#15937d;border-radius:50%}.local-mode strong{display:block;font-size:11px}.local-mode div>span{display:block;font-size:10px;color:#889992;margin-top:4px}.app-shell{margin-left:238px}.topbar{height:75px;border-bottom:1px solid var(--line);background:#ffffffa6;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{display:flex;gap:16px;align-items:center;font-size:11px;color:#87978f}.breadcrumb strong{font-weight:550;color:#3c554d}.demo-badge{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.1px;background:#eef5f1;border:1px solid #dfece4;border-radius:20px;padding:7px 11px;color:#447b67;font-weight:550}.mobile-brand{display:none}main{padding:45px 44px 22px;max-width:1480px;margin:auto}.page-heading{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:600;color:#6b8e80;margin-bottom:15px}h1{font-size:38px;font-weight:650;letter-spacing:-1.5px;line-height:1.16}.heading-description{margin-top:13px;font-size:12px;color:#75867e;line-height:1.7;max-width:470px}.button{min-height:42px;padding:12px 17px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 5px #087f7312}.primary:hover{background:#096d64}.primary:disabled{background:#d6e4dc;color:#74887c;box-shadow:none}.secondary{color:#527064;border:1px solid #dce8df;background:white}.secondary:hover{background:#f5f8f6}.page-heading .button>span{font-size:19px;font-weight:400}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:15px;margin-bottom:26px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 21px;box-shadow:var(--shadow)}.summary-label{font-size:9px;letter-spacing:1.3px;color:#8c9a92;font-weight:550}.stat-line{display:flex;gap:9px;align-items:baseline;margin:12px 0 11px}.stat-line>strong{font-size:28px;font-weight:600;line-height:1}.stat-line>span:not(.stat-icon){font-size:11px;color:#8c9b94}.stat-icon{margin-left:auto;font-size:24px;font-weight:400;background:#e9f7f1;color:#47957a;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;align-self:center}.stat-icon.pale{color:#709688;background:#f1f5ef}.summary-foot{font-size:9px;color:#84948a;display:flex;gap:6px;align-items:center;line-height:1.5}.summary-foot .status-dot{width:4px;height:4px}.guard-card{border-radius:12px;background:#eaf3ed;border:1px solid #ddebe1;display:flex;gap:14px;align-items:center;padding:22px}.guard-symbol{font-size:36px;font-weight:300;color:#8aad95}.guard-card strong{font-size:12px;font-weight:600;line-height:1.5}.guard-card p{font-size:10px;color:#789083;line-height:1.7;margin-top:7px;max-width:250px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:20px}.panel-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:24px 24px 22px}h2{font-size:16px;font-weight:600;letter-spacing:-.25px}.panel-heading p{font-size:10px;color:#8a998f;margin-top:7px;line-height:1.55}.capacity{font-size:9px;white-space:nowrap;color:#789484;background:#f0f6f2;border:1px solid #e4ece6;padding:6px 9px;border-radius:6px}.small-pill{font-size:8px;font-weight:650;letter-spacing:1px;background:#f1f6f2;color:#779184;padding:6px 8px;border-radius:5px}.rules-list{padding:0 20px;display:flex;flex-direction:column;gap:12px}.rule-card{border:1px solid #e2eae5;border-radius:9px;padding:17px 16px;background:#fff;transition:background .2s}.rule-card.is-disabled{background:#f8faf8}.rule-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}.rule-number{font-size:9px;font-weight:600;color:#9aa9a0;letter-spacing:1px}.rule-status{margin-left:4px;font-size:8px;letter-spacing:.4px;display:flex;gap:4px;align-items:center;color:#5d947e}.rule-status .status-dot{width:4px;height:4px}.is-disabled .rule-status{color:#99a69e}.is-disabled .rule-status .status-dot{background:#b8c5bb}.rule-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{color:#8b9d90;border:0;background:transparent;border-radius:5px;font-size:16px;height:26px;min-width:26px;padding:2px;display:grid;place-items:center}.icon-button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6}.icon-button:hover{background:#f0f5f1;color:#446d59}.delete-button:hover{color:#ae514c;background:#fbf1ef}.rule-switch{width:28px;height:16px;border-radius:12px;background:#c8d5cd;padding:2px;display:flex;align-items:center;transition:background .2s;margin-right:5px}.rule-switch:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #31554020;transition:transform .2s}.rule-switch[aria-checked=true]{background:#0e8f7a}.rule-switch[aria-checked=true]:after{transform:translateX(12px)}.rule-phrase{font-size:16px;font-weight:550;color:#315548;line-height:1.45;overflow-wrap:anywhere}.rule-phrase:before{content:"“";color:#9bc4ad;margin-right:1px}.rule-phrase:after{content:"”";color:#9bc4ad}.is-disabled .rule-phrase{color:#96a69a}.rule-bottom{display:flex;align-items:center;gap:7px;margin-top:12px;flex-wrap:wrap}.rule-bottom>span{font-size:9px;color:#94a197}.response-word{border-radius:4px;background:#edf6f0;color:#46836a;padding:5px 8px;font-size:9px;font-weight:650;letter-spacing:.4px;overflow-wrap:anywhere;max-width:100%}.is-disabled .response-word{color:#97aa9b;background:#edf1ed}.rule-arrow{margin-left:auto;color:#a0b5a7;font-size:14px}.add-inline{margin:17px 20px 21px;border:1px dashed #d6e5da;background:#fbfdfb;border-radius:8px;color:#6b9a7b;min-height:42px;width:calc(100% - 40px);font-size:10px;display:flex;justify-content:center;align-items:center;gap:8px}.add-inline span{font-size:16px}.add-inline:hover{background:#eff8f2}.add-inline:disabled{color:#98a79c;border-style:solid;background:#f5f8f5}.panel-footer{border-top:1px solid #eaf0eb;padding:15px 20px;background:#fafcf9;color:#97a49b;font-size:9px;line-height:1.6;display:flex;gap:8px;align-items:center}.panel-footer>span:first-child{font-size:13px;color:#86a18e}.test-form{padding:0 24px 22px;border-bottom:1px solid #edf1ec}label{font-size:10px;font-weight:600;color:#657b6a;display:block;margin-bottom:9px}textarea,input[type=text],input:not([type]){width:100%;border:1px solid #dfe8e1;background:#fafcf9;color:#244c3b;border-radius:7px;padding:12px;font-size:11px;line-height:1.6}textarea{resize:vertical;min-height:89px;max-height:250px}textarea::placeholder,input::placeholder{color:#a1afa3}textarea:focus,input:focus{border-color:#66aa8c;outline-color:#66aa8c}.input-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#9baa9f;margin-top:8px}.example-line{display:flex;gap:6px;align-items:center;margin-top:18px;flex-wrap:wrap}.example-line>span{font-size:9px;color:#9cad9f;margin-right:2px}.example-chip{font-size:8px;border:1px solid #e0ebe3;background:white;color:#7b9a85;padding:5px 7px;border-radius:5px}.example-chip:hover{background:#f0f7f2}.run-button{width:100%;margin-top:17px;justify-content:space-between;font-size:11px;padding-left:15px}.run-button span{font-size:17px}.feed-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 15px;gap:10px}h3{font-size:11px;font-weight:600;color:#587261}.text-button{font-size:9px;color:#7da68b;background:none;padding:5px 0;line-height:1.6;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.text-button:hover{text-decoration-color:currentColor}.text-button:disabled{color:#b2beb2}.test-feed{margin:0 24px;border:1px solid #e9efe8;border-radius:8px;background:#fcfdfb;min-height:185px;max-height:380px;overflow:auto;overscroll-behavior:contain;padding:15px;display:flex;flex-direction:column;gap:12px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;text-align:center}.empty-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #deece0;background:#f3f8f3;border-radius:12px;font-size:21px;color:#9cbaa4;margin-bottom:12px}.feed-empty strong{font-size:11px;font-weight:500;color:#8ca18d}.feed-empty p{font-size:9px;line-height:1.7;color:#abb9ad;margin-top:5px;max-width:180px}.feed-item{border:1px solid #e8eee7;background:#fff;border-radius:7px;padding:10px}.feed-item.automated{background:#edf7ef;border-color:#dfeee0}.feed-item-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:8px;color:#90a492}.feed-item.automated .feed-item-heading{color:#67a07c}.feed-item p{font-size:11px;line-height:1.6;color:#63816b;overflow-wrap:anywhere;white-space:pre-wrap}.feed-item.automated p{color:#287356;font-weight:550}.test-tools{display:flex;justify-content:center;gap:9px;align-items:center;padding:13px 15px 4px;flex-wrap:wrap}.test-tools>span{color:#bdc9bf;font-size:10px}.processing-status{font-size:8px;line-height:1.65;text-align:center;color:#9bad9e;padding:8px 24px 20px;min-height:48px}.field-error{font-size:11px;color:#af5a50;line-height:1.6;margin-top:9px}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:27px 2px 8px;font-size:9px;color:#9daaa1}.page-footer>span:last-child{display:flex;gap:7px}dialog{border:1px solid #dce8df;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);border-radius:17px;padding:27px;color:var(--ink);background:#fff;box-shadow:0 30px 100px #163b362b}dialog::backdrop{background:#183e3866;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-icon{display:grid;place-items:center;width:37px;height:37px;background:#e8f5ed;color:#3b9e74;border-radius:10px;font-size:24px}.dialog-heading .icon-button{font-size:23px;width:30px;height:30px}dialog h2{font-size:24px;font-weight:600;letter-spacing:-.7px}#dialog-description{font-size:11px;line-height:1.75;color:#8a9e8e;margin-top:9px;margin-bottom:23px}dialog label{font-size:11px}dialog input:not([type=checkbox]){font-size:13px}.input-hint{font-size:9px;line-height:1.7;color:#98a99b;margin:7px 0 20px}.response-preview{background:#f0f7f1;border:1px solid #e3eee3;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:9px}.response-preview>span{font-size:8px;letter-spacing:1px;color:#8bab91}.response-preview>strong{font-size:12px;font-weight:550;color:#36835b;overflow-wrap:anywhere}.enabled-option{position:relative;display:flex;gap:15px;justify-content:space-between;align-items:center;padding:22px 0;margin:0}.enabled-option strong{display:block;font-size:11px;font-weight:550}.enabled-option small{display:block;font-size:9px;color:#9eafa0;margin-top:7px;font-weight:400}.enabled-option input{position:absolute;right:0;width:35px;height:20px;margin:0;opacity:0;cursor:pointer;z-index:1}.checkbox-switch{width:34px;height:20px;background:#c8d5cd;border-radius:20px;padding:3px;display:flex;align-items:center;flex-shrink:0}.checkbox-switch:after{content:"";width:14px;height:14px;background:white;box-shadow:0 1px 3px #164d3820;border-radius:50%}.enabled-option input:checked+.checkbox-switch{background:var(--teal)}.enabled-option input:checked+.checkbox-switch:after{transform:translateX(14px)}.enabled-option input:focus-visible+.checkbox-switch{outline:3px solid #11a78e;outline-offset:4px}.dialog-actions{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183e36;color:white;box-shadow:0 8px 30px #143f3222;border-radius:9px;padding:13px 14px;display:flex;gap:17px;align-items:center;font-size:12px;z-index:4;max-width:calc(100% - 32px)}.toast button{background:transparent;color:#a4e3c6;padding:4px;font-size:12px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.toast #dismiss-undo{font-size:20px;text-decoration:none;color:#acc1b5}.no-rules{padding:42px 20px;text-align:center;font-size:12px;color:#8ca08d;line-height:1.7}.no-rules strong{display:block;color:#60866c;margin-bottom:5px}
@media(min-width:1450px){main{padding-top:55px}.page-heading{margin-bottom:38px}.heading-description{font-size:13px}.dashboard-grid{gap:28px}.panel-heading{padding-top:27px;padding-bottom:25px}.rule-card{padding:21px}.rule-phrase{font-size:18px}.test-feed{min-height:215px}}
@media(max-width:1150px){.sidebar{width:208px;padding-left:14px;padding-right:14px}.app-shell{margin-left:208px}main{padding:34px 28px 22px}.topbar{padding:0 28px}.summary-grid{grid-template-columns:1fr 1fr}.guard-card{grid-column:1/-1;padding:16px 20px}.guard-card p{max-width:none;margin-top:4px}.guard-symbol{font-size:27px}.dashboard-grid{gap:18px}.panel-heading{padding:21px 18px}.rules-list{padding:0 14px}.rule-card{padding:15px 13px}.add-inline{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}.test-form{padding-left:18px;padding-right:18px}.feed-heading{padding-left:18px;padding-right:18px}.test-feed{margin-left:18px;margin-right:18px}.panel-heading p{max-width:220px}}
@media(max-width:850px){.sidebar{display:none}.app-shell{margin:0}.topbar{height:64px;padding:0 24px}.breadcrumb{display:none}.mobile-brand{display:flex;gap:9px;align-items:center;font-size:25px;letter-spacing:-1px;font-weight:650}.mobile-brand img{width:30px}main{padding:31px 24px 18px}.page-heading{margin-bottom:24px}h1{font-size:33px}.heading-description{font-size:12px}.summary-grid{gap:12px;margin-bottom:22px}.summary-card{padding:17px 19px}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr)}}
@media(max-width:600px){.topbar{padding:0 20px}.demo-badge{font-size:10px}.page-heading{display:block}.eyebrow{font-size:9px;margin-bottom:13px}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.16}.heading-description{font-size:12px;max-width:310px;line-height:1.7}.page-heading>.button{margin-top:19px;min-height:43px;font-size:12px;padding:12px 17px}main{padding:29px 18px 18px}.summary-grid{gap:10px}.summary-card{padding:17px 14px}.summary-label{font-size:8px;letter-spacing:1px}.stat-line{gap:7px;margin:13px 0 12px}.stat-line>strong{font-size:28px}.stat-line>span:not(.stat-icon){font-size:10px}.stat-icon{width:27px;height:27px;font-size:20px}.summary-foot{font-size:8px;line-height:1.6;min-height:25px}.guard-card{padding:17px;gap:14px}.guard-card strong{font-size:11px}.guard-card p{font-size:10px;line-height:1.7}.dashboard-grid{grid-template-columns:1fr;gap:22px}.panel-heading{padding:22px 20px}h2{font-size:17px}.panel-heading p{font-size:11px;max-width:250px;line-height:1.6}.capacity{font-size:10px}.rules-list{padding:0 15px;gap:12px}.rule-card{padding:17px 15px}.rule-top{margin-bottom:17px}.rule-number{font-size:10px}.rule-status{font-size:9px}.rule-actions{gap:10px}.icon-button{width:29px;height:29px}.icon-button svg{width:15px;height:15px}.rule-switch{width:34px;height:20px;padding:3px}.rule-switch:after{width:14px;height:14px}.rule-switch[aria-checked=true]:after{transform:translateX(14px)}.rule-phrase{font-size:18px}.rule-bottom>span{font-size:10px}.response-word{font-size:10px;padding:6px 9px}.add-inline{margin:17px 15px 22px;width:calc(100% - 30px);min-height:45px;font-size:11px}.panel-footer{padding:15px;font-size:9px}.test-form{padding:0 20px 22px}label{font-size:11px}textarea{font-size:13px;min-height:105px;padding:13px}.input-meta{font-size:9px}.example-line>span{font-size:10px}.example-chip{font-size:9px;padding:6px 8px}.run-button{font-size:12px;min-height:44px}.feed-heading{padding:21px 20px 16px}h3{font-size:12px}.text-button{font-size:10px}.test-feed{margin:0 20px;min-height:185px}.feed-item-heading{font-size:9px}.feed-item p{font-size:12px}.feed-empty strong{font-size:12px}.feed-empty p{font-size:10px}.processing-status{font-size:9px;padding-bottom:20px}.page-footer{font-size:8px;gap:10px;padding-top:25px}dialog{padding:24px;max-width:calc(100% - 28px);max-height:calc(100dvh - 28px)}dialog h2{font-size:25px}#dialog-description{font-size:12px;line-height:1.65}dialog label{font-size:12px}dialog input:not([type=checkbox]){font-size:16px;padding:11px}.input-hint{font-size:10px}.response-preview>strong{font-size:13px}.enabled-option strong{font-size:12px}.enabled-option small{font-size:10px}.dialog-actions .button{font-size:12px;min-height:44px}.toast{width:auto;min-width:230px;bottom:18px}.button{min-height:44px}.test-tools{gap:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Supporting copy stays readable; phone controls have generous touch areas. */
.heading-description,.panel-heading p,.input-hint,.panel-footer,.processing-status,.summary-foot{color:#697d70}
.rule-bottom>span,.input-meta,.example-line>span,.feed-item-heading{color:#718876}
.test-feed .feed-empty p{color:#7f9583}
@media(max-width:600px){
  .rule-actions{gap:3px}.rule-top{margin-bottom:9px}
  .rule-actions .icon-button{width:44px;height:44px}
  .rule-switch{position:relative;width:44px;height:44px;background:transparent!important;padding:0;margin-right:0}
  .rule-switch:before{content:"";position:absolute;width:34px;height:20px;left:5px;top:12px;border-radius:20px;background:#c8d5cd}
  .rule-switch[aria-checked=true]:before{background:#0e8f7a}
  .rule-switch:after{position:absolute;left:8px;top:15px;width:14px;height:14px}
  .rule-switch[aria-checked=true]:after{transform:translateX(14px)}
  textarea{font-size:16px}.example-chip{font-size:11px;min-height:34px;padding:8px 10px}
  .text-button{font-size:11px;min-height:34px}.processing-status{font-size:10px}
  .panel-footer{font-size:10px}.input-meta{font-size:10px}
}