.si{--ink:#1c1b18;--ink-soft:#3d3c38;--mute:#6b6b6e;--faint:#a3a3a6;--line:#e4e4e2;--canvas:#fafaf8;--blue:#3a9fe3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.si,.si *{box-sizing:border-box}.si{min-height:100vh;font-family:var(--font-hanken), ui-sans-serif, system-ui, sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0}.si .wrap{grid-template-columns:1fr minmax(560px,42%);min-height:100vh;display:grid}.si .view{background:var(--blue);flex-direction:column;padding:38px 0 0 56px;display:flex;position:relative;overflow:hidden}.si .view:before{content:"";pointer-events:none;background:radial-gradient(900px 600px at 0 0,#ffffff29,#0000 60%),radial-gradient(800px 500px at 100% 100%,#1d699f59,#0000 65%);position:absolute;inset:0}.si .view>*{position:relative}.si .view .word{width:300px;height:auto;display:block}.si .view .mid{flex-direction:column;flex:1;justify-content:center;padding-bottom:40px;display:flex}.si .view .copy{max-width:560px;margin-bottom:44px}.si .view h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 16px;font-size:46px;font-weight:600;line-height:1.06}.si .view p{color:#1c1b18c7;margin:0;font-size:19px;line-height:1.5}.si .app{background:var(--canvas);width:1060px;height:600px;color:var(--ink);transform-origin:0;-webkit-mask-composite:source-in;border-radius:16px;flex:none;grid-template-columns:200px 1fr;display:grid;overflow:hidden;transform:perspective(1800px)rotateY(7deg)rotateX(2deg);box-shadow:0 60px 120px -40px #0a1e3c99,0 0 0 1px #ffffff40;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000 100%),linear-gradient(#000 75%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000 100%),linear-gradient(#000 75%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.si .rail{color:#c9d1dc;background:#131620;padding:18px 12px;font-size:12.5px}.si .rail img{width:102px;height:auto;margin:2px 8px 22px;display:block}.si .ri{border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;display:flex}.si .ri i{background:#ffffff2e;border-radius:4px;width:14px;height:14px}.si .ri.on{color:#fff;background:#ffffff14}.si .ri.on i{background:var(--blue)}.si .main{padding:22px 26px}.si .mh{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.si .mh b{letter-spacing:-.02em;font-size:20px;font-weight:600}.si .mh span{background:var(--ink);color:#fff;border-radius:999px;align-items:center;height:30px;padding:0 14px;font-size:11.5px;font-weight:600;display:flex}.si .kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.si .kpi,.si .chart{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.si .chart{margin-bottom:12px}.si .kpi small,.si .chart small{color:var(--mute);font-size:11px}.si .kpi b{letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:600;display:block}.si .kpi em{color:#177245;font-size:10.5px;font-style:normal;font-weight:600}.si .bars{align-items:flex-end;gap:10px;height:96px;margin-top:10px;display:flex}.si .bars span{background:var(--blue);opacity:.9;border-radius:4px 4px 0 0;flex:1}.si .bars span:last-child{background:var(--ink)}.si .tr{color:var(--mute);border-bottom:1px solid #ececea;grid-template-columns:1.4fr 1.2fr .8fr .6fr;align-items:center;gap:10px;padding:10px 4px;font-size:12px;display:grid}.si .tr b{color:var(--ink);font-weight:600}.si .tr em{border-radius:999px;justify-self:start;padding:3px 8px;font-size:10.5px;font-style:normal;font-weight:600}.si .tr .paid{color:#177245;background:#e7f7ee}.si .tr .sent{color:#1d699f;background:#eff7fd}.si .tr .due{color:var(--ink-soft);background:#f3f3f1}.si .side{background:var(--canvas);align-items:center;padding:90px 7vw 90px 6vw;display:flex;position:relative}.si .side .top{font-size:17px;position:absolute;top:34px;right:42px}.si .side .top b{font-weight:600}.si .form{width:100%;max-width:560px}.si .mob-logo{display:none}.si h1{letter-spacing:-.03em;margin:0 0 30px;font-size:40px;font-weight:700;line-height:1.1}.si h1+.lead{margin-top:-16px}.si .lead{color:var(--mute);margin:0 0 30px;font-size:16px;line-height:1.5}.si .lead b{color:var(--ink);font-weight:600}.si .fld{margin-bottom:22px}.si label{margin:0 0 10px;font-size:15px;font-weight:600;display:block}.si input.txt{width:100%;height:60px;font:inherit;color:var(--ink);background:#fff;border:1px solid #9c9ca0;border-radius:10px;outline:none;padding:0 18px;font-size:17px;transition:border-color .15s,box-shadow .15s}.si input.txt::placeholder{color:var(--faint)}.si input.txt:focus,.si .codebox input:focus{border-color:var(--ink);box-shadow:0 0 0 4px #3a9fe338}.si .pwrap{position:relative}.si .pwrap input.txt{padding-right:56px}.si .eye{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.si .codebox{gap:10px;display:flex}.si .codebox input{text-align:center;width:56px;height:66px;font:inherit;color:var(--ink);background:#fff;border:1px solid #9c9ca0;border-radius:10px;outline:none;font-size:26px;font-weight:600;transition:border-color .15s,box-shadow .15s}.si .row{flex-wrap:wrap;align-items:center;gap:40px;margin-top:30px;display:flex}.si .btn{background:var(--ink);color:#fff;height:58px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;padding:0 34px;font-size:17px;font-weight:600;transition:transform 80ms,background .15s;display:inline-flex}.si .btn:hover{background:#000}.si .btn:active{transform:scale(.98)}.si .btn:disabled{opacity:.6;cursor:default}.si .lnk{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:600}.si .lnk:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.si .lnk:disabled{color:var(--faint);cursor:default}.si .sep{background:var(--line);height:1px;margin:38px 0 28px}.si .sso{color:var(--ink);text-underline-offset:4px;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.si .back{color:var(--mute);margin:26px 0 0;font-size:15px;line-height:1.6}.si .back .lnk{font-size:15px}.si .check{align-items:center;gap:8px;margin-top:18px;font-weight:500;display:flex}.si .st{animation:.35s both si-rise}@keyframes si-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.si .err,.si .ok{border-radius:10px;margin-top:20px;padding:12px 14px;font-size:14.5px;line-height:1.45}.si .err{color:#b42318;background:#fdecea;border:1px solid #f3c2bd}.si .ok{color:#177245;background:#e7f7ee;border:1px solid #b6e3c8}.si .notice{color:#1a4663;background:#eff7fd;border:1px solid #bcdff7;border-radius:10px;margin:0 0 26px;padding:12px 14px;font-size:14.5px;line-height:1.5}.si .spin{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite si-s;display:inline-block}@keyframes si-s{to{transform:rotate(360deg)}}.si .foot{position:absolute;bottom:30px;left:6vw}.si .comp{color:var(--faint);border-bottom:1px dashed #cfcfd2;padding-bottom:1px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s}.si .comp:hover{color:var(--blue);border-color:var(--blue)}.si .comp-frame{z-index:100;background:#04060a;border:0;width:100vw;height:100vh;position:fixed;inset:0}.si .overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);background:#fafaf8f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}.si .overlay.on{display:flex}.si .overlay .ring{border:3px solid #3a9fe340;border-top-color:var(--blue);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite si-s}.si .overlay .msg{font-size:16px;font-weight:600}@media (max-width:1100px){.si .wrap{grid-template-columns:1fr}.si .view{display:none}.si .side{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:28px 24px 90px}.si .side .top{color:var(--mute);order:2;margin-top:34px;font-size:15px;position:static}.si .mob-logo{margin:12px 0 96px;display:block}.si .mob-logo img{width:250px;height:auto;display:block}.si .form{max-width:520px}.si .foot{left:24px}}@media (max-width:480px){.si h1{font-size:34px}.si .row{gap:22px}.si .btn{justify-content:center;width:100%}.si .codebox{gap:7px}.si .codebox input{width:calc(16.6667% - 5.83333px);height:58px;font-size:22px}}