*{box-sizing:border-box}.ad24-body{margin:0;background:#f3f5f5;color:#17212a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ad24-app{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 38px)}.ad24-side{background:#17212a;color:#fff;padding:20px 12px;display:flex;flex-direction:column}.ad24-brand{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-size:.62rem;line-height:1.05;padding:0 8px 25px}.ad24-brand>span{width:28px;height:28px;border:1px solid #56646b;border-radius:50%;display:grid;place-items:center}.ad24-label{font-size:.46rem;letter-spacing:.13em;color:#6f7d84;padding:12px 9px 7px}.ad24-side nav{display:flex;flex-direction:column;gap:3px}.ad24-side nav button{border:0;background:transparent;color:#91a0a7;text-align:left;border-radius:7px;padding:11px 10px;font-size:.59rem;cursor:pointer}.ad24-side nav button.active{background:#2b373e;color:#fff;font-weight:750}.ad24-side nav i{float:right;font-style:normal;background:#3b484f;border-radius:9px;padding:1px 6px;font-size:.45rem}.ad24-sidefoot{margin-top:auto;border-top:1px solid #344047;padding:18px 7px 2px;display:flex;gap:8px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:#76b28c}.ad24-sidefoot b,.ad24-sidefoot small{display:block;font-size:.52rem}.ad24-sidefoot small{color:#77868d;margin-top:3px}.ad24-main{min-width:0}.ad24-top{height:68px;background:#fff;border-bottom:1px solid #dde2e4;display:flex;align-items:center;padding:0 22px;gap:18px}.ad24-top>div:first-of-type{display:flex;flex-direction:column}.ad24-top small{font-size:.43rem;letter-spacing:.09em;color:#8a979c}.ad24-top b{font-size:.68rem}.ad24-run,.primary,.secondary{border:0;border-radius:7px;padding:10px 14px;font-size:.57rem;font-weight:750;cursor:pointer}.ad24-run,.primary{background:#17212a;color:#fff}.ad24-run{margin-left:auto}.secondary{background:#fff;color:#17212a;border:1px solid #d9dfe1}.ad24-user{display:flex;align-items:center;gap:8px}.ad24-user>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9eeeb;font-size:.5rem;font-weight:800}.ad24-user b,.ad24-user small{display:block;font-size:.5rem}.ad24-mobile{display:none}.ad24-content{padding:28px;max-width:1500px;margin:auto}.ad24-view{display:none}.ad24-view.active{display:block}.ad24-pagehead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.ad24-pagehead>div>small{font-size:.46rem;letter-spacing:.1em;color:#8b989d}.ad24-pagehead h1{font-size:2rem;letter-spacing:-.045em;margin:5px 0 7px}.ad24-pagehead p{font-size:.6rem;color:#728087;max-width:720px;line-height:1.55;margin:0}.ad24-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.ad24-kpis article{background:#fff;border:1px solid #dfe4e5;border-radius:9px;padding:15px}.ad24-kpis small,.ad24-kpis b,.ad24-kpis span{display:block}.ad24-kpis small{font-size:.43rem;color:#849197}.ad24-kpis b{font-size:1.45rem;margin:6px 0}.ad24-kpis span{font-size:.47rem;color:#809097}.ad24-kpis.warn{border-color:#e1d9c9}.ad24-live{background:#fff;border:1px solid #dce2e3;border-radius:12px;padding:20px;margin:10px 0}.live-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e7e8;padding-bottom:15px}.live-head small{font-size:.43rem;color:#859298}.live-head h2{font-size:1.1rem;margin:3px 0}.live-status{font-size:.49rem;color:#738188}.live-status i{display:inline-block;width:6px;height:6px;background:#8fa09a;border-radius:50%;margin-right:5px}.live-status.running i{background:#d3a44e}.live-status.done i{background:#5c9b72}.live-trigger{background:#f1f4f3;border-radius:8px;padding:11px 13px;margin:14px 0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.live-trigger span{font-size:.42rem;letter-spacing:.09em}.live-trigger b{font-size:.59rem}.live-trigger small{font-size:.47rem;color:#7a898f}.live-flow{max-width:720px;margin:15px auto}.flow-step{border:1px solid #dfe4e5;border-radius:8px;padding:10px;display:grid;grid-template-columns:27px 1fr auto;gap:10px;align-items:center;transition:.2s}.flow-step>i{font-style:normal;width:27px;height:27px;border-radius:50%;background:#edf1f0;display:grid;place-items:center;font-size:.49rem}.flow-step small,.flow-step b,.flow-step span{display:block}.flow-step small{font-size:.4rem;color:#87949a}.flow-step b{font-size:.58rem}.flow-step span{font-size:.45rem;color:#859399}.flow-step em{font-style:normal;font-size:.45rem;color:#7d8b91}.flow-step.running{border-color:#d5b875;background:#fffaf0}.flow-step.done{border-color:#bad0c2;background:#f5faf7}.flow-step.done>i{background:#5f9470;color:#fff}.flow-arrow{text-align:center;color:#a1adb1;height:14px;font-size:.6rem}.live-result{border-top:1px solid #e2e6e7;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.live-result small,.live-result b,.live-result span{display:block}.live-result small{font-size:.42rem;color:#86949a}.live-result b{font-size:.64rem}.live-result span{font-size:.46rem;color:#829096}.ad24-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h3{font-size:.7rem;margin:0}.panel-head button{border:0;background:none;font-size:.48rem;cursor:pointer}.mini-row,.exception-row{padding:10px 0;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:1fr auto;gap:8px}.mini-row b,.mini-row small,.exception-row b,.exception-row small{display:block}.mini-row b,.exception-row b{font-size:.55rem}.mini-row small,.exception-row small{font-size:.44rem;color:#849298}.badge{font-size:.42rem;padding:4px 7px;border-radius:10px;background:#edf2ef}.badge.pause{background:#f2eee6}.auto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.auto-card{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:18px}.auto-card .top{display:flex;justify-content:space-between}.auto-card small{font-size:.43rem;color:#849298}.auto-card h3{font-size:.85rem;margin:8px 0}.auto-card p{font-size:.53rem;color:#75838a;line-height:1.55}.auto-flow{font-size:.48rem;background:#f1f4f3;padding:10px;border-radius:7px;margin:12px 0}.auto-card button{border:1px solid #d8dfe0;background:#fff;border-radius:6px;padding:7px 10px;font-size:.48rem;cursor:pointer}.toolbar{display:flex;gap:8px;margin-bottom:10px}.toolbar input,.toolbar select,.demo-form input,.demo-form select,.demo-form textarea{border:1px solid #d8dfe1;background:#fff;border-radius:7px;padding:10px;font:inherit;font-size:.55rem}.toolbar input{flex:1}.request-list,.log-list{background:#fff;border:1px solid #dfe4e5;border-radius:10px;overflow:hidden}.request-row,.log-row{display:grid;grid-template-columns:1.1fr 1fr .8fr .7fr;gap:10px;padding:13px 15px;border-bottom:1px solid #e7eaeb;align-items:center}.request-row b,.request-row small,.log-row b,.log-row small{display:block;font-size:.53rem}.request-row small,.log-row small{font-size:.43rem;color:#839197}.request-row button{border:0;background:none;font-size:.48rem;font-weight:750;cursor:pointer}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rule-card{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:18px}.rule-card small{font-size:.43rem;color:#87949a}.rule-card h3{font-size:.8rem}.rule-card p{font-size:.53rem;color:#75838a;line-height:1.55}.rule-card .condition{font-size:.48rem;background:#f0f3f2;padding:9px;border-radius:6px}.demo-form{background:#fff;border:1px solid #dfe4e5;border-radius:12px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px}.demo-form label{display:flex;flex-direction:column;gap:6px;font-size:.5rem;font-weight:700}.demo-form .wide{grid-column:1/-1}.demo-form textarea{min-height:100px;resize:vertical}.form-foot{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between}.form-foot small{font-weight:400;color:#849298}.log-row{grid-template-columns:100px 1fr .8fr}.result-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.result-kpis article{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:20px}.result-kpis b,.result-kpis span{display:block}.result-kpis b{font-size:1.7rem}.result-kpis span{font-size:.5rem;color:#77868c}.result-bars,.result-principle{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:22px;margin-top:10px}.result-bars h3{font-size:.75rem}.result-bars>div{display:grid;grid-template-columns:160px 1fr 60px;gap:10px;align-items:center;margin:12px 0;font-size:.49rem}.result-bars i{height:7px;background:#e8ecec;border-radius:4px;overflow:hidden}.result-bars i b{display:block;height:100%;background:#5d7569}.result-bars em{font-style:normal;text-align:right}.result-principle small{font-size:.44rem;color:#849298}.result-principle h2{font-size:1.7rem;letter-spacing:-.04em}.result-principle p{font-size:.57rem;color:#718087;line-height:1.6;max-width:700px}.ad24-modal{position:fixed;inset:0;background:rgba(15,23,28,.5);display:none;place-items:center;z-index:500;padding:20px}.ad24-modal.open{display:grid}.modal-card{background:#fff;border-radius:12px;padding:24px;max-width:520px;width:100%;position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:1.2rem;cursor:pointer}.modal-card h2{font-size:1.2rem}.modal-card label{display:flex;flex-direction:column;gap:5px;font-size:.5rem;font-weight:700;margin:10px 0}.modal-card input,.modal-card select{padding:9px;border:1px solid #d8dfe1;border-radius:6px}.ad24-toast{position:fixed;right:20px;bottom:20px;background:#17212a;color:#fff;padding:12px 16px;border-radius:8px;font-size:.52rem;opacity:0;transform:translateY(10px);transition:.2s;z-index:700}.ad24-toast.show{opacity:1;transform:none}
@media(max-width:900px){.ad24-app{grid-template-columns:1fr}.ad24-side{position:fixed;left:-240px;top:38px;bottom:0;width:220px;z-index:300;transition:.2s}.ad24-side.open{left:0}.ad24-mobile{display:block;border:0;background:none}.ad24-kpis,.result-kpis{grid-template-columns:1fr 1fr}.auto-grid,.rules-grid{grid-template-columns:1fr}.ad24-two{grid-template-columns:1fr}}
@media(max-width:600px){.ad24-content{padding:16px}.ad24-user{display:none}.ad24-run{font-size:0;padding:10px}.ad24-run:after{content:"＋";font-size:.8rem}.ad24-pagehead{display:block}.ad24-pagehead>button{margin-top:12px}.ad24-kpis,.result-kpis{grid-template-columns:1fr 1fr}.live-trigger{grid-template-columns:1fr}.live-trigger small{display:none}.demo-form{grid-template-columns:1fr}.demo-form .wide{grid-column:1}.request-row{grid-template-columns:1fr 1fr}.log-row{grid-template-columns:70px 1fr}.log-row>*:last-child{display:none}.result-bars>div{grid-template-columns:100px 1fr 45px}.bk20-demo-exit span{display:none}}