.app{--app-paper: #fcfcfb;--app-surface: #edeae3;--app-ink: #1a1a18;--app-muted: #5f5c55;--app-subtle: #8a877f;--app-line: #d6d2c8;--app-blue: #1256cc;--app-red: #b42318;--app-green: #1e7a45;--app-amber: #8a5a00;position:relative;overflow:hidden;background:var(--app-paper);color:var(--app-ink);font-family:var(--sans);line-height:1.4}.screen-frame{width:280px;max-width:100%;flex:none;align-self:flex-start;border:1.5px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink)}.screen-frame .app{width:100%;aspect-ratio:390 / 844;--app-scale: .7179}.hero-phones .app{--app-scale: .6308}.window{width:100%;border:1.5px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink)}.window-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1.5px solid var(--ink);background:var(--panel)}.window-bar i{width:9px;height:9px;background:var(--rule)}.window .app{width:100%;aspect-ratio:1180 / 760;--app-scale: .47}.window .app-screen{width:1180px;height:760px}.app-screen{position:absolute;top:0;left:0;width:390px;height:844px;transform:scale(var(--app-scale));transform-origin:top left;display:flex;flex-direction:column;font-size:14px}.a-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1.5px solid var(--app-ink)}.a-brand{font-size:17px;font-weight:600;letter-spacing:-.02em}.a-brand b{color:var(--app-blue);font-weight:600}.a-head-right{display:flex;align-items:center;gap:10px}.a-bell{position:relative;display:inline-flex;color:var(--app-muted)}.a-bell i{position:absolute;top:-6px;right:-8px;background:var(--app-blue);color:#fff;font:600 10px/1 var(--sans);font-style:normal;padding:2px 3px}.a-av{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--app-ink);display:grid;place-items:center;font-size:11px;font-weight:500}.a-scope{padding:10px 16px;border-bottom:1.5px solid var(--app-ink)}.a-chips{display:flex;border:1.5px solid var(--app-line);background:var(--app-surface)}.a-chips span{flex:1;text-align:center;padding:8px 4px;font-size:12px;color:var(--app-muted);line-height:1.2}.a-chips .on{background:var(--app-paper);color:var(--app-ink);font-weight:600}.a-body{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:14px}.a-dock{display:flex;border-top:1.5px solid var(--app-ink);padding-bottom:6px}.a-dock span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:11px;color:var(--app-subtle)}.a-dock .on{color:var(--app-blue);font-weight:500}.a-desk{display:grid;grid-template-columns:232px minmax(0,1fr);height:100%}.a-side{border-right:1.5px solid var(--app-ink);padding:18px 14px;display:flex;flex-direction:column;gap:22px}.a-nav{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--app-muted)}.a-nav span{padding:9px 12px}.a-nav .on{background:var(--app-surface);color:var(--app-ink);font-weight:600;box-shadow:inset 3px 0 0 var(--app-blue)}.a-user{margin-top:auto;display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1.5px solid var(--app-line);font-size:13px;color:var(--app-muted)}.a-main{display:flex;flex-direction:column;min-width:0}.a-top{display:flex;justify-content:flex-end;padding:14px 24px;border-bottom:1.5px solid var(--app-ink)}.a-top .a-chips{width:420px}.a-page{padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.a-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.a-title{font-size:26px;font-weight:600;letter-spacing:-.03em}.a-sub{font-size:14px;color:var(--app-subtle)}.a-panel{background:var(--app-surface);padding:18px;display:flex;flex-direction:column;gap:12px}.a-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.a-panel-head b{font-size:15px;font-weight:600}.a-panel-head span{font-size:13px;color:var(--app-subtle)}.a-rule{border-top:1.5px solid var(--app-ink)}.a-section{display:flex;justify-content:space-between;align-items:baseline}.a-section b{font-size:19px;font-weight:600;letter-spacing:-.02em}.a-section span{font-size:13px;color:var(--app-subtle)}.a-term{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--app-subtle);border-bottom:1px dotted var(--app-line);align-self:flex-start;padding-bottom:2px}.a-figure{font-size:54px;font-weight:600;letter-spacing:-.045em;line-height:1}.a-figure small{font-size:.42em;font-weight:500;color:var(--app-muted);margin-right:2px}.a-figure em{font-style:normal;font-size:.48em;color:var(--app-muted)}.a-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;color:var(--app-muted)}.a-note b{font-weight:600;color:var(--app-ink)}.a-note .mono{font-size:11px;letter-spacing:.08em}.a-note-stack{flex-direction:column;gap:3px}.a-foot{font-size:12px;color:var(--app-subtle);margin-top:14px;border-top:1px solid var(--app-line);padding-top:11px}.a-action{color:var(--app-blue);font-size:12px}.a-actions{display:flex;gap:12px;margin-top:5px}.a-actions .a-action{color:var(--app-muted);font-size:11px}.a-hint{font-size:11px;color:var(--app-subtle);margin-top:8px}.a-tail{font-size:13px;color:var(--app-muted)}.a-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;border-top:1px solid var(--app-line);padding-top:14px;margin:0}.a-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}.a-kpi{display:flex;flex-direction:column;gap:4px;min-width:0}.a-kpi dd{margin:0;font-size:16px}.a-casc{display:flex;flex-direction:column;gap:9px}.a-casc-row{display:grid;grid-template-columns:132px minmax(0,1fr) 108px;align-items:center;gap:12px;font-size:13px}.a-casc-row>span:first-child{color:var(--app-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-track{height:10px;background:#00000014}.a-track i{display:block;height:100%;width:0;transition:width .8s cubic-bezier(.2,.7,.2,1)}.drawn .a-track i{width:var(--w)}.a-casc-row>span:last-child{text-align:right}.a-casc-row.total{border-top:1.5px solid var(--app-ink);padding-top:9px;font-weight:600}.a-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.a-btn{flex:none;border:1.5px solid var(--app-ink);padding:7px 11px;font-size:12px;font-weight:500}.a-fields{display:flex;flex-direction:column;gap:8px}.a-input,.a-select{border:1.5px solid var(--app-line);background:var(--app-paper);padding:9px 11px;font-size:13px;color:var(--app-subtle)}.a-select{position:relative;color:var(--app-ink)}.a-select:after{content:"⌄";position:absolute;right:11px;top:4px;color:var(--app-subtle)}.a-strip{display:flex;gap:22px;border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line);padding:10px 0}.a-strip div{display:flex;flex-direction:column;gap:3px}.a-strip b{font-size:15px;font-weight:500}.a-sales{display:flex;flex-direction:column}.a-sale{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--app-line)}.a-sale:first-child{border-top:0}.a-sale.on{background:var(--app-surface);padding:11px 10px;margin:0 -10px}.a-sale-main{display:flex;flex-direction:column;gap:3px;min-width:0}.a-sale-main .mono{font-size:11px;color:var(--app-subtle)}.a-sale-main b{font-size:13px;font-weight:400}.a-sale-main em{font-style:normal;font-size:11px;color:var(--app-subtle)}.a-sale-num{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.a-sale-num b{font-size:13px;font-weight:500}.a-sale-num em{font-style:normal;font-size:11px;color:var(--app-muted)}.a-sale .neg{color:var(--app-red)}.a-stmt{background:var(--app-surface);padding:4px 10px 12px;margin:0 -10px;display:flex;flex-direction:column}.a-stmt-row{padding:9px 0;border-bottom:1px solid var(--app-line)}.a-stmt-row:last-of-type{border-bottom:0}.a-stmt-top{display:flex;justify-content:space-between;gap:12px;font-size:13px}.a-stmt-top b{font-weight:500}.a-stmt-top .neg{color:var(--app-ink)}.a-stmt-bar{display:block;height:6px;background:#0000000f;margin-top:6px}.a-stmt-bar i{display:block;height:100%}.a-stmt-bar .in{background:var(--app-blue);opacity:.7}.a-stmt-bar .out{background:#8f8b82;margin-left:auto}.a-stmt-foot{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:6px;font-size:11px;color:var(--app-subtle)}.a-stmt-total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1.5px solid var(--app-ink);padding-top:11px;margin-top:5px}.a-stmt-total span{display:flex;flex-direction:column;gap:2px}.a-stmt-total b{font-size:13px;font-weight:500}.a-stmt-total em{font-style:normal;font-size:11px;color:var(--app-subtle)}.a-stmt-big{font-size:22px!important;font-weight:600!important;letter-spacing:-.02em}.a-changes{display:flex;flex-direction:column}.a-change{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--app-line);font-size:13px}.a-change:first-child{border-top:0}.a-change>i{width:9px;height:9px;margin-top:5px;flex:none;background:var(--app-amber);font-style:normal}.a-change.payout>i{background:var(--app-green)}.a-change.silent>i{background:var(--app-red)}.a-change b{font-weight:500;display:block}.a-change em{font-style:normal;color:var(--app-subtle);display:block;margin-top:2px}.a-queue{display:flex;flex-direction:column}.a-queue-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--app-line);font-size:13px}.a-queue-row:first-child{border-top:0}.a-queue-row b{font-weight:500}.a-queue-row em{font-style:normal;color:var(--app-subtle);display:block;margin-top:2px}.a-queue-row a{color:var(--app-blue);text-decoration:none;white-space:nowrap;font-weight:500}@media (prefers-reduced-motion: reduce){.a-track i{transition:none}}.device-pick{display:flex;align-items:center;gap:12px}.device-label{font-size:14px;color:var(--ink-3)}.device-bar{display:flex;border:1.5px solid var(--ink);background:var(--paper)}.device-btn{display:inline-flex;align-items:center;gap:8px;border:0;font:500 15px/1 var(--sans);padding:11px 16px;min-height:42px;cursor:pointer;background:var(--panel);color:var(--ink-2)}.device-btn+.device-btn{border-left:1.5px solid var(--ink)}.device-btn.on{background:var(--ink);color:var(--paper)}.device-btn svg{flex:none}@media (hover: hover){.device-btn:not(.on):hover{background:var(--panel-2);color:var(--ink)}}.hero-pair{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0}.hero-stage{position:relative;width:100%;display:flex;justify-content:flex-end}.hero-stage[hidden]{display:none}.hero-visual{min-height:0}.hero-phones{display:flex;gap:18px;justify-content:flex-end;width:100%}.hero-phones .screen-frame{width:246px}.hero-phones .screen-frame+.screen-frame{margin-top:46px}@media (max-width: 1040px){.hero-visual{max-width:620px}.hero-phones{justify-content:center}}@media (max-width: 720px){.hero-stage{flex-direction:column;align-items:stretch}.hero-phones,.daily-phones{display:flex;gap:14px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:-16px;padding:4px 16px 10px;scroll-padding-inline:16px;scrollbar-width:none}.hero-phones::-webkit-scrollbar,.daily-phones::-webkit-scrollbar{display:none}.hero-phones .screen-frame,.hero-phones .screen-frame+.screen-frame,.phone-offset{flex:0 0 70%;width:auto;margin-top:0;scroll-snap-align:start}.daily-phones{overflow:visible;margin-inline:0;padding:4px 0 8px;justify-content:center}.daily-phones .screen-frame{flex:0 0 75%;width:auto;margin-top:0}.screen-frame .a-head,.screen-frame .a-dock{display:none}.screen-frame .app{aspect-ratio:390 / var(--crop, 690)}.device-bar{width:100%}.device-btn{flex:1}}