:root{--rose:#d9a7ad;--rose-600:#b9707b;--rose-700:#9a5562;--rose-100:#f3dfe1;--rose-50:#faeeef;--ivory:#faf3ee;--ivory-2:#f4e9e1;--brown:#423930;--brown-2:#5e5248;--brown-3:#8a7c70;--champagne:#e8d3bd;--champagne-2:#f1e3d3;--white:#fff;--bg:var(--ivory);--surface:var(--white);--surface-2:#fdf8f4;--ink:var(--brown);--ink-2:var(--brown-2);--ink-3:var(--brown-3);--line:#eadcd0;--line-2:#f2e7de;--good:#2f7d57;--good-bg:#e3f2ea;--warn:#9a6a12;--warn-bg:#fbf0d9;--bad:#b23a48;--bad-bg:#fbe4e6;--info:#3d5f8c;--info-bg:#e5ecf6;--cat-beauty:#c25e78;--cat-fashion:#b9862f;--cat-wellness:#6e62b0;--cat-home:#0f97b8;--font-display:"Playfair Display", "Times New Roman", serif;--font-ui:"DM Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-ar:"IBM Plex Sans Arabic", "DM Sans", system-ui, sans-serif;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--shadow-sm:0 1px 2px #4239300f, 0 1px 1px #4239300a;--shadow:0 6px 24px -8px #42393029, 0 2px 6px #4239300d;--shadow-lg:0 24px 60px -18px #42393052;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.16s;--t:.26s;--t-slow:.52s;--sidebar-w:264px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 14.5px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}[dir=rtl] body,html[dir=rtl]{font-family:var(--font-ar)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{flex:none;display:block}:focus-visible{outline:2px solid var(--rose-600);outline-offset:2px;border-radius:6px}::selection{background:var(--rose-100)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.serif{font-family:var(--font-display)}.splash{z-index:100;background:var(--ivory);transition:opacity .6s var(--ease-out), visibility .6s;place-items:center;display:grid;position:fixed;inset:0}.splash.done{opacity:0;visibility:hidden}.splash-inner{justify-items:center;gap:14px;display:grid}.splash .mark path{stroke-dasharray:600;stroke-dashoffset:600px;animation:draw 1.3s var(--ease-out) forwards}.splash .mark path+path{animation-delay:.25s}.splash-word{font:400 44px/1 var(--font-display);letter-spacing:.06em;color:var(--rose-600);opacity:0;animation:rise .8s .6s var(--ease-out) forwards}.splash-tag{letter-spacing:.5em;color:var(--rose-600);opacity:0;animation:rise .8s .85s var(--ease-out) forwards;font-size:12px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brown);color:#f4e9e1;scrollbar-width:none;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.brand{align-items:center;gap:12px;padding:4px 10px 22px;display:flex}.brand-icon{background:var(--rose);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px -6px #d9a7ad99}.brand-name{font:400 24px/1 var(--font-display);letter-spacing:.05em;color:var(--rose)}.brand-sub{letter-spacing:.32em;color:#bfafa2;margin-top:4px;font-size:10.5px}.nav-group{margin-top:14px}.nav-label{letter-spacing:.18em;text-transform:uppercase;color:#a89789;padding:6px 12px;font-size:10.5px}.nav-item{color:#e9dcd1;text-align:start;width:100%;min-height:42px;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item svg{opacity:.8;transition:transform var(--t) var(--ease-spring)}.nav-item:hover svg{transform:scale(1.12)}.nav-item.active{color:var(--brown)}.nav-item.active svg{opacity:1}.nav-item>*{z-index:1;position:relative}.nav-pill{z-index:0;background:var(--ivory);height:42px;transition:transform .45s var(--ease-out), opacity .2s;pointer-events:none;border-radius:12px;position:absolute;left:14px;right:14px;box-shadow:0 8px 20px -10px #00000080}.nav-badge{background:var(--rose);min-width:22px;height:20px;color:var(--brown);border-radius:99px;place-items:center;margin-inline-start:auto;padding:0 6px;font-size:11px;font-weight:600;display:grid}.nav-item.active .nav-badge{background:var(--brown);color:var(--ivory)}.nav-later{letter-spacing:.08em;text-transform:uppercase;color:var(--champagne);border:1px solid #e8d3bd59;border-radius:99px;margin-inline-start:auto;padding:2px 7px;font-size:9.5px}.nav-item.active .nav-later{border-color:var(--line);color:var(--ink-3)}.sidebar-foot{margin-top:auto;padding-top:18px}.health{color:#d8c9bc;background:#ffffff0d;border:1px solid #ffffff12;border-radius:14px;padding:12px 14px;font-size:12px}.health-row{align-items:center;gap:8px;display:flex}.pulse{background:#5fc48f;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #5fc48f99}@keyframes pulse{70%{box-shadow:0 0 0 8px #5fc48f00}to{box-shadow:0 0 #5fc48f00}}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--ivory) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);transition:border-color var(--t), box-shadow var(--t);border-bottom:1px solid #0000;align-items:center;gap:14px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar.scrolled{border-color:var(--line);box-shadow:0 6px 20px -16px #42393066}.icon-btn.menu-btn{display:none}.search-trigger{border:1px solid var(--line);background:var(--surface);max-width:460px;height:44px;color:var(--ink-3);transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search-trigger:hover{border-color:var(--rose);box-shadow:0 0 0 4px var(--rose-50)}.kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);border-radius:6px;margin-inline-start:auto;padding:2px 7px;font-size:11px}.top-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-2);transition:transform var(--t-fast), border-color var(--t-fast), background var(--t-fast);border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{border-color:var(--rose);color:var(--ink)}.icon-btn:active{transform:scale(.94)}.dot{top:9px;background:var(--bad);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:10px}.lang-btn{gap:6px;width:auto;padding:0 12px;font-size:13px;font-weight:600;display:flex}.me{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;height:44px;padding:4px 6px 4px 4px;display:flex}.avatar{background:var(--champagne);width:34px;height:34px;color:var(--brown);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.me-name{font-size:13px;font-weight:600;line-height:1.1}.me-role{color:var(--ink-3);font-size:11px}.content{width:100%;max-width:1480px;margin:0 auto;padding:8px 32px 48px}.view{animation:viewIn .5s var(--ease-out) both}.view.leaving{animation:.18s ease-in both viewOut}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes viewOut{to{opacity:0;transform:translateY(-6px)}}.reveal{opacity:0;transform:translateY(16px)scale(.985)}.reveal.in{opacity:1;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transition-delay:var(--d,0s);transform:none}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:18px 0 22px;display:flex}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--rose-700);margin-bottom:6px;font-size:11px}.page-title{font:500 34px/1.1 var(--font-display);letter-spacing:-.01em;margin:0}.page-sub{color:var(--ink-3);margin:6px 0 0}.page-actions{flex-wrap:wrap;gap:10px;margin-inline-start:auto;display:flex}.btn{border:1px solid var(--line);background:var(--surface);height:42px;transition:transform var(--t-fast) var(--ease-out), background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--rose);box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brown);border-color:var(--brown);color:var(--ivory)}.btn-primary:hover{background:#2f2822;border-color:#2f2822;box-shadow:0 10px 22px -12px #423930b3}.btn-rose{background:var(--rose);border-color:var(--rose);color:var(--brown)}.btn-rose:hover{background:#d19aa1;border-color:#d19aa1}.btn-good{background:var(--good);border-color:var(--good);color:#fff}.btn-good:hover{background:#276a49;border-color:#276a49}.btn-bad{background:var(--surface);color:var(--bad);border-color:#e9c2c7}.btn-bad:hover{background:var(--bad-bg);border-color:var(--bad)}.btn-sm{border-radius:10px;height:34px;padding:0 12px;font-size:12.5px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--rose-50);box-shadow:none;border-color:#0000}.btn[disabled]{opacity:.5;pointer-events:none}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.card-head{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 22px 0;display:flex}.card-title{font:500 19px/1.2 var(--font-display);margin:0}.card-sub{color:var(--ink-3);margin-top:2px;font-size:12.5px}.card-head .spacer{margin-inline-start:auto}.grid{gap:18px;display:grid}.g-kpi{grid-template-columns:repeat(6,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.hero{border-radius:var(--r-xl);background:linear-gradient(120deg, #e7bec3 0%, var(--rose) 45%, #cfa39a 100%);color:var(--brown);flex-wrap:wrap;align-items:center;gap:24px;margin:18px 0 22px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";background:#ffffff2e;border-radius:50%;position:absolute}.hero:before{inset-inline-end:-90px;width:380px;height:380px;animation:12s ease-in-out infinite float;top:-180px}.hero:after{inset-inline-end:220px;width:220px;height:220px;animation:9s ease-in-out infinite reverse float;bottom:-150px}@keyframes float{50%{transform:translate(-18px,14px)scale(1.04)}}.hero-infinity{inset-inline-end:28px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hero-infinity path{stroke-dasharray:900;stroke-dashoffset:900px;animation:draw 2.4s .3s var(--ease-out) forwards}.hero h1{font:500 32px/1.15 var(--font-display);margin:0;position:relative}.hero p{color:#5a4a40;max-width:540px;margin:6px 0 0;position:relative}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex;position:relative}.hero-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--t) var(--ease-spring), background var(--t);background:#ffffff8c;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.hero-chip:hover{background:#fffc;transform:translateY(-2px)}.hero-chip b{font-weight:700}.kpi{transition:transform var(--t) var(--ease-out), box-shadow var(--t);padding:18px 18px 14px;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.kpi-top{align-items:center;gap:10px;display:flex}.kpi-icon{background:var(--rose-50);width:34px;height:34px;color:var(--rose-700);border-radius:10px;place-items:center;display:grid}.kpi-label{color:var(--ink-3);font-size:12.5px;font-weight:500}.kpi-value{font:600 26px/1.1 var(--font-ui);letter-spacing:-.02em;margin-top:12px}.kpi-value small{color:var(--ink-3);letter-spacing:0;margin-inline-end:3px;font-size:13px;font-weight:600}.kpi-foot{color:var(--ink-3);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.delta{border-radius:6px;align-items:center;gap:2px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.delta.up{color:var(--good);background:var(--good-bg)}.delta.down{color:var(--bad);background:var(--bad-bg)}.kpi-spark{height:34px;margin-top:8px}.kpi-spark path.line{fill:none;stroke:var(--rose-600);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.kpi-spark path.area{fill:url(#sparkFill);opacity:.9}.seg{background:var(--ivory-2);border-radius:12px;gap:2px;padding:4px;display:inline-flex;position:relative}.seg button{z-index:1;height:32px;color:var(--ink-3);transition:color var(--t-fast);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:12.5px;font-weight:600;position:relative}.seg button[aria-selected=true]{color:var(--ink)}.seg-ind{z-index:0;background:var(--surface);height:32px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease-out), width .4s var(--ease-out);border-radius:9px;position:absolute;top:4px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;position:relative;overflow-x:auto}.tabs button{color:var(--ink-3);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.tabs button[aria-selected=true]{color:var(--ink)}.tabs .count{background:var(--ivory-2);color:var(--ink-2);border-radius:99px;padding:1px 7px;font-size:11px}.tabs button[aria-selected=true] .count{background:var(--rose);color:var(--brown)}.tab-ind{background:var(--brown);height:2px;transition:transform .4s var(--ease-out), width .4s var(--ease-out);border-radius:2px;position:absolute;bottom:-1px}.chart-wrap{padding:8px 22px 18px;position:relative}.chart svg{width:100%;height:auto;overflow:visible}.chart .grid-line{stroke:var(--line-2);stroke-width:1px}.chart .axis-text{fill:var(--ink-3);font-size:11px;font-family:var(--font-ui)}.chart .gmv-line{fill:none;stroke:var(--rose-600);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .gmv-prev{fill:none;stroke:var(--champagne);stroke-width:2px;stroke-dasharray:4 5}.chart .gmv-area{fill:url(#gmvFill)}.chart .xhair{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:3 3;opacity:0;transition:opacity var(--t-fast)}.chart .hover-dot{fill:var(--rose-600);stroke:var(--surface);stroke-width:3px;opacity:0;transition:opacity var(--t-fast)}.chart:hover .xhair,.chart:hover .hover-dot,.chart.kb .xhair,.chart.kb .hover-dot{opacity:1}.tooltip{pointer-events:none;z-index:5;background:var(--brown);min-width:150px;color:var(--ivory);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--t-fast), transform var(--t-fast);border-radius:12px;padding:10px 12px;font-size:12.5px;position:absolute;transform:translateY(4px)}.tooltip.show{opacity:1;transform:none}.tooltip .tt-title{color:#cdbdb0;margin-bottom:4px;font-size:11.5px}.tooltip .tt-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tooltip .sw{border-radius:2px;width:10px;height:3px;display:inline-block}.legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.legend i.dash{background:repeating-linear-gradient(90deg, var(--champagne) 0 4px, transparent 4px 8px)}.bars{gap:14px;padding:18px 22px 22px;display:grid}.bar-row{grid-template-columns:96px 1fr minmax(92px,auto);align-items:center;gap:12px;font-size:13px;display:grid}.bar-name{align-items:center;gap:8px;font-weight:500;display:flex}.bar-name i{border-radius:3px;width:8px;height:8px}.bar-track{background:var(--ivory-2);border-radius:99px;height:12px;overflow:hidden}.bar-fill{width:0;height:100%;transition:width 1.1s var(--ease-out);transition-delay:var(--d,0s);border-radius:99px}.bar-val{text-align:end;font-weight:600}.bar-val small{white-space:nowrap;color:var(--ink-3);font-size:11.5px;font-weight:500;display:block}.funnel{gap:10px;padding:16px 22px 22px;display:grid}.fn-step{position:relative}.fn-bar{height:42px;color:var(--brown);width:0;transition:width 1.1s var(--ease-out);transition-delay:var(--d,0s);white-space:nowrap;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.fn-meta{color:var(--ink-3);margin:3px 2px 0;font-size:11.5px}.heat{gap:4px;padding:6px 22px 22px;font-size:11.5px;display:grid;overflow-x:auto}.heat-row{grid-template-columns:82px repeat(8,minmax(44px,1fr));align-items:center;gap:4px;display:grid}.heat-cell{opacity:0;height:34px;transition:opacity .4s var(--ease-out), transform .4s var(--ease-spring);transition-delay:var(--d,0s);border-radius:8px;place-items:center;font-weight:600;display:grid;transform:scale(.8)}.heat.in .heat-cell{opacity:1;transform:none}.heat-head{color:var(--ink-3);text-align:center}.feed{max-height:420px;margin:0;padding:10px 12px 14px;list-style:none;position:relative;overflow:hidden}.feed li{transition:background var(--t-fast);border-radius:12px;align-items:flex-start;gap:12px;padding:10px;display:flex}.feed li:hover{background:var(--surface-2)}.feed li.new{animation:feedIn .7s var(--ease-out)}@keyframes feedIn{0%{opacity:0;background:var(--rose-50);transform:translateY(-14px)}60%{background:var(--rose-50)}}.feed-ic{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.feed-text{font-size:13px;line-height:1.4}.feed-text b{font-weight:600}.feed-time{color:var(--ink-3);margin-top:2px;font-size:11.5px}.live{color:var(--good);background:var(--good-bg);border:0;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.live.paused{color:var(--ink-3);background:var(--ivory-2)}.live.paused .pulse{background:var(--ink-3);animation:none}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 22px;display:flex}.field{border:1px solid var(--line);background:var(--surface);min-width:220px;height:40px;transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.field:focus-within{border-color:var(--rose-600);box-shadow:0 0 0 4px var(--rose-50)}.field input{background:0 0;border:0;outline:0;width:100%;min-width:0}.select{border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238A7C70' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;border-radius:12px;height:40px;padding:0 34px 0 12px;font-size:13.5px}[dir=rtl] .select{background-position:12px;padding:0 12px 0 34px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:start;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-block:1px solid var(--line-2);white-space:nowrap;padding:10px 22px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap;padding:13px 22px}tbody tr{transition:background var(--t-fast)}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:var(--surface-2)}tbody tr.row-in{animation:rowIn .45s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes rowIn{0%{opacity:0;transform:translate(-10px)}}[dir=rtl] tbody tr.row-in{animation-name:rowInRtl}@keyframes rowInRtl{0%{opacity:0;transform:translate(10px)}}tbody tr.row-out{animation:rowOut .45s var(--ease-out) forwards}@keyframes rowOut{to{opacity:0;transform:translate(40px)}}.who{align-items:center;gap:12px;display:flex}.who .avatar{border-radius:11px;width:36px;height:36px}.who-name{font-weight:600}.who-sub{color:var(--ink-3);font-size:12px}.t-end{text-align:end}.empty{text-align:center;color:var(--ink-3);padding:48px 22px}.empty svg{color:var(--rose);margin:0 auto 10px}.pager{color:var(--ink-3);align-items:center;gap:10px;padding:14px 22px;font-size:12.5px;display:flex}.pager .btn{margin-inline-start:auto}.chip{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip svg{width:13px;height:13px}.chip.good{color:var(--good);background:var(--good-bg)}.chip.warn{color:var(--warn);background:var(--warn-bg)}.chip.bad{color:var(--bad);background:var(--bad-bg)}.chip.info{color:var(--info);background:var(--info-bg)}.chip.neutral{color:var(--ink-2);background:var(--ivory-2)}.cat{align-items:center;gap:7px;font-size:13px;display:inline-flex}.cat i{border-radius:3px;width:8px;height:8px}.scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--t), visibility var(--t);background:#2a231e61;position:fixed;inset:0}.scrim.open{opacity:1;visibility:visible}.drawer{top:0;bottom:0;z-index:61;background:var(--surface);width:min(560px,100vw);box-shadow:var(--shadow-lg);transition:transform .5s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset-inline-end:0;transform:translate(105%)}[dir=rtl] .drawer{transform:translate(-105%)}.drawer.open,[dir=rtl] .drawer.open{transform:none}.drawer-head{border-bottom:1px solid var(--line-2);align-items:flex-start;gap:14px;padding:22px 24px 18px;display:flex}.drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.drawer-body>*{animation:rise .5s var(--ease-out) both}.drawer-body>:nth-child(2){animation-delay:60ms}.drawer-body>:nth-child(3){animation-delay:.12s}.drawer-body>:nth-child(4){animation-delay:.18s}.drawer-body>:nth-child(5){animation-delay:.24s}.drawer-foot{border-top:1px solid var(--line-2);background:var(--surface-2);gap:10px;padding:16px 24px;display:flex}.drawer-foot .grow{flex:1}.section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 10px;font-size:11.5px;font-weight:600}.section-title:first-child{margin-top:0}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kv div{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}.kv dt{color:var(--ink-3);font-size:11.5px}.kv dd{margin:2px 0 0;font-weight:600}.docs{gap:8px;display:grid}.doc{border:1px solid var(--line-2);transition:border-color var(--t-fast), transform var(--t-fast);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.doc:hover{border-color:var(--rose);transform:translate(2px)}.doc-ic{background:var(--rose-50);width:36px;height:36px;color:var(--rose-700);border-radius:10px;place-items:center;display:grid}.doc .grow{flex:1;min-width:0}.doc-name{font-size:13.5px;font-weight:600}.doc-sub{color:var(--ink-3);font-size:12px}.check{cursor:pointer;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.check input{appearance:none;border:1.5px solid var(--line);width:20px;height:20px;transition:background var(--t-fast), border-color var(--t-fast);cursor:pointer;border-radius:6px;flex:none;place-items:center;margin:0;display:grid}.check input:checked{background:var(--brown);border-color:var(--brown)}.check input:checked:after{content:"";width:10px;height:6px;animation:tick .25s var(--ease-spring);border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;transform:rotate(-45deg)translate(1px,-1px)}@keyframes tick{0%{transform:rotate(-45deg)scale(0)}}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";inset-inline-start:7px;background:var(--line);width:2px;position:absolute;top:8px;bottom:8px}.timeline li{padding:0 0 16px 28px;font-size:13px;position:relative}[dir=rtl] .timeline li{padding:0 28px 16px 0}.timeline li:before{content:"";inset-inline-start:0;background:var(--surface);border:2px solid var(--rose);border-radius:50%;width:16px;height:16px;position:absolute;top:4px}.timeline li.done:before{background:var(--rose)}.timeline .t-when{color:var(--ink-3);font-size:12px}.modal-wrap{z-index:70;pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{pointer-events:auto;background:var(--surface);border-radius:var(--r-lg);width:min(460px,100%);box-shadow:var(--shadow-lg);opacity:0;transition:transform .4s var(--ease-spring), opacity .25s;padding:24px;transform:translateY(16px)scale(.96)}.modal.open{opacity:1;transform:none}.modal h3{font:500 22px/1.2 var(--font-display);margin:12px 0 6px}.modal p{color:var(--ink-2);margin:0 0 14px}.modal-ic{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.modal label{margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.modal textarea,.modal select{border:1px solid var(--line);resize:vertical;border-radius:12px;outline:0;width:100%;min-height:84px;padding:10px 12px}.modal select{height:42px;min-height:0}.modal textarea:focus,.modal select:focus{border-color:var(--rose-600);box-shadow:0 0 0 4px var(--rose-50)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.toasts{bottom:22px;z-index:80;gap:10px;display:grid;position:fixed;inset-inline-end:22px}.toast{background:var(--brown);min-width:280px;max-width:380px;color:var(--ivory);box-shadow:var(--shadow-lg);animation:toastIn .5s var(--ease-spring) both;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.toast.out{animation:.3s ease-in forwards toastOut}.toast-ic{background:#ffffff1f;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.toast button{color:var(--rose);background:0 0;border:0;margin-inline-start:auto;padding:6px;font-weight:600}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)scale(.96)}}.cmdk-wrap{z-index:75;pointer-events:none;justify-content:center;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.cmdk{pointer-events:auto;background:var(--surface);border-radius:var(--r-lg);width:min(620px,100%);box-shadow:var(--shadow-lg);opacity:0;transition:transform .35s var(--ease-out), opacity .2s;align-self:flex-start;overflow:hidden;transform:translateY(-10px)scale(.97)}.cmdk.open{opacity:1;transform:none}.cmdk-input{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk-input input{background:0 0;border:0;outline:0;flex:1;font-size:16px}.cmdk-list{max-height:380px;padding:8px;overflow-y:auto}.cmdk-group{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:10px 10px 4px;font-size:11px}.cmdk-item{text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;font-size:14px;display:flex}.cmdk-item[aria-selected=true]{background:var(--rose-50)}.cmdk-item .sub{color:var(--ink-3);margin-inline-start:auto;font-size:12px}.popover{top:calc(100% + 10px);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:360px;box-shadow:var(--shadow-lg);transform-origin:100% 0;opacity:0;visibility:hidden;transition:transform .3s var(--ease-out), opacity .2s, visibility .3s;z-index:30;text-align:start;position:absolute;inset-inline-end:0;transform:scale(.94)translateY(-6px)}[dir=rtl] .popover{transform-origin:0 0}.popover.open{opacity:1;visibility:visible;transform:none}.pop-head{border-bottom:1px solid var(--line-2);align-items:center;padding:14px 16px;font-weight:600;display:flex}.pop-head button{margin-inline-start:auto}.pop-item{border-bottom:1px solid var(--line-2);gap:12px;padding:12px 16px;font-size:13px;display:flex}.pop-item:last-child{border-bottom:0}.pop-item.unread{background:var(--rose-50)}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.mod-card{transition:transform var(--t) var(--ease-out), box-shadow var(--t), opacity .4s, scale .4s;flex-direction:column;display:flex;overflow:hidden}.mod-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.mod-card.gone{opacity:0;scale:.9}.mod-media{place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.mod-media .chip{top:12px;position:absolute;inset-inline-start:12px}.mod-body{flex:1;padding:16px 18px}.mod-flag{color:var(--bad);background:var(--bad-bg);border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 10px;font-size:12.5px;display:flex}.mod-actions{gap:8px;padding:0 18px 18px;display:flex}.mod-actions .btn{flex:1}.stars{color:#c99a3e;gap:2px;display:inline-flex}.quote{color:var(--ink-2);margin:8px 0 0;font-size:13.5px;line-height:1.55}.rule{border-bottom:1px solid var(--line-2);grid-template-columns:160px 1fr 92px;align-items:center;gap:16px;padding:14px 0;display:grid}.rule:last-child{border-bottom:0}.range{appearance:none;background:linear-gradient(90deg, var(--rose-600) var(--p,50%), var(--ivory-2) var(--p,50%));border-radius:99px;outline:0;width:100%;height:6px}[dir=rtl] .range{background:linear-gradient(-90deg, var(--rose-600) var(--p,50%), var(--ivory-2) var(--p,50%))}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--rose-600);width:22px;height:22px;box-shadow:var(--shadow-sm);cursor:grab;transition:transform var(--t-fast) var(--ease-spring);border-radius:50%}.range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.range::-moz-range-thumb{background:var(--surface);border:2px solid var(--rose-600);border-radius:50%;width:18px;height:18px}.pct{border:1px solid var(--line);border-radius:10px;align-items:center;gap:4px;height:38px;padding:0 10px;display:flex}.pct input{text-align:end;background:0 0;border:0;outline:0;width:100%;font-weight:600}.pct:focus-within{border-color:var(--rose-600);box-shadow:0 0 0 4px var(--rose-50)}.save-bar{z-index:10;background:var(--brown);color:var(--ivory);box-shadow:var(--shadow-lg);opacity:0;transition:transform .45s var(--ease-spring), opacity .3s;pointer-events:none;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex;position:sticky;bottom:16px;transform:translateY(140%)}.save-bar.show{opacity:1;pointer-events:auto;transform:none}.save-bar .grow{flex:1}.save-bar .btn{height:36px}.locked{position:relative}.locked-banner{border-radius:var(--r-lg);background:var(--champagne-2);border:1px dashed #d7bc9f;align-items:center;gap:14px;margin-bottom:18px;padding:16px 20px;display:flex}.locked-banner .modal-ic{background:var(--surface);color:var(--warn);width:42px;height:42px}.phone-preview{border:8px solid var(--brown);background:var(--ivory);width:230px;box-shadow:var(--shadow);border-radius:30px;overflow:hidden}.skel{background:linear-gradient(90deg, var(--ivory-2) 0%, #fbf5f0 50%, var(--ivory-2) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=1280px){.g-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1080px){.g-main,.g-2,.g-3,.g-split{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:65;width:var(--sidebar-w);transition:transform .45s var(--ease-out);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open,[dir=rtl] .sidebar.open{transform:none}.icon-btn.menu-btn{display:grid}.topbar{padding:12px 16px}.content{padding:4px 16px 40px}.me-text,.kbd{display:none}.page-title{font-size:28px}.hero-infinity{display:none}}@media (width<=640px){.g-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.search-trigger span{display:none}.search-trigger{flex:0 0 44px;justify-content:center;padding:0}.lang-btn span{display:none}.hero{padding:22px}.hero h1{font-size:26px}.rule{grid-template-columns:1fr 84px}.rule .range{grid-area:2/1/auto/-1}.bar-row{grid-template-columns:88px 1fr 76px}.popover{width:min(340px,100vw - 32px)}.kv{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-delay:0s!important}.reveal{opacity:1;transform:none}}.switch{flex:none;width:46px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch span{background:var(--line);transition:background var(--t);border-radius:99px;position:absolute;inset:0}.switch span:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--good)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:2px solid var(--rose-600);outline-offset:2px}.seg-ind,.tab-ind{left:0}.walk-scene{isolation:isolate;background:#2a231e;position:absolute;inset:0;overflow:hidden}.walk-scene .ws-track{will-change:transform;animation:16s cubic-bezier(.45,0,.55,1) infinite alternate ws-dolly;position:absolute;inset:-5%}.walk-scene .ws-enter{animation:2.2s cubic-bezier(.22,1,.36,1) both ws-enter;position:absolute;inset:0}.walk-scene .ws-img{object-fit:cover;object-position:var(--ws-pos,50% 28%);transform-origin:50% 85%;will-change:transform;width:100%;height:100%;animation:1.15s ease-in-out infinite ws-step;position:absolute;inset:0}.walk-scene video.ws-video{object-fit:cover;object-position:var(--ws-pos,50% 28%);opacity:0;z-index:1;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.walk-scene.has-video video.ws-video{opacity:1}.walk-scene.has-video .ws-track,.walk-scene.has-video .ws-img{animation-play-state:paused}.walk-scene .ws-dapple{z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.5;filter:blur(14px);background:radial-gradient(60px 40px at 20% 30%,#2a231e8c,#0000 70%),radial-gradient(90px 60px at 70% 20%,#2a231e73,#0000 70%),radial-gradient(70px 50px at 40% 70%,#2a231e66,#0000 70%),radial-gradient(110px 70px at 85% 75%,#2a231e59,#0000 70%),radial-gradient(50px 35px at 10% 85%,#2a231e73,#0000 70%);animation:11s ease-in-out infinite alternate ws-leaves;position:absolute;inset:-20%}.walk-scene .ws-sun{z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(110deg,#0000 30%,#ffd6aabf 48%,#ffecd259 54%,#0000 70%) 0 0/260% 100%;animation:9s ease-in-out infinite ws-sun;position:absolute;inset:0}.walk-scene .ws-grain{z-index:2;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite ws-grain;position:absolute;inset:-50%}.walk-scene .ws-shade{z-index:3;pointer-events:none;background:var(--ws-shade,linear-gradient(to top, #2a231eeb 0%, #2a231e8c 38%, #2a231e0d 65%));position:absolute;inset:0}@keyframes ws-dolly{0%{transform:scale(1.03)translate(1.6%,.4%)}to{transform:scale(1.15)translate(-1.4%,-1.2%)}}@keyframes ws-step{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate(-.15%,-.45%)rotate(-.18deg)}50%{transform:translate(0,0)rotate(0)}75%{transform:translate(.15%,-.45%)rotate(.18deg)}}@keyframes ws-enter{0%{opacity:0;filter:blur(8px)saturate(.6);transform:translate(7%,2%)scale(1.18)}to{opacity:1;filter:none;transform:none}}@keyframes ws-leaves{0%{transform:translate(-4%,-2%)rotate(-2deg)}to{transform:translate(5%,3%)rotate(2deg)}}@keyframes ws-sun{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes ws-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.ws-chip{z-index:4;-webkit-backdrop-filter:blur(10px);color:#423930;white-space:nowrap;opacity:0;animation:.9s cubic-bezier(.34,1.56,.64,1) forwards ws-chip-in,6s ease-in-out infinite ws-bob;animation-delay:var(--d,1.4s), calc(var(--d,1.4s) + .9s);background:#ffffffdb;border-radius:16px;align-items:center;gap:10px;padding:9px 13px 9px 9px;font-size:12.5px;display:flex;position:absolute;box-shadow:0 14px 30px -12px #00000073}.ws-chip .ic{border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.ws-chip b{font-size:12.5px;display:block}.ws-chip small{color:#8a7c70;font-size:11px}@keyframes ws-chip-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}@keyframes ws-bob{50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.walk-scene .ws-track,.walk-scene .ws-img,.walk-scene .ws-enter,.walk-scene .ws-dapple,.walk-scene .ws-sun,.walk-scene .ws-grain{animation:none!important}.ws-chip{opacity:1;animation:none!important}}.login{background:var(--brown);grid-template-columns:1.15fr 1fr;min-height:100vh;display:grid}.login .panel{color:var(--ivory);background:radial-gradient(1200px 700px at 20% 0%, #5a4a40 0%, var(--brown) 45%, #2a231e 100%);flex-direction:column;padding:44px 56px;display:flex;position:relative;overflow:hidden}.login .panel .glow{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.login .glow.g1{background:#9a5562;width:520px;height:520px;animation:16s ease-in-out infinite drift;top:-160px;right:-140px}.login .glow.g2{opacity:.25;background:#b9862f;width:420px;height:420px;animation:20s ease-in-out infinite reverse drift;bottom:-200px;left:-120px}@keyframes drift{50%{transform:translate(-40px,30px)scale(1.08)}}.login .brand-row{align-items:center;gap:12px;display:flex;position:relative}.login .brand-row .brand-icon{border-radius:14px;width:46px;height:46px}.login .brand-row .w{font:400 26px/1 var(--font-display);letter-spacing:.06em;color:var(--rose)}.login .brand-row .s{letter-spacing:.32em;color:#bfafa2;margin-top:4px;font-size:10.5px}.login .big-inf{opacity:.16;pointer-events:none;width:560px;position:absolute;top:-40px;right:-140px}.login .big-inf path{stroke-dasharray:900;stroke-dashoffset:900px;animation:3.2s cubic-bezier(.22,1,.36,1) .3s forwards draw}.login .panel h1{font:400 clamp(38px, 4.2vw, 58px)/1.08 var(--font-display);letter-spacing:-.01em;max-width:560px;margin:auto 0 18px;position:relative}.login .panel h1 em{color:var(--rose)}.login .panel p.sub{color:#cdbdb0;max-width:460px;margin:0 0 34px;font-size:16px;position:relative}.login .pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px;display:grid;position:relative}.login .pg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff17;border-radius:18px;padding:16px}.login .pg small{color:#bfafa2;letter-spacing:.04em;font-size:11.5px;display:block}.login .pg b{font:600 24px/1.2 var(--font-ui);letter-spacing:-.02em;margin-top:6px;display:block}.login .pg .d{color:#9fe0bc;font-size:11.5px}.login .ticker{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;max-width:600px;height:52px;margin-top:14px;position:relative;overflow:hidden}.login .tick{color:#e9dcd1;align-items:center;gap:12px;padding:0 16px;font-size:13.5px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;display:flex;position:absolute;inset:0}.login .tick.out{opacity:0;transform:translateY(-100%)}.login .tick.in-start{opacity:0;transform:translateY(100%)}.login .tick .ic{width:28px;height:28px;color:var(--rose);background:#d9a7ad2e;border-radius:9px;flex:none;place-items:center;display:grid}.login .tick time{color:#a89789;margin-inline-start:auto;font-size:12px}.login .foot-note{color:#a89789;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:12.5px;display:flex;position:relative}.login .foot-note span{align-items:center;gap:6px;display:inline-flex}.login .live-dot{color:#9fe0bc;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.login .side{background:var(--ivory);flex-direction:column;padding:34px clamp(24px,6vw,80px);display:flex;position:relative}.login .side-top{justify-content:flex-end;gap:8px;display:flex}.login .form-wrap{align-self:center;width:100%;max-width:420px;margin:auto 0}.login .step{animation:.55s cubic-bezier(.22,1,.36,1) both stepIn}.login .step.back{animation-name:stepBack}@keyframes stepIn{0%{opacity:0;transform:translate(26px)}}@keyframes stepBack{0%{opacity:0;transform:translate(-26px)}}[dir=rtl] .login .step{animation-name:stepBack}[dir=rtl] .login .step.back{animation-name:stepIn}.login .badge-hq{background:var(--rose-50);color:var(--rose-700);letter-spacing:.06em;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.login .side h2{font:500 36px/1.15 var(--font-display);margin:16px 0 8px}.login .side .lead{color:var(--ink-3);margin:0 0 28px}.login .fld{margin-bottom:16px}.login .fld label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login .inp{border:1px solid var(--line);background:var(--surface);height:52px;color:var(--ink-3);border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.login .inp:focus-within{border-color:var(--rose-600);box-shadow:0 0 0 4px var(--rose-50);color:var(--ink)}.login .inp.err{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-bg)}.login .inp input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;height:100%;font-size:15px}.login .inp button{color:var(--ink-3);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.login .inp button:hover{color:var(--ink);background:var(--ivory-2)}.login .msg{color:var(--bad);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.login .msg[hidden]{display:none}.login .row{justify-content:space-between;align-items:center;margin:4px 0 22px;font-size:13.5px;display:flex}.login .row a{color:var(--rose-700);font-weight:600}.login .row a:hover{text-decoration:underline}.login .check{padding:0}.login .btn-xl{border-radius:14px;width:100%;height:54px;font-size:15px;position:relative;overflow:hidden}.login .btn-xl .spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rot;display:none}.login .btn-xl.loading .spin{display:block}.login .btn-xl.loading .lbl{opacity:.8}@keyframes rot{to{transform:rotate(360deg)}}.login .or{color:var(--ink-3);align-items:center;gap:14px;margin:22px 0;font-size:12.5px;display:flex}.login .or:before,.login .or:after{content:"";background:var(--line);flex:1;height:1px}.login .sso{border-radius:14px;width:100%;height:52px}.login .otp{grid-template-columns:repeat(6,1fr);gap:10px;margin:6px 0 18px;display:grid}.login .otp input{aspect-ratio:1/1.15;border:1px solid var(--line);background:var(--surface);text-align:center;width:100%;font:600 24px var(--font-ui);color:var(--ink);border-radius:14px;outline:0;transition:border-color .2s,box-shadow .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.login .otp input:focus{border-color:var(--rose-600);box-shadow:0 0 0 4px var(--rose-50);transform:translateY(-2px)}.login .otp input.filled{border-color:var(--brown);background:var(--surface-2)}.login .otp.shake{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.login .resend{color:var(--ink-3);text-align:center;margin-top:16px;font-size:13.5px}.login .resend button{color:var(--rose-700);background:0 0;border:0;padding:4px;font-weight:600}.login .resend button[disabled]{color:var(--ink-3);cursor:default}.login .back-link{color:var(--ink-3);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:10px;padding:6px 0;font-size:13.5px;font-weight:600;display:inline-flex}.login .back-link:hover{color:var(--ink)}.login .done{text-align:center}.login .done svg.ok{width:96px;height:96px;margin:0 auto 18px}.login .done svg.ok circle{fill:none;stroke:var(--good);stroke-width:4px;stroke-dasharray:290;stroke-dashoffset:290px;animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards draw}.login .done svg.ok path{fill:none;stroke:var(--good);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70px;animation:.5s cubic-bezier(.22,1,.36,1) .7s forwards draw}.login .bar{background:var(--ivory-2);border-radius:99px;height:4px;margin-top:22px;overflow:hidden}.login .bar i{background:var(--brown);width:0;height:100%;animation:1.6s cubic-bezier(.22,1,.36,1) .4s forwards fill;display:block}@keyframes fill{to{width:100%}}.login .legal{color:var(--ink-3);align-items:flex-start;gap:8px;margin-top:26px;font-size:12px;line-height:1.5;display:flex}.login .legal svg{color:var(--good);flex:none;margin-top:2px}.login .side-foot{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;display:flex}.login .side-foot a:hover{color:var(--ink)}.login .panel .walk-scene{z-index:0;--ws-shade:linear-gradient(to top, #2a231e8c 0%, #2a231e00 30%), linear-gradient(to bottom, #2a231e59 0%, #2a231e00 18%);left:38%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34%);mask-image:linear-gradient(90deg,#0000 0%,#000 34%)}[dir=rtl] .login .panel .walk-scene{left:0;right:38%;-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 34%);mask-image:linear-gradient(270deg,#0000 0%,#000 34%)}.login .panel>:not(.walk-scene):not(.ws-chip){z-index:1;position:relative}.login .panel .copy{max-width:46%}.login .panel h1,.login .panel p.sub,.login .live-dot,.login .pulse-grid,.login .ticker{max-width:50%}.login .panel h1{font-size:clamp(32px,3.3vw,46px)}.login .pulse-grid{grid-template-columns:1fr;gap:8px}.login .pg{align-items:baseline;gap:10px;padding:12px 14px;display:flex}.login .pg b{margin:0;font-size:20px}.login .pg small{flex:1}.login .ticker .tick span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login .ticker time{display:none}.login .panel .ws-chip.c1{top:38%;inset-inline-end:3%}.login .panel .ws-chip.c2{top:76%;inset-inline-end:5%}@media (width<=1180px){.login .panel h1,.login .panel p.sub,.login .live-dot,.login .pulse-grid,.login .ticker{max-width:52%}.login .panel .walk-scene{left:32%}}@media (width<=980px){.login .panel{min-height:420px}.login .panel .walk-scene,[dir=rtl] .login .panel .walk-scene{--ws-shade:linear-gradient(to top, #2a231ef2 0%, #2a231e99 45%, #2a231e26 75%, #2a231e73 100%);--ws-pos:50% 22%;left:0;right:0;-webkit-mask-image:none;mask-image:none}.login .panel h1,.login .panel p.sub{max-width:none}.login .panel .ws-chip{display:none}.login{grid-template-columns:1fr}.login .panel{padding:28px 22px 30px}.login .panel h1{margin-top:36px;font-size:34px}.login .pulse-grid,.login .ticker,.login .foot-note,.login .big-inf,.login .live-dot{display:none}.login .panel p.sub{margin-bottom:0}.login .side{border-radius:28px 28px 0 0;margin-top:-22px;padding:28px 18px 24px}.login .form-wrap{margin:20px 0 30px}}@media (width<=400px){.login .otp{gap:6px}.login .otp input{border-radius:11px;font-size:20px}}