.z-demo{background:#fff}.z-intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.z-intro h2{font-size:clamp(2.2rem,4.4vw,4.1rem)}.z-intro .tag{margin-bottom:12px}.z-play,.z-reset{border:1px solid #dcddea;background:white;color:#33334d;border-radius:8px;padding:10px 15px;white-space:nowrap}.z-play{margin-bottom:15px;font-weight:650;color:#5155cc}.z-scenarios{display:flex;gap:10px;margin:27px 0 20px}.z-scenarios button{background:#fff;border:1px solid #dedfeb;border-radius:10px;padding:12px 19px;text-align:left;font-size:13px;font-weight:750;flex:1;color:#60617a}.z-scenarios span{display:block;font-size:15px;color:#222339;margin-top:3px}.z-scenarios button[aria-pressed=true]{background:#f0f0ff;border-color:#6668ec;box-shadow:0 0 0 1px #6668ec}.z-window{border:1px solid #dcddec;border-radius:16px;overflow:hidden;box-shadow:0 16px 55px #2927550d}.z-toolbar{display:flex;align-items:center;gap:24px;padding:14px 22px;background:#fff;border-bottom:1px solid #e4e4ee;font-size:12px}.z-logo{display:flex;gap:9px;align-items:center;font-size:16px;font-weight:800;letter-spacing:.05em}.z-toolbar-path{color:#89899e}.z-demo-badge{margin-left:auto;font-size:9px;letter-spacing:.12em;color:#646582;background:#f3f3fa;padding:5px 9px;border-radius:5px}.z-workspace{display:grid;grid-template-columns:170px minmax(0,1fr)}.z-nav{display:flex;flex-direction:column;gap:6px;padding:22px 12px;background:#fff;border-right:1px solid #e1e2ed}.z-nav small{font-size:9px;color:#9696aa;letter-spacing:.1em;padding:8px}.z-nav button{display:flex;gap:9px;text-align:left;border:0;border-radius:7px;background:transparent;padding:11px 9px;color:#66667d;font-size:12px}.z-nav button[aria-pressed=true]{background:#ededff;color:#5456d9;font-weight:700}.z-nav-bottom{font-size:11px;color:#9494a9;line-height:1.9;margin-top:auto;padding:26px 9px}.z-content{background:#f1f1ff;padding:25px;min-width:0}.z-breadcrumb{font-size:11px;color:#85869a;margin-bottom:20px}.z-breadcrumb span{margin:0 9px}.z-breadcrumb b{color:#48485e;font-weight:500}.z-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.z-heading h3{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin:9px 0 6px;color:#202133}.z-heading p{font-size:12px;color:#808195;margin:0}.z-meta{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.05em;color:#86869b}.z-badge{display:inline-block;padding:4px 7px;border-radius:4px;background:#fff4dc;color:#926b2a;font-size:9px;letter-spacing:.07em;font-weight:700;white-space:nowrap}.z-badge.z-green{background:#eaf5ec;color:#397a48}.z-reset{font-size:11px;padding:6px 10px;background:transparent}.z-progress{display:flex;list-style:none;gap:6px;padding:0;margin:22px 0}.z-progress li{flex:1;font-size:11px;color:#9494a7;border-bottom:3px solid #e0e0f1;padding:0 2px 8px;display:flex;gap:7px}.z-progress .z-current{border-color:#6164ec;color:#4b4ed0;font-weight:700}.z-progress .z-done{border-color:#83b191;color:#397849}.z-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.z-card{background:#fff;border:1px solid #e1e2ed;border-radius:10px;padding:20px;min-width:0;box-shadow:0 2px 3px #20205004}.z-card h4{font-size:13px;margin:0 0 17px;color:#45455f;font-weight:650}.z-document{padding:22px 18px;background:#fffefb;border:1px solid #e9e5dd;min-height:315px;box-shadow:0 3px 7px #30304008;position:relative}.z-doc-head{display:flex;justify-content:space-between;gap:14px;font-size:8px;color:#6d6c77}.z-doc-head b{color:#31313c}.z-document .z-doc-ref{font-family:monospace;color:#6164df;font-size:11px;margin:22px 0 10px}.z-document h5{font-size:16px;margin:0 0 10px;line-height:1.3}.z-document p{font-size:11px;line-height:1.7;color:#686875;margin:8px 0}.z-document hr{border:0;border-top:1px solid #ece9e3;margin:15px 0}.z-doc-stamp{font-size:8px;letter-spacing:.12em;color:#a7a4a0;display:block;margin-top:18px}.z-field{margin:0 0 14px}.z-field small{display:block;color:#8b8b9b;font-size:10px;margin-bottom:4px}.z-field strong{font-size:12px;font-weight:550;display:block;color:#38384e;line-height:1.5}.z-info{background:#f3f3ff;color:#62648c;font-size:11px;line-height:1.6;padding:11px;border-radius:6px;margin-top:13px}.z-guide{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 0 0}.z-guide strong{display:block;font-size:15px;color:#303146}.z-guide p{font-size:11px;color:#74758e;margin:5px 0 0;max-width:430px}.z-guide-number{display:block;font-size:9px;letter-spacing:.1em;color:#6668df;margin-bottom:6px}.z-primary{border:0;background:#6062ed;color:white;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:650;white-space:nowrap;box-shadow:0 3px 6px #5255d622}.z-primary:hover{background:#4c4ed2}.z-feedback{font-size:11px;color:#3b704c;min-height:18px;margin:12px 0 0}.z-disclaimer{font-size:11px;color:#89899b;text-align:center;margin:16px auto 0;max-width:830px}.z-label{font-size:11px;font-weight:650;display:block;color:#66667d;margin:15px 0}.z-label select{display:block;width:100%;border-color:#dcdcea;margin-top:6px;font-size:12px;padding:9px}.z-tech{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:11px}.z-tech>span:last-child{font-size:9px;color:#9696a6;margin-left:auto}.z-avatar{display:inline-flex;align-items:center;justify-content:center;background:#ededff;color:#6264d4;width:30px;height:30px;border-radius:50%;font-size:10px;flex-shrink:0}.z-hour{display:flex;gap:12px;min-height:36px;font-size:9px;color:#9696a6}.z-hour time{width:32px;flex-shrink:0;padding-top:4px}.z-grid-line{border-top:1px solid #efeff6;flex:1;margin-top:8px}.z-appointment{background:#e9e8ff;border-left:3px solid #7272e9;border-radius:4px;padding:10px;margin-bottom:6px;flex:1;color:#4f4e83;animation:z-enter .3s ease}.z-appointment b,.z-appointment span,.z-appointment small{display:block}.z-appointment b{font-size:11px}.z-appointment span{margin:3px 0}.z-report-top{display:flex;gap:9px;align-items:center;margin-bottom:22px;font-size:11px}.z-report-top small{display:block;font-size:9px;color:#9090a1;margin-top:2px}.z-report-top .z-badge{margin-left:auto;font-size:8px}.z-check{font-size:10px;color:#4d7959;margin-top:12px}.z-invoice{padding:24px 30px}.z-invoice-head{display:flex;justify-content:space-between;gap:15px;font-size:13px}.z-invoice-head small{display:block;font-size:10px;color:#9292a1;margin-top:6px}.z-invoice-head>div:last-child{text-align:right}.z-invoice-client{display:flex;gap:60px;border-top:1px solid #ededf3;padding-top:18px;margin-top:20px}.z-table-wrap{overflow-x:auto}.z-invoice-table{border-collapse:collapse;width:100%;font-size:11px}.z-invoice-table th{background:#f7f7fc;font-weight:500;color:#8a8a9f;font-size:9px}.z-invoice-table td,.z-invoice-table th{padding:12px 8px;text-align:right;border-bottom:1px solid #eeeeF5;white-space:nowrap}.z-invoice-table td:first-child,.z-invoice-table th:first-child{text-align:left;white-space:normal}.z-totals{max-width:280px;margin:17px 0 0 auto;font-size:11px}.z-totals>div{display:flex;justify-content:space-between;padding:7px 0;color:#818196}.z-totals b{color:#444459}.z-totals .z-total{font-size:17px;border-top:1px solid #e7e7f1;margin-top:7px;color:#27283f}.z-invoice-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #dcdcea;margin-top:18px;padding-top:13px;font-size:9px;color:#9090a3}#z-screen{min-height:375px;animation:z-enter .3s ease}.z-demo button:focus-visible,.z-demo select:focus-visible{outline:3px solid #a3a5ff;outline-offset:3px}@keyframes z-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.z-workspace{grid-template-columns:135px minmax(0,1fr)}.z-content{padding:18px}.z-card{padding:15px}.z-nav{padding:16px 7px}.z-nav button{font-size:10px}.z-guide{gap:14px}.z-guide p{max-width:280px}.z-primary{padding:11px 13px}}@media(max-width:760px){.z-intro{display:block}.z-play{margin:8px 0 0}.z-scenarios{gap:7px;margin-top:20px}.z-scenarios button{padding:10px 8px;font-size:10px}.z-scenarios span{font-size:11px;line-height:1.4}.z-toolbar{padding:12px;gap:10px}.z-toolbar-path{display:none}.z-workspace{display:block}.z-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-right:0;border-bottom:1px solid #e1e2ed;padding:7px}.z-nav small,.z-nav-bottom{display:none}.z-nav button{display:block;text-align:center;padding:9px 3px;font-size:11px}.z-nav button span{display:block;font-size:9px;margin-top:3px}.z-content{padding:16px 12px}.z-heading h3{font-size:21px}.z-meta{font-size:8px;gap:5px;flex-wrap:wrap}.z-reset{font-size:10px;padding:5px}.z-two{grid-template-columns:1fr}.z-document{min-height:0}.z-guide{align-items:stretch;flex-direction:column;gap:14px}.z-guide p{max-width:none}.z-primary{width:100%;font-size:13px}.z-invoice{padding:16px 12px}.z-invoice-client{gap:20px}.z-invoice-table td,.z-invoice-table th{padding:10px 4px;font-size:9px}.z-invoice-foot{flex-direction:column;gap:5px}.z-disclaimer{font-size:10px;text-align:left}.z-progress li{font-size:10px;gap:5px}.z-breadcrumb{margin-bottom:14px}#z-screen{min-height:0}}@media(prefers-reduced-motion:reduce){.z-demo *{animation:none!important;scroll-behavior:auto!important}}

.z-select{width:100%;border:1px solid #dcdcea;border-radius:6px;font-size:12px;padding:9px;margin:0 0 14px}.z-label{margin-bottom:6px}