:root{--n:#0b3159;--g:#5a9e32;--i:#1d3346;--m:#748179;--l:#dde5e0;--bg:#f1f4f2}.cc{background:var(--bg);min-height:100vh;color:var(--i)}.cc button,.cc a,.cc input,.cc select{font:inherit}.top{border-bottom:1px solid var(--l);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.top>a{color:var(--n);align-items:center;gap:13px;text-decoration:none;display:flex}.top img{object-fit:contain;width:140px;height:48px}.top>a b{border-left:1px solid var(--l);padding-left:13px}.top small{color:var(--m);font-size:7px;display:block}.top>div{align-items:center;gap:10px;display:flex}.top>div a{color:var(--n);font-size:9px;font-weight:800;text-decoration:none}.top>div span{background:#e8dfd1;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;font-weight:900;display:grid}.body{grid-template-columns:230px 1fr;min-height:calc(100vh - 68px);display:grid}.nav{background:var(--n);color:#fff;flex-direction:column;padding:25px 18px;display:flex}.nav>div{border-bottom:1px solid #ffffff20;padding:4px 9px 22px}.nav>div small{letter-spacing:.15em;color:#9dcb85;font-size:8px}.nav h2{margin:6px 0;font-size:19px}.nav p{color:#adbdca;font-size:8px}.nav nav{gap:5px;margin-top:18px;display:grid}.nav nav button{text-align:left;color:#c3d0da;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;padding:11px;display:grid}.nav nav button:hover,.nav nav button.active{color:#fff;background:#ffffff12;box-shadow:inset 3px 0 #78b959}.nav nav i{color:#91c178;font-style:normal}.nav nav span,.nav nav small{display:block}.nav nav span{font-size:10px;font-weight:850}.nav nav small{color:#91a6b7;margin-top:2px;font-size:7px;font-weight:500}.nav footer{background:#ffffff08;border:1px solid #ffffff18;border-radius:10px;margin-top:auto;padding:12px}.nav footer b,.nav footer span{display:block}.nav footer b{color:#a8d291;font-size:9px}.nav footer span{color:#adbdca;font-size:7px;line-height:1.6}.main{min-width:0;padding:26px}.head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.head p{letter-spacing:.13em;color:#66816d;margin:0 0 5px;font-size:8px;font-weight:900}.head h1{color:var(--n);margin:0;font-size:24px}.head>div:last-child{gap:8px;display:flex}.head button,.panel button,.modal button{color:var(--n);cursor:pointer;background:#fff;border:1px solid #d5dfda;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:850}.primary{background:var(--n)!important;color:#fff!important;border-color:var(--n)!important}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.metrics article,.panel{border:1px solid var(--l);background:#fff;border-radius:14px}.metrics article{padding:15px}.metrics small,.metrics b,.metrics span{display:block}.metrics small{color:var(--m);font-size:8px}.metrics b{color:var(--n);margin:5px 0;font-size:23px}.metrics span{color:#5d8668;font-size:8px}.grid{grid-template-columns:2fr .8fr;gap:12px;margin-bottom:12px;display:grid}.panel{padding:17px}.panel>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel h2{color:var(--n);margin:0;font-size:14px}.panel header p{color:var(--m);margin:3px 0;font-size:8px}.services{grid-template-columns:1fr 1fr;gap:7px;display:grid}.services button{text-align:left;background:#fafcfb;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.services button>i{border-radius:50%;width:8px;height:8px}.ok{background:var(--g);box-shadow:0 0 0 3px #e5f1df}.wait{background:#e5912d;box-shadow:0 0 0 3px #fff0db}.services span b,.services span small{display:block}.services span b{font-size:9px}.services span small{color:var(--m);margin-top:3px;font-size:7px}.services em{color:#a76620;font-size:7px;font-style:normal}.ring{border-radius:50%;place-items:center;width:104px;height:104px;margin:7px auto 14px;display:grid}.ring>span{text-align:center;width:84px;height:84px;color:var(--n);background:#fff;border-radius:50%;place-content:center;font-size:20px;font-weight:900;display:grid}.ring small{color:var(--m);font-size:7px;font-weight:500}.next{text-align:center;margin:10px;font-size:9px;font-weight:850}.wide{width:100%;color:#44772f!important;background:#edf5e9!important}.connections{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.connections article{border:1px solid #e3e8e5;border-radius:10px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.connections article>span,.roles article>span{color:#4d8231;background:#e9f2e5;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.connections b,.connections small{display:block}.connections b{font-size:9px}.connections small{color:var(--m);font-size:7px}.connections em{color:#b96b1b;grid-column:2;font-size:7px;font-style:normal}.connections button{grid-area:1/3/3;padding:6px}.setup{grid-template-columns:330px 1fr;gap:12px;display:grid}.steps{border:1px solid var(--l);background:#fff;border-radius:14px;max-height:760px;padding:10px;overflow:auto}.steps>header{justify-content:space-between;padding:9px;display:flex}.steps>header b{color:var(--n);font-size:10px}.steps>header span{color:var(--g);font-size:8px}.steps>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:31px 1fr;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.steps>button:hover,.steps>button.selected{background:#eef4eb}.steps i{background:#edf1ef;border-radius:9px;place-items:center;width:29px;height:29px;font-size:8px;font-style:normal;font-weight:900;display:grid}.steps .selected i,.steps .done i{background:var(--g);color:#fff}.steps small,.steps b{display:block}.steps small{color:var(--m);font-size:7px}.steps b{margin-top:2px;font-size:9px}.tasks{margin:0;padding:0;list-style:none}.tasks li{border-bottom:1px solid #e8ede9;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.tasks li>span{width:22px;height:22px;color:var(--g);background:#e9f2e4;border-radius:50%;place-items:center;font-size:8px;display:grid}.tasks li b{font-size:9px}.tasks li button{padding:6px}.test{background:#fff8ee;border-left:3px solid #e58b2c;border-radius:4px 9px 9px 4px;margin-top:12px;padding:11px}.test b{color:#a95a11;font-size:9px}.test p{color:#715d48;font-size:8px}.prompt{border:1px solid var(--l);background:#f7f9f8;border-radius:10px;margin-top:12px;padding:11px}.prompt>b{color:var(--n);font-size:9px}.prompt pre{white-space:pre-wrap;color:#526259;background:#fff;border:1px solid #e1e6e3;border-radius:8px;max-height:175px;padding:9px;font-family:inherit;font-size:8px;line-height:1.55;overflow:auto}.prompt button{background:var(--n);color:#fff;width:100%}.stepActions{grid-template-columns:1fr 1.4fr 1fr;gap:8px;margin-top:12px;display:grid}.stepActions button:disabled{opacity:.35}.appTable>header,.appTable article{grid-template-columns:1.1fr 1.4fr 1fr .7fr;align-items:center;gap:10px;display:grid}.appTable>header{color:var(--m);padding:8px;font-size:8px}.appTable article{border-top:1px solid #e5eae7;padding:11px 8px}.appTable article b,.appTable article span,.appTable article em,.appTable code{font-size:8px}.appTable code{color:#29618e;background:#edf5fb;border-radius:6px;padding:5px}.appTable em{color:#b96818;font-style:normal}.notice{background:var(--n);color:#fff;border-radius:12px;margin-top:12px;padding:15px 18px}.notice b{color:#acd591;font-size:10px}.notice p{color:#cad7e1;margin:4px 0;font-size:8px}.flows{min-width:830px}.flows article{border-top:1px solid #e5eae7;grid-template-columns:34px 1fr .95fr 1fr 90px;align-items:center;gap:10px;padding:10px 2px;display:grid}.flows article>span{color:#4c8230;background:#e9f2e5;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.flows b,.flows small{display:block}.flows b{font-size:9px}.flows small,.flows p,.flows em{color:var(--m);font-size:8px}.flows em{color:#a96119;font-style:normal}.flows label{cursor:pointer;align-items:center;gap:4px;display:flex}.flows input{opacity:0;position:absolute}.flows label i{background:#cad2cd;border-radius:20px;width:27px;height:15px;position:relative}.flows label i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .18s;position:absolute;top:2px;left:2px}.flows label.on i{background:var(--g)}.flows label.on i:after{transform:translate(12px)}.guards{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.guards article{border:1px solid var(--l);background:#fff;border-radius:10px;padding:12px}.guards b{color:var(--n);font-size:9px}.guards p{color:var(--m);font-size:7px}.two{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.roles article{border-top:1px solid #e5eae7;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.roles b,.roles small{display:block}.roles b{font-size:9px}.roles small{color:var(--m);font-size:8px}.roles button{padding:6px}.rules{padding-left:17px}.rules li{color:#56665d;font-size:9px;line-height:1.7}.cost{border-bottom:1px solid #e5eae7;grid-template-columns:1fr auto;padding:11px;display:grid}.cost b,.cost span{font-size:9px}.cost span{color:var(--m)}.total{background:var(--n);color:#fff;border-radius:10px;justify-content:space-between;margin-top:12px;padding:13px;display:flex}.total b{font-size:8px}.total strong{font-size:17px}.modal{z-index:1000;background:#061b32a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>section{background:#fff;border-radius:17px;width:min(520px,100%);padding:20px}.modal header{justify-content:space-between;display:flex}.modal h2{margin:0;font-size:20px}.modal header button{border:0;font-size:20px}.modal>section>p{color:var(--m);font-size:9px}.modal label{gap:5px;margin-top:9px;font-size:8px;font-weight:800;display:grid}.modal input,.modal select{box-sizing:border-box;border:1px solid #d5dfda;border-radius:8px;width:100%;padding:10px}.modal>section>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.toast{z-index:1200;background:var(--n);color:#fff;border-radius:999px;padding:10px 15px;font-size:9px;position:fixed;top:15px;left:50%;transform:translate(-50%)}@media (width<=1000px){.body{grid-template-columns:1fr}.nav{padding:12px;display:block}.nav>div,.nav footer{display:none}.nav nav{margin:0;display:flex;overflow:auto}.nav nav button{min-width:135px}.main{padding:17px}.metrics{grid-template-columns:1fr 1fr}.grid,.setup,.two{grid-template-columns:1fr}.connections{grid-template-columns:1fr 1fr}.steps{max-height:280px}.guards{grid-template-columns:1fr 1fr}.panel:has(.flows){overflow:auto}}@media (width<=650px){.top{padding:0 13px}.top img{width:110px}.top>a b,.top>div a{display:none}.main{padding:12px}.head{display:block}.head>div:last-child{margin-top:11px;display:flex}.head button{flex:1}.metrics,.services,.connections{grid-template-columns:1fr 1fr}.stepActions{grid-template-columns:1fr}.tasks li{grid-template-columns:24px 1fr}.tasks li button{grid-column:2;width:max-content}.guards{grid-template-columns:1fr}.appTable{overflow:auto}.appTable>header,.appTable article{min-width:620px}.modal>section>div{grid-template-columns:1fr}.head h1{font-size:20px}}