.demo-app{border:1px solid var(--line);min-height:640px;box-shadow:var(--shadow-lg);background:var(--surface);border-radius:16px;display:flex;position:relative;overflow:hidden}.demo-side{background:var(--navy);flex-direction:column;flex-shrink:0;gap:4px;width:210px;padding:16px 12px;display:flex}.demo-brand{color:#fff;align-items:center;gap:9px;padding:8px 10px 18px;font-size:15px;font-weight:600;display:flex}.demo-brand .lg{background:linear-gradient(135deg,#71dffa,#2e86ec,#1c68e3);border-radius:7px;flex-shrink:0;width:26px;height:26px}.demo-nav{cursor:pointer;color:#aebcd4;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.demo-nav:hover{color:#fff;background:#ffffff0f}.demo-nav.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1a56db);box-shadow:0 6px 16px -6px #2563ebb3}.demo-nav svg{flex-shrink:0;width:18px;height:18px}.demo-main{flex-direction:column;flex:1;min-width:0;display:flex}.demo-top{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.demo-top .tt{color:var(--t1);font-size:16px;font-weight:600}.demo-reset{color:var(--t3);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:13px}.demo-reset:hover{border-color:var(--blue);color:var(--blue)}.demo-body{background:var(--bg);flex:1;padding:22px 22px 46px;overflow-y:auto}.demo-kpis{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.demo-kpis.two{grid-template-columns:repeat(2,1fr)}.demo-kpi{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;padding:15px 18px}.demo-kpi .l{color:var(--t3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.demo-kpi .v{color:var(--t1);font-size:26px;font-weight:600;line-height:1.2}.demo-kpi .v small{color:var(--t3);font-size:14px;font-weight:400}.demo-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:18px}.demo-h{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.demo-h h3{color:var(--t1);font-size:16px}.demo-h h3.big{font-size:19px}.drow{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:12px 2px;display:grid}.drow.fin{grid-template-columns:1.2fr .8fr 1.4fr auto}.demo-card>.drow:first-child{border-top:none;padding-top:2px}.drow .nr{color:var(--t1);font-weight:600}.drow .cl{color:var(--t2)}.drow .tp{color:var(--t3);font-size:13px}.st{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.st-gri{color:#5b6577;background:#f1f3f7}.st-blue{color:#1d4ed8;background:#eff6ff}.st-green{color:#065f46;background:#ecfdf5}.st-amber{color:#b45309;background:#fffbeb}.st-red{color:#991b1b;background:#fef2f2}.clist{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ccard2{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.cav{background:var(--blue-pale);width:40px;height:40px;color:var(--blue);border-radius:10px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.cinfo{min-width:0}.ccard2 .nm{color:var(--t1);font-weight:600}.ccard2 .mt{color:var(--t3);font-size:13px}.tipbadge{background:var(--blue-pale);color:var(--blue);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600}.demo-radio{gap:8px;margin-bottom:12px;display:flex}.demo-radio button{border:1px solid var(--line);background:var(--bg);cursor:pointer;color:var(--t2);border-radius:8px;flex:1;padding:9px;font-family:inherit;font-size:14px}.demo-radio button.on{border-color:var(--blue);background:var(--blue-pale);color:var(--blue);font-weight:600}.demo-form{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.demo-form .full{grid-column:1/-1}.demo-form label{color:var(--t2);flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}.demo-form input,.demo-form select{color:var(--t1);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}.demo-form input:focus,.demo-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-pale);outline:none}.demo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1a56db);border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn.ghost{border:1px solid var(--line);color:var(--t2);background:0 0}.demo-empty{text-align:center;color:var(--t3);padding:26px}.demo-hint{background:var(--blue-pale);color:#1d4ed8;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5}.demo-sub{color:#7f8db0;text-transform:uppercase;letter-spacing:.07em;padding:18px 12px 6px;font-size:10.5px}.demo-nav.locked{color:#7f8db0}.demo-nav.locked:hover{color:#aebcd4;background:#ffffff0a}.demo-nav.locked>svg:first-child{opacity:.55}.demo-nav.locked>svg:last-child{opacity:.5;width:14px;height:14px;margin-left:auto}.demo-locked{text-align:center;max-width:540px;margin:26px auto;padding:24px}.demo-locked .ll{background:var(--blue-pale);width:52px;height:52px;color:var(--blue);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.demo-locked .ll svg{width:26px;height:26px}.demo-locked h3{color:var(--t1);margin-bottom:12px;font-size:20px}.demo-locked p{color:var(--t2);margin-bottom:22px;line-height:1.75}.demo-locked-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo-locked-cta a{text-decoration:none}.fin-item{border-top:1px solid var(--line)}.demo-card>.fin-item:first-child,.fin-item .drow.fin{border-top:none}.fin-act{justify-content:flex-end;align-items:center;gap:10px;display:flex}.demo-btn.mini{padding:6px 12px;font-size:12.5px}.fin-add{align-items:center;gap:8px;padding:0 2px 12px;display:flex}.fin-add input{color:var(--t1);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:0 0 210px;padding:8px 11px;font-family:inherit;font-size:14px}.fin-add input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-pale);outline:none}.drow.clickable{cursor:pointer;border-radius:8px;transition:background .12s}.drow.clickable:hover{background:var(--blue-pale)}.clickable-txt{cursor:pointer}.clickable-txt:hover .nr{color:var(--blue)}.demo-back{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:0 0 14px;font-family:inherit;font-size:14px;font-weight:500}.demo-back:hover{color:var(--blue)}.dd-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dd-nr{color:var(--t1);font-size:22px;font-weight:600}.dd-sub{color:var(--t3);font-size:14px}.dd-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dd-ct{text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:10px;font-size:11.5px;font-weight:600}.dd-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.dd-row span{color:var(--t3);font-size:14px}.dd-row b{color:var(--t1);text-align:right;align-items:center;gap:6px;font-size:14.5px;font-weight:500;display:flex}.dd-status{flex-wrap:wrap;gap:8px;display:flex}.dd-st-btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;color:var(--t2);border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13.5px}.dd-st-btn:hover{border-color:var(--line-2)}.dd-st-btn.on{border-color:var(--blue);background:var(--blue-pale);color:var(--blue);font-weight:600}@media (width<=760px){.dd-grid{grid-template-columns:1fr}}.demo-banner{background:var(--amber-pale);color:#92400e;text-align:center;border-top:1px solid #fde68a;padding:6px;font-size:12.5px;position:absolute;bottom:0;left:210px;right:0}@media (width<=760px){.demo-side{width:62px}.demo-brand span,.demo-nav span{display:none}.demo-brand,.demo-nav{justify-content:center}.demo-banner{left:62px}.demo-kpis,.demo-kpis.two,.clist,.demo-form{grid-template-columns:1fr}.drow,.drow.fin{grid-template-columns:1fr auto}.drow .tp.hide-m{display:none}}.more-grid[data-astro-cid-soxsnotx]{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.more-item[data-astro-cid-soxsnotx]{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.more-item[data-astro-cid-soxsnotx] .mi-ck[data-astro-cid-soxsnotx]{background:var(--green-pale);width:22px;height:22px;color:var(--green);border-radius:6px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.more-item[data-astro-cid-soxsnotx] b[data-astro-cid-soxsnotx]{color:var(--t1);font-size:15.5px;display:block}.more-item[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{color:var(--t2);font-size:14px;line-height:1.5}.btn-oline[data-astro-cid-soxsnotx]{border:1px solid var(--line-2);color:var(--t1);background:0 0}.btn-oline[data-astro-cid-soxsnotx]:hover{border-color:var(--blue);color:var(--blue)}@media (width<=640px){.more-grid[data-astro-cid-soxsnotx]{grid-template-columns:1fr}}