:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211b;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.app-header{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dde3de;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.brand__mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,#173e2a,#2d714d)}.app-header nav{display:flex;gap:6px}.app-header nav a{color:#53615a;padding:9px 13px;border-radius:8px;text-decoration:none;font-size:14px}.app-header nav a.active{color:#143d29;background:#e9f2ec;font-weight:650}main{max-width:1240px;margin:0 auto;padding:34px 28px 70px}s-page{display:block}s-section{display:block;background:#fff;border:1px solid #e0e5e1;border-radius:14px;padding:22px;margin-top:20px;box-shadow:0 1px 2px #12271b0a}.page-heading,.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:24px}h1{margin:5px 0 8px;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.08}h2{letter-spacing:-.02em}p{color:#607067;line-height:1.55;margin:5px 0}.eyebrow{color:#278153;text-transform:uppercase;letter-spacing:.1em;font-weight:750;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdc8c0;border-radius:9px;padding:10px 15px;background:#fff;color:#24352b;text-decoration:none;font-weight:650}.button:hover{background:#f1f5f2}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:#17633d;border-color:#17633d;box-shadow:0 1px 1px #00000014}.button--primary:hover{background:#104e2f}.button--danger{color:#9f2929;border-color:#e2b9b9}.button-row{display:flex;gap:10px}.text-link{display:inline-block;margin-top:18px;color:#17633d;font-weight:650;text-decoration:none}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric{min-height:116px;background:#fff;border:1px solid #e0e5e1;border-radius:13px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.metric__value{font-size:27px;font-weight:760;letter-spacing:-.03em;text-transform:capitalize}.metric__label{color:#68766e;font-size:13px}.metric--positive{background:#eff9f2;border-color:#cbe8d3}.metric--warning{background:#fff8e7;border-color:#eedcae}.metric--critical{background:#fff1f0;border-color:#efcfcc}.rule-list{display:grid}.rule-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #edf0ed}.rule-row small,.data-table small{display:block;color:#718078;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#a8b1ab}.status-dot.on{background:#2c9b61;box-shadow:0 0 0 4px #e4f5ea}.pill{display:inline-block;border-radius:99px;padding:5px 9px;color:#56655d;background:#edf1ee;font-size:12px;text-transform:capitalize}.pill--green{color:#17633d;background:#e0f3e7}.empty-state{text-align:center;padding:44px 20px;max-width:500px;margin:0 auto}.empty-state h2{margin:14px 0 7px}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:16px;background:#e8f3ec;color:#17633d;font-size:26px}.state{display:flex;align-items:center;justify-content:center;gap:10px;padding:35px}.spinner{width:18px;height:18px;border:2px solid #d4ddd7;border-top-color:#17633d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:grid;gap:8px;color:#8f2525}.error-state button{justify-self:start}.rule-form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}label{display:grid;gap:7px;color:#37473e;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid #bdc8c0;border-radius:8px;padding:10px 11px;color:#1d2a22;background:#fff}textarea{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}input:focus,select:focus,textarea:focus{outline:2px solid #8fc9a8;outline-offset:1px}.check-row{display:flex;gap:24px}.check-row label{display:flex;align-items:center}.check-row input{width:auto}.data-table{width:100%;overflow-x:auto}.data-table__head,.data-table__row{min-width:700px;display:grid;grid-template-columns:2fr .7fr 1fr 1fr .8fr;gap:16px;align-items:center;padding:13px 8px}.data-table__head{color:#718078;border-bottom:1px solid #dfe5e0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.data-table__row{border-bottom:1px solid #edf0ed;font-size:14px}.preview-table .data-table__head,.preview-table .data-table__row{grid-template-columns:1.3fr .8fr .8fr 1fr 1.4fr}.reason{color:#65736b;font-size:13px}.preview-hero{max-width:760px;padding:80px 0}.preview-hero h1{font-size:clamp(38px,6vw,62px)}.preview-hero .button{margin-top:25px}.warning-banner{display:flex;gap:14px;padding:15px 17px;margin-bottom:16px;border:1px solid #e4c977;background:#fff8dd;border-radius:10px}.progress{height:7px;overflow:hidden;border-radius:99px;background:#e2e8e4;margin-bottom:24px}.progress__bar{display:block;width:35%;height:100%;border-radius:inherit;background:#278153;animation:progress 1.4s ease-in-out infinite alternate}@keyframes progress{to{transform:translate(185%)}}.details{display:grid;gap:0;margin:0}.details div{display:grid;grid-template-columns:160px 1fr;padding:12px 0;border-bottom:1px solid #edf0ed}.details dt{color:#6d7b73}.details dd{margin:0;overflow-wrap:anywhere}@media(max-width:720px){.app-header{padding:0 15px}.brand>span:last-child{display:none}main{padding:24px 15px 50px}.page-heading,.toolbar{flex-direction:column}.form-grid{grid-template-columns:1fr}.check-row{flex-direction:column;gap:10px}}