.szm-demo{--brand:#00d9a3;--brand-bright:#25d366;--brand-glow:rgba(0,217,163,.4);--wa-bg:#0b141a;--wa-header:#1f2c33;--wa-bubble-in:#1f2c33;--wa-bubble-out:#005c4b;--wa-text:#e9edef;--wa-text-secondary:#8696a0;--wa-tick:#53bdeb;--wa-green:#25d366;--wa-green-dark:#128c7e;--wa-input:#2a3942;--wa-bar:#1f2c33;--xl-green:#107c41;--xl-green-light:#1e8449;--xl-green-dark:#0e6b38;--xl-row:#e7e7e7;--xl-border:#d1d1d1;--xl-head-bg:#f3f2f1;--xl-ribbon-bg:#faf9f8;--app-bg:#0f1219;--app-bg-soft:#141824;--app-card:#1a1e2c;--app-accent:#00d9a3;--app-accent-dim:rgba(0,217,163,.12);--app-text:#e8eaf2;--app-text-dim:#9aa0b8;--app-text-faint:#5e6480;--app-border:#252a3a;--app-good:#34d399;--app-warn:#fbbf24;--app-bad:#f87171;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.szm-demo *,.szm-demo :after,.szm-demo :before{box-sizing:border-box}.szm-demo .brand-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(0,217,163,.08);border:1px solid rgba(0,217,163,.25);border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}.szm-demo .brand-tag .pulse{width:6px;height:6px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 0 var(--brand-glow);animation:szm-pulse 2s infinite}@keyframes szm-pulse{0%,to{box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 0 8px transparent}}.szm-demo .industry-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:22px auto 0;max-width:980px;padding:6px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:14px}.szm-demo .industry-tab{padding:10px 18px;border-radius:10px;background:transparent;border:1px solid transparent;color:#8389a5;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap}.szm-demo .industry-tab:hover{color:#e4e6f0;background:hsla(0,0%,100%,.04)}.szm-demo .industry-tab .emoji{font-size:16px;line-height:1}.szm-demo .industry-tab.active{color:var(--brand);background:linear-gradient(135deg,rgba(0,217,163,.14),rgba(0,217,163,.04));border-color:rgba(0,217,163,.35);box-shadow:0 6px 18px -10px rgba(0,217,163,.6)}.szm-demo .flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px auto 0;flex-wrap:wrap;font-size:12px;color:#8389a5;font-weight:500}.szm-demo .flow .step{display:flex;align-items:center;gap:6px;padding:7px 14px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:10px}.szm-demo .flow .step.live{color:var(--brand);border-color:rgba(0,217,163,.3);background:rgba(0,217,163,.06)}.szm-demo .flow .arrow{color:var(--brand-bright);font-weight:700}.szm-demo .hint{display:inline-flex;align-items:center;gap:8px;margin:20px auto 0;padding:8px 14px;border-radius:100px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.25);color:#25d366;font-size:12px;font-weight:600;letter-spacing:.02em}.szm-demo .hint .key{font-family:JetBrains Mono,ui-monospace,monospace;padding:2px 7px;background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.3);border-radius:5px;font-size:10px}.szm-demo .stage{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:start;justify-content:center;margin:40px auto 0;padding-top:24px;max-width:1440px}@media (max-width:1200px){.szm-demo .stage{grid-template-columns:1fr;gap:56px;justify-items:center}}.szm-demo .phone{width:310px;height:640px;background:linear-gradient(160deg,#3a3d4a,#1a1d27 40%,#0f1117);border-radius:46px;padding:5px;position:relative;justify-self:center;margin-top:36px;box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 20px 40px -10px rgba(0,0,0,.5),inset 0 0 0 1.5px hsla(0,0%,100%,.06),inset 0 2px 0 0 hsla(0,0%,100%,.1),inset 0 -2px 0 0 rgba(0,0,0,.5)}.szm-demo .phone:before{content:"";position:absolute;inset:2px;border-radius:44px;background:linear-gradient(160deg,hsla(0,0%,100%,.08),rgba(0,0,0,.3));pointer-events:none;z-index:0}.szm-demo .phone .btn-mute,.szm-demo .phone .btn-power,.szm-demo .phone .btn-vol-dn,.szm-demo .phone .btn-vol-up{position:absolute;background:linear-gradient(90deg,#1a1d27,#2a2d3a 50%,#1a1d27);border-radius:2px;z-index:-1}.szm-demo .phone .btn-mute{left:-3px;top:90px;width:3px;height:28px}.szm-demo .phone .btn-vol-up{left:-3px;top:130px;width:3px;height:48px}.szm-demo .phone .btn-vol-dn{left:-3px;top:190px;width:3px;height:48px}.szm-demo .phone .btn-power{right:-3px;top:150px;width:3px;height:66px}.szm-demo .phone-label{position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8389a5;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:7px}.szm-demo .phone-label .dot{width:6px;height:6px;background:var(--wa-green);border-radius:50%;animation:szm-pulse 2s infinite}.szm-demo .phone-screen{width:100%;height:100%;border-radius:41px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:#000;z-index:1}.szm-demo .dyn-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:106px;height:32px;background:#000;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding-right:11px;gap:6px}.szm-demo .dyn-island .cam{width:7px;height:7px;background:radial-gradient(circle at 30% 30%,#1a2838 0,#050a10 70%);border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}.szm-demo .dyn-island .cam-lens{width:4px;height:4px;background:radial-gradient(circle at 30% 30%,#0e2840,#000);border-radius:50%;box-shadow:0 0 0 1px rgba(20,40,60,.6),inset 0 0 1px rgba(60,120,200,.3)}.szm-demo .phone-screen:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(160deg,hsla(0,0%,100%,.04),transparent 60%);pointer-events:none;z-index:25;border-radius:41px 41px 0 0}.szm-demo .status-bar{height:52px;padding:14px 28px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;flex-shrink:0;z-index:5;position:relative}.szm-demo .status-bar .time{font-weight:700;letter-spacing:-.01em}.szm-demo .status-bar .icons{display:flex;gap:6px;align-items:center}.szm-demo .status-bar .signal{display:inline-flex;gap:2px;align-items:flex-end;height:10px}.szm-demo .status-bar .signal span{width:3px;background:currentColor;border-radius:1px}.szm-demo .status-bar .signal span:first-child{height:3px}.szm-demo .status-bar .signal span:nth-child(2){height:5px}.szm-demo .status-bar .signal span:nth-child(3){height:7px}.szm-demo .status-bar .signal span:nth-child(4){height:9px}.szm-demo .status-bar .battery{width:24px;height:11px;border:1.2px solid;border-radius:3px;padding:1px;position:relative}.szm-demo .status-bar .battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;background:currentColor;border-radius:0 1px 1px 0}.szm-demo .status-bar .battery-fill{display:block;height:100%;width:78%;background:currentColor;border-radius:1px}.szm-demo .driver-phone .status-bar{background:var(--wa-header);color:#fff}.szm-demo .manager-phone .status-bar{background:var(--app-bg-soft);color:var(--app-text)}.szm-demo .driver-phone .phone-screen{background:var(--wa-bg)}.szm-demo .wa-header{background:var(--wa-header);padding:10px 14px 10px 10px;display:flex;align-items:center;gap:12px;flex-shrink:0;box-shadow:0 1px 0 hsla(0,0%,100%,.04)}.szm-demo .wa-header .back{color:#fff;opacity:.85;font-size:18px;cursor:pointer}.szm-demo .wa-header .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--wa-green) 0,var(--wa-green-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.szm-demo .wa-header .info{flex:1;min-width:0}.szm-demo .wa-header .info .name{color:var(--wa-text);font-size:15px;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:6px}.szm-demo .wa-header .info .name .verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--wa-green);color:#111;border-radius:50%;font-size:9px;font-weight:800}.szm-demo .wa-header .info .sub{color:var(--wa-text-secondary);font-size:11px;margin-top:2px}.szm-demo .wa-header .actions{display:flex;gap:18px;color:#fff;opacity:.85;font-size:16px}.szm-demo .wa-chat{flex:1;padding:10px 10px 8px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;background-color:var(--wa-bg);background-image:radial-gradient(hsla(0,0%,100%,.012) 1px,transparent 1.4px),radial-gradient(hsla(0,0%,100%,.008) 1px,transparent 1.4px);background-size:24px 24px,36px 36px;background-position:0 0,18px 18px;scrollbar-width:none}.szm-demo .wa-chat::-webkit-scrollbar{display:none}.szm-demo .wa-date-pill{background:rgba(30,44,51,.9);color:var(--wa-text-secondary);padding:5px 12px;margin:6px 0 8px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.3)}.szm-demo .wa-date-pill,.szm-demo .wa-enc{align-self:center;font-size:11px;border-radius:8px}.szm-demo .wa-enc{background:rgba(24,38,46,.85);color:#d3b56b;padding:6px 12px;margin-bottom:8px;max-width:85%;text-align:center;line-height:1.4}.szm-demo .wa-enc .lock{color:#d3b56b}.szm-demo .msg{max-width:78%;padding:6px 8px 5px;border-radius:7px;font-size:14px;line-height:1.35;position:relative;color:var(--wa-text);box-shadow:0 1px .5px rgba(0,0,0,.13);animation:szm-msgIn .32s cubic-bezier(.2,.8,.2,1);word-wrap:break-word}@keyframes szm-msgIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.szm-demo .msg.bot{background:var(--wa-bubble-in);align-self:flex-start;border-top-left-radius:2px;margin-left:7px}.szm-demo .msg.bot:before{content:"";position:absolute;top:0;left:-7px;width:0;height:0;border-top:7px solid var(--wa-bubble-in);border-left:7px solid transparent}.szm-demo .msg.user{background:var(--wa-bubble-out);align-self:flex-end;border-top-right-radius:2px;margin-right:7px}.szm-demo .msg.user:before{content:"";position:absolute;top:0;right:-7px;width:0;height:0;border-top:7px solid var(--wa-bubble-out);border-right:7px solid transparent}.szm-demo .msg .meta{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--wa-text-secondary);margin-left:10px;float:right;padding-top:2px;white-space:nowrap}.szm-demo .msg.user .meta{color:rgba(233,237,239,.7)}.szm-demo .msg.user .meta .ticks{color:var(--wa-tick);font-weight:700;letter-spacing:-2px;font-size:12px}.szm-demo .msg:after{content:"";display:block;clear:both}.szm-demo .msg b{color:inherit;font-weight:700}.szm-demo .msg.highlight-save{animation:szm-highlightSave .6s ease}@keyframes szm-highlightSave{0%,to{background:var(--wa-bubble-in)}40%{background:#284b4a}}.szm-demo .typing{align-self:flex-start;background:var(--wa-bubble-in);padding:11px 14px;border-radius:7px;border-top-left-radius:2px;display:inline-flex;gap:4px;align-items:center;margin:2px 0 2px 7px;max-width:60px}.szm-demo .typing span{width:6px;height:6px;background:var(--wa-text-secondary);border-radius:50%;animation:szm-tBounce 1.2s infinite}.szm-demo .typing span:nth-child(2){animation-delay:.15s}.szm-demo .typing span:nth-child(3){animation-delay:.3s}@keyframes szm-tBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.szm-demo .wa-input-row{background:var(--wa-bar);padding:8px 8px 12px;display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative}.szm-demo .wa-input-row .inp{flex:1;background:var(--wa-input);border-radius:24px;padding:9px 12px;display:flex;align-items:center;gap:8px;min-height:40px}.szm-demo .wa-input-row .inp .emoji{color:var(--wa-text-secondary);font-size:18px;line-height:1}.szm-demo .wa-input-row .inp input{flex:1;background:transparent;border:none;outline:none;color:var(--wa-text);font-family:Inter,sans-serif;font-size:14px;padding:0;min-width:0}.szm-demo .wa-input-row .inp input::placeholder{color:var(--wa-text-secondary)}.szm-demo .wa-input-row .inp .extras{display:flex;gap:12px;color:var(--wa-text-secondary);font-size:18px}.szm-demo .wa-input-row .send{width:42px;height:42px;border-radius:50%;background:var(--wa-green);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px rgba(37,211,102,.3)}.szm-demo .wa-input-row .send:hover:not(:disabled){transform:scale(1.05)}.szm-demo .wa-input-row .send:active{transform:scale(.95)}.szm-demo .wa-input-row .send:disabled{opacity:.35;cursor:not-allowed}.szm-demo .wa-input-row .send svg{width:18px;height:18px}.szm-demo .chips{padding:6px 10px 2px;background:var(--wa-bar);display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;border-top:1px solid hsla(0,0%,100%,.04);min-height:46px;align-items:center}.szm-demo .chips .chips-label{font-size:10px;color:var(--wa-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 4px;width:100%}.szm-demo .chip{padding:6px 12px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.3);color:#d1f5dd;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.szm-demo .chip:hover{background:rgba(37,211,102,.2);color:#fff}.szm-demo .chip:active{transform:scale(.96)}.szm-demo .input-hint{position:absolute;bottom:100%;left:10px;right:10px;background:hsla(0,91%,71%,.95);color:#fff;font-size:12px;padding:8px 12px;border-radius:8px;margin-bottom:8px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.4);animation:szm-hintIn .25s ease}.szm-demo .input-hint:after{content:"";position:absolute;left:24px;bottom:-5px;width:10px;height:10px;background:hsla(0,91%,71%,.95);transform:rotate(45deg)}@keyframes szm-hintIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.szm-demo .type-now-banner{background:linear-gradient(90deg,rgba(37,211,102,.18),rgba(0,217,163,.12));border-top:1px solid rgba(37,211,102,.35);border-bottom:1px solid rgba(37,211,102,.35);color:#aaf0c0;font-size:11px;font-weight:600;text-align:center;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:6px;animation:szm-bannerIn .4s cubic-bezier(.2,.8,.2,1);flex-shrink:0}.szm-demo .type-now-banner .pulse-green{width:6px;height:6px;border-radius:50%;background:#25d366;animation:szm-pulse 1.5s infinite}@keyframes szm-bannerIn{0%{opacity:0;transform:translateY(-4px);max-height:0;padding:0}to{opacity:1;transform:translateY(0);max-height:60px}}.szm-demo .excel{width:100%;max-width:720px;justify-self:center;font-family:Segoe UI,Inter,sans-serif;color:#1f1f1f;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 10px 20px -5px rgba(0,0,0,.3)}.szm-demo .xl-titlebar{background:linear-gradient(180deg,var(--xl-green-light) 0,var(--xl-green) 100%);color:#fff;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;position:relative}.szm-demo .xl-titlebar .x-logo{width:24px;height:24px;background:#fff;border-radius:3px;color:var(--xl-green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;font-family:Segoe UI,sans-serif;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}.szm-demo .xl-titlebar .filename{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.szm-demo .xl-titlebar .filename .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.szm-demo .xl-titlebar .saved{font-size:11px;opacity:.9;font-weight:400;padding-left:10px;border-left:1px solid hsla(0,0%,100%,.25);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.szm-demo .xl-titlebar .saved .cloud{font-size:12px}.szm-demo .xl-titlebar .search{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;padding:3px 10px 3px 24px;font-size:11px;color:hsla(0,0%,100%,.85);position:relative;min-width:110px}.szm-demo .xl-titlebar .search:before{content:"⌕";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px}.szm-demo .xl-titlebar .wbtns{display:flex;gap:4px}.szm-demo .xl-titlebar .wbtn{width:26px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:3px;opacity:.9}.szm-demo .xl-titlebar .wbtn.close:hover{background:#e81123;opacity:1}.szm-demo .xl-titlebar .wbtn:hover{background:hsla(0,0%,100%,.15)}.szm-demo .xl-ribbon{background:var(--xl-ribbon-bg);border-left:1px solid var(--xl-border);border-right:1px solid var(--xl-border);font-size:12px;color:#333}.szm-demo .xl-ribbon,.szm-demo .xl-tabs{border-bottom:1px solid var(--xl-border)}.szm-demo .xl-tabs{display:flex;align-items:center;gap:0;padding:0 12px;background:#fff;overflow-x:auto;scrollbar-width:none}.szm-demo .xl-tabs::-webkit-scrollbar{display:none}.szm-demo .xl-tabs .tab{padding:8px 14px 7px;font-weight:500;color:#605e5c;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:default}.szm-demo .xl-tabs .tab:hover{background:rgba(0,0,0,.02)}.szm-demo .xl-tabs .tab.active{color:var(--xl-green);border-bottom-color:var(--xl-green);font-weight:600}.szm-demo .xl-ribbon-body{padding:8px 12px;display:flex;gap:16px;align-items:center;overflow-x:auto;scrollbar-width:none}.szm-demo .xl-ribbon-body::-webkit-scrollbar{display:none}.szm-demo .xl-ribgroup{display:flex;flex-direction:column;align-items:center;padding-right:14px;border-right:1px solid #e5e5e5;gap:4px;min-width:max-content}.szm-demo .xl-ribgroup:last-child{border-right:none}.szm-demo .xl-ribgroup .btns{display:flex;gap:4px;align-items:center}.szm-demo .xl-ribbtn{width:24px;height:24px;background:#fff;border:1px solid transparent;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#333;font-weight:600;font-family:Times New Roman,serif}.szm-demo .xl-ribbtn:hover{border-color:var(--xl-border);background:#f3f2f1}.szm-demo .xl-ribbtn.bold{font-weight:800}.szm-demo .xl-ribbtn.italic{font-style:italic}.szm-demo .xl-ribbtn.under{text-decoration:underline}.szm-demo .xl-ribgroup .glabel{font-size:9px;color:#8a8886;text-transform:lowercase}.szm-demo .xl-formula{border-left:1px solid var(--xl-border);border-right:1px solid var(--xl-border);border-bottom:1px solid var(--xl-border);gap:8px}.szm-demo .xl-formula,.szm-demo .xl-formula .cellref{background:#fff;padding:4px 10px;display:flex;align-items:center;font-size:12px}.szm-demo .xl-formula .cellref{min-width:70px;border:1px solid var(--xl-border);border-radius:2px;font-family:Inter,sans-serif;color:#333;justify-content:space-between;gap:6px}.szm-demo .xl-formula .cellref .arr{color:#8a8886;font-size:10px}.szm-demo .xl-formula .fx-ctl{display:flex;gap:2px;color:#8a8886;font-size:14px}.szm-demo .xl-formula .fx-ctl span{padding:0 3px;cursor:default}.szm-demo .xl-formula .fx-ctl .fx{color:#605e5c;font-style:italic;font-family:Cambria Math,serif}.szm-demo .xl-formula .formula-input{flex:1;border:none;background:transparent;font-family:Inter,sans-serif;font-size:12px;color:var(--xl-green);padding:4px 8px;border-left:1px solid var(--xl-border);outline:none;min-height:20px}.szm-demo .xl-body{background:#fff;border-left:1px solid var(--xl-border);border-right:1px solid var(--xl-border);overflow:hidden;position:relative}.szm-demo .xl-grid-wrap{overflow-x:auto;scrollbar-width:thin;position:relative}.szm-demo table.xlt{width:100%;border-collapse:collapse;font-size:12.5px;min-width:700px}.szm-demo table.xlt thead tr.cols th{background:var(--xl-head-bg);color:#605e5c;font-weight:400;padding:2px 8px;text-align:center;font-size:11px;border-right:1px solid var(--xl-border);border-bottom:2px solid #a9a9a9;height:20px}.szm-demo table.xlt thead tr.heads th{background:linear-gradient(180deg,var(--xl-green-light),var(--xl-green-dark));color:#fff;font-weight:600;padding:8px 10px;text-align:left;font-size:12px;border-right:1px solid hsla(0,0%,100%,.18);white-space:nowrap;letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.1)}.szm-demo table.xlt thead tr.heads th:first-child{background:var(--xl-head-bg)}.szm-demo .row-num-col,.szm-demo .rownum-head{width:34px!important;background:var(--xl-head-bg)!important;color:#605e5c!important;text-align:center!important;font-size:11px!important;font-weight:400!important;border-right:1px solid var(--xl-border)!important}.szm-demo table.xlt td{padding:6px 10px;border-bottom:1px solid var(--xl-row);border-right:1px solid var(--xl-row);color:#1f1f1f;vertical-align:middle;line-height:1.3;background:#fff;height:28px}.szm-demo table.xlt tbody tr:nth-child(2n) td{background:#fafafa}.szm-demo table.xlt td.row-num{background:var(--xl-head-bg)!important;color:#605e5c;text-align:center;font-size:11px;font-weight:500;border-right:1px solid var(--xl-border)}.szm-demo table.xlt td.mono{font-family:Consolas,JetBrains Mono,monospace;font-size:12px;font-weight:600}.szm-demo table.xlt td.num{font-family:Consolas,JetBrains Mono,monospace;text-align:right}.szm-demo table.xlt td.warn-cell{font-size:11.5px;color:#92400e;font-weight:500}.szm-demo table.xlt tbody tr.row-in{animation:szm-rowIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes szm-rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.szm-demo table.xlt tbody tr.flash td{background-color:#d7f3e2!important;animation:szm-flashFade 2.2s ease}.szm-demo table.xlt tbody tr.flash td.row-num{background-color:#a8e6c2!important}@keyframes szm-flashFade{0%{background-color:#a8e6c2}40%{background-color:#d7f3e2}to{background-color:#fff}}.szm-demo .xl-typing-cell{position:relative;outline:2.5px solid var(--xl-green);outline-offset:-1px;background:#fff!important;z-index:2}.szm-demo .xl-typing-cell:after{content:"";position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;background:var(--xl-green);border:1px solid #fff;z-index:3}.szm-demo .xl-caret{display:inline-block;width:1px;height:14px;background:#1f1f1f;vertical-align:middle;margin-left:1px;animation:szm-blink 1s step-end infinite}@keyframes szm-blink{50%{opacity:0}}.szm-demo .sb{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600;border:1px solid}.szm-demo .sb.ok{background:#e6f4ea;color:#0d652d;border-color:#a8dab5}.szm-demo .sb.warn{background:#fef7e0;color:#92400e;border-color:#fbd38d}.szm-demo .sb.bad{background:#fce8e6;color:#b91c1c;border-color:#fca5a5}.szm-demo .xl-sheet-tabs{background:#faf9f8;border:1px solid var(--xl-border);border-top:none;display:flex;align-items:flex-end;padding:0 10px;font-size:11px;height:28px}.szm-demo .xl-sheet-tabs .navs{display:flex;gap:2px;padding:4px 6px 0 0;color:#605e5c}.szm-demo .xl-sheet-tabs .navs span{padding:2px 4px}.szm-demo .xl-sheet-tabs .stab{padding:5px 14px 6px;background:transparent;color:#605e5c;border-right:1px solid var(--xl-border);border-top:2px solid transparent}.szm-demo .xl-sheet-tabs .stab.active{background:#fff;color:var(--xl-green);font-weight:600;border-top-color:var(--xl-green);border-left:1px solid var(--xl-border)}.szm-demo .xl-sheet-tabs .add{padding:5px 8px;color:#605e5c}.szm-demo .xl-statusbar{background:linear-gradient(180deg,var(--xl-green),var(--xl-green-dark));color:#fff;padding:4px 14px;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:0 0 12px 12px;min-height:24px}.szm-demo .xl-statusbar .left{display:flex;gap:14px;align-items:center}.szm-demo .xl-statusbar .right{display:flex;gap:10px;align-items:center}.szm-demo .xl-statusbar .saving{display:inline-flex;gap:6px;align-items:center;opacity:0;transition:opacity .25s}.szm-demo .xl-statusbar .saving.on{opacity:1}.szm-demo .xl-statusbar .dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:szm-blinkDot .9s infinite}@keyframes szm-blinkDot{50%{opacity:.3}}.szm-demo .xl-zoom{display:inline-flex;gap:6px;align-items:center;font-family:Consolas,monospace;font-size:10px}.szm-demo .xl-zoom .bar{width:70px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;position:relative}.szm-demo .xl-zoom .bar:before{content:"";position:absolute;inset:0;width:50%;background:#fff;border-radius:2px}.szm-demo .app,.szm-demo .manager-phone .phone-screen{background:var(--app-bg)}.szm-demo .app{flex:1;display:flex;flex-direction:column;overflow:hidden}.szm-demo .app-header{background:var(--app-bg-soft);padding:12px 16px 14px;color:var(--app-text);flex-shrink:0;border-bottom:1px solid var(--app-border);position:relative}.szm-demo .app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at 20% 0,rgba(0,217,163,.08),transparent 70%);pointer-events:none}.szm-demo .app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative;z-index:2}.szm-demo .app-greeting{font-size:11px;color:var(--app-text-dim);font-weight:500}.szm-demo .app-username{font-size:16px;font-weight:700;margin-top:2px;letter-spacing:-.01em}.szm-demo .app-avatar-wrap{position:relative}.szm-demo .app-avatar{width:40px;height:40px;background:var(--app-accent-dim);border-radius:50%;font-size:13px;color:var(--app-accent);border:1px solid rgba(0,217,163,.3)}.szm-demo .app-avatar,.szm-demo .app-notif{display:flex;align-items:center;justify-content:center;font-weight:700}.szm-demo .app-notif{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--app-bad);color:#fff;border-radius:9px;font-size:10px;border:2px solid var(--app-bg-soft);transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.szm-demo .app-notif.on{transform:scale(1)}.szm-demo .kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:relative;z-index:2}.szm-demo .kpi{background:var(--app-card);border-radius:12px;padding:10px 6px 9px;text-align:center;border:1px solid var(--app-border);position:relative;overflow:hidden}.szm-demo .kpi .value{font-size:22px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--app-text);font-variant-numeric:tabular-nums;transition:color .3s ease}.szm-demo .kpi.alerted .value{color:var(--app-bad)}.szm-demo .kpi .label{font-size:9px;color:var(--app-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}.szm-demo .kpi.bump .value{animation:szm-kpiBump .6s ease}@keyframes szm-kpiBump{0%{transform:scale(1)}40%{transform:scale(1.25);color:var(--app-accent)}to{transform:scale(1)}}.szm-demo .app-body{flex:1;overflow-y:auto;padding:12px 12px 16px;scrollbar-width:none}.szm-demo .app-body::-webkit-scrollbar{display:none}.szm-demo .app-alert{background:linear-gradient(135deg,hsla(0,91%,71%,.12),hsla(0,91%,71%,.04));border:1px solid hsla(0,91%,71%,.3);border-left:3px solid var(--app-bad);border-radius:12px;padding:10px 12px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease}.szm-demo .app-alert.on{opacity:1;transform:translateY(0);animation:szm-shake .5s ease}@keyframes szm-shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}.szm-demo .app-alert .icon{width:28px;height:28px;background:var(--app-bad);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0;box-shadow:0 2px 6px hsla(0,91%,71%,.3)}.szm-demo .app-alert .txt{flex:1;min-width:0}.szm-demo .app-alert .title{font-size:12px;font-weight:700;color:var(--app-bad);line-height:1.2}.szm-demo .app-alert .body{font-size:11px;color:var(--app-text-dim);margin-top:2px;line-height:1.35}.szm-demo .app-alert .time{font-size:10px;color:var(--app-text-faint);white-space:nowrap;font-weight:500}.szm-demo .section-title{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}.szm-demo .section-title .t{font-size:13px;font-weight:700;color:var(--app-text);letter-spacing:-.01em}.szm-demo .section-title .a{font-size:11px;color:var(--app-accent);font-weight:600}.szm-demo .cards{display:flex;flex-direction:column;gap:8px}.szm-demo .rc{background:var(--app-card);border-radius:14px;padding:10px 12px;border:1px solid var(--app-border);display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s,border-color .5s,box-shadow .5s,background .5s;position:relative}.szm-demo .rc.vis{opacity:1;transform:translateY(0)}.szm-demo .rc.new{border-color:var(--app-accent);background:linear-gradient(135deg,rgba(0,217,163,.08),rgba(0,217,163,.02));box-shadow:0 0 0 2px rgba(0,217,163,.18),0 4px 12px rgba(0,217,163,.15)}.szm-demo .rc.new:after{content:"NOWY";position:absolute;top:-7px;right:12px;background:var(--app-accent);color:#0a0d14;font-size:9px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.08em;animation:szm-pulse2 1.5s infinite}@keyframes szm-pulse2{0%,to{opacity:1}50%{opacity:.5}}.szm-demo .rc .av{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;color:#fff;letter-spacing:-.02em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.szm-demo .rc .av.c1{background:linear-gradient(135deg,#4f46e5,#3730a3)}.szm-demo .rc .av.c2{background:linear-gradient(135deg,#f59e0b,#b45309)}.szm-demo .rc .av.c3{background:linear-gradient(135deg,#ef4444,#991b1b)}.szm-demo .rc .main{flex:1;min-width:0}.szm-demo .rc .top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.szm-demo .rc .name{font-size:13px;font-weight:700;color:var(--app-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.szm-demo .rc .time-s{font-size:10px;color:var(--app-text-faint);white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.szm-demo .rc .sub{font-size:10px;color:var(--app-text-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.szm-demo .rc .stats{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.szm-demo .rc .stat{font-size:10px;color:var(--app-text-dim);display:flex;align-items:center;gap:3px}.szm-demo .rc .stat b{color:var(--app-text);font-weight:700;font-variant-numeric:tabular-nums}.szm-demo .rc .badge{padding:3px 9px;border-radius:14px;font-size:10px;font-weight:700;letter-spacing:.02em;flex-shrink:0;white-space:nowrap;border:1px solid transparent}.szm-demo .rc .badge.ok{background:rgba(52,211,153,.12);color:var(--app-good);border-color:rgba(52,211,153,.22)}.szm-demo .rc .badge.warn{background:rgba(251,191,36,.12);color:var(--app-warn);border-color:rgba(251,191,36,.22)}.szm-demo .rc .badge.bad{background:hsla(0,91%,71%,.12);color:var(--app-bad);border-color:hsla(0,91%,71%,.25)}.szm-demo .app-tabbar{background:var(--app-bg-soft);border-top:1px solid var(--app-border);display:flex;justify-content:space-around;padding:8px 6px 14px;flex-shrink:0}.szm-demo .app-tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--app-text-faint);font-size:9.5px;font-weight:600;padding:4px 8px;min-width:56px}.szm-demo .app-tab.active{color:var(--app-accent)}.szm-demo .app-tab .ticon{font-size:18px;line-height:1;filter:grayscale(1) opacity(.7)}.szm-demo .app-tab.active .ticon{filter:none}.szm-demo .home-indicator{width:128px;height:4px;background:#3d4152;border-radius:2px;margin:0 auto 6px;flex-shrink:0}.szm-demo .foot{text-align:center;padding:40px 20px 0}.szm-demo .foot .restart{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(0,217,163,.14),rgba(0,217,163,.04));border:1px solid var(--brand);color:var(--brand);font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 32px;border-radius:12px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.szm-demo .foot .restart:hover:not(:disabled){background:var(--brand);color:#000;box-shadow:0 8px 24px var(--brand-glow);transform:translateY(-1px)}.szm-demo .foot .restart:disabled{opacity:.4;cursor:not-allowed}.szm-demo .foot .note{margin-top:14px;color:#6b7186;font-size:12px}@media (max-width:640px){.szm-demo .phone{width:286px;height:596px}.szm-demo .kpi .value{font-size:18px}.szm-demo .excel{max-width:100%}.szm-demo table.xlt{font-size:11px;min-width:560px}.szm-demo table.xlt td{padding:5px 8px}.szm-demo .industry-tab{padding:8px 12px;font-size:12px}}