:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b0d;--surface:#101315;--surface-2:#141819;--line:#e0f2e517;--text:#edf2eb;--muted:#88938d;--accent-color:#b4f277;--accent-glow:#77d8a0;--green:var(--accent-color);--green-2:var(--accent-glow);--accent-rgb:180, 242, 119;--mono:"DM Mono", monospace;--sans:"DM Sans", sans-serif;--display:"Manrope", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{color:var(--text);background:radial-gradient(ellipse at 75% -8%, #80cf871f, transparent 34rem), radial-gradient(ellipse at 0% 54%, #3d826612, transparent 35rem), var(--bg);font-family:var(--sans);min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.grain{z-index:20;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{z-index:-1;filter:blur(110px);pointer-events:none;background:#8bea9714;border-radius:50%;width:35rem;height:35rem;animation:9s ease-in-out infinite alternate breathe;position:fixed;top:16%;right:-17rem}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{scrollbar-width:thin;scrollbar-gutter:stable;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0d0eb8;flex-direction:column;height:100vh;padding:27px 17px 18px;animation:.8s cubic-bezier(.2,.8,.2,1) both slide-in;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar>*{flex:none}.brand{align-items:center;gap:11px;padding:0 10px 38px;display:flex}.brand-mark{color:#0c140a;background:var(--green);width:35px;height:35px;box-shadow:0 0 28px rgba(var(--accent-rgb), .18);border-radius:11px;place-items:center;display:grid}.brand-mark svg{width:20px}.brand-name{font:800 17px var(--display);letter-spacing:-.8px}.brand-name span{color:var(--green)}.workspace{border:1px solid var(--line);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;margin:0 4px 27px;padding:11px;display:flex}.workspace-avatar{color:#171d13;width:30px;height:30px;font:700 11px var(--display);background:linear-gradient(145deg,#efd9a5,#bba06d);border-radius:9px;place-items:center;display:grid}.workspace-copy{flex:1;min-width:0}.workspace-copy strong{font-size:11px;font-weight:600;display:block}.workspace-copy span{color:var(--muted);font-size:10px}.chevron{color:#7c8981;font-size:13px}.nav-label{color:#67736d;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:0 11px 9px}.nav-list{gap:4px;display:grid}.nav-item{color:#8d9992;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:12px;transition:background .25s,color .25s,transform .25s;display:flex;position:relative}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.65px;width:16px;height:16px}.nav-item:hover{color:var(--text);background:#ffffff0b;transform:translate(2px)}.nav-item.active{color:var(--green);background:linear-gradient(90deg, rgba(var(--accent-rgb),.11), rgba(var(--accent-rgb),.025))}.nav-item.active:before{background:var(--green);content:"";border-radius:0 3px 3px 0;width:2px;height:19px;position:absolute;left:-17px}.nav-badge{border:1px solid rgba(var(--accent-rgb),.17);color:var(--green);font:9px var(--mono);border-radius:5px;margin-left:auto;padding:3px 6px}.sidebar-bottom{margin-top:auto}.upgrade-card{border:1px solid rgba(var(--accent-rgb),.16);background:linear-gradient(145deg, rgba(var(--accent-rgb),.1), rgba(var(--accent-rgb),.015));border-radius:13px;margin:0 3px 15px;padding:15px;position:relative;overflow:hidden}.upgrade-card:after{background:rgba(var(--accent-rgb),.12);filter:blur(28px);content:"";border-radius:50%;width:100px;height:100px;position:absolute;bottom:-42px;right:-20px}.upgrade-spark{color:var(--green);font-size:17px}.upgrade-card strong{font:600 12px var(--display);margin:7px 0 4px;display:block}.upgrade-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.upgrade-link{color:var(--green);margin-top:12px;font-size:10px;text-decoration:none;display:inline-block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:13px 8px 0;display:flex}.profile-avatar{color:#e3ebe2;background:linear-gradient(145deg,#66766b,#27342d);border:1px solid #ffffff24;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.profile-copy{flex:1}.profile-copy strong{font-size:11px;font-weight:600;display:block}.profile-copy span{color:var(--muted);font-size:10px}.profile-more{color:#7e8982}main{min-width:0;padding:0 48px 56px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.crumb{color:var(--muted);font-size:11px}.crumb span{color:#47514b;margin:0 8px}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.menu-toggle{flex:none;display:none}.mobile-scrim{display:none}.top-actions{align-items:center;gap:12px;display:flex}.live-pill{color:#a4b0a7;font:10px var(--mono);align-items:center;gap:7px;display:inline-flex}.live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 11px var(--green);border-radius:50%;animation:2s infinite pulse}.icon-button{border:1px solid var(--line);color:#aeb8b0;cursor:pointer;background:#ffffff05;border-radius:10px;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:relative}.icon-button:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--green)}.icon-button svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:15px;height:15px}.notification-dot{border:1px solid var(--bg);background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.page{width:min(100%,1160px);margin:0 auto}.hero{justify-content:space-between;align-items:flex-end;gap:20px;padding:44px 0 28px;animation:.8s 80ms both rise-in;display:flex}.eyebrow{color:#8e9b91;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:13px;display:flex}.eyebrow-mark{width:17px;height:17px;color:var(--green);background:rgba(var(--accent-rgb),.12);border-radius:5px;place-items:center;font-size:10px;display:grid}h1{font:500 clamp(31px, 4vw, 45px)/1.12 var(--display);letter-spacing:-2.4px;margin:0}h1 .gradient-text{color:var(--green);background:linear-gradient(100deg, color-mix(in srgb, var(--green) 65%, white) 5%, var(--green-2) 48%, var(--green) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);margin:10px 0 0;font-size:12px}.hero-sub strong{color:#d3ded4;font-weight:500}.hero-tools{align-items:center;gap:9px;padding-bottom:2px;display:flex}.select-button,.export-button{border:1px solid var(--line);color:#c4cdc5;cursor:pointer;background:#ffffff06;border-radius:9px;align-items:center;gap:8px;height:35px;padding:0 12px;font-size:10px;transition:all .2s;display:inline-flex}.select-button:hover,.export-button:hover{border-color:rgba(var(--accent-rgb),.32)}.export-button{border-color:rgba(var(--accent-rgb),.2);color:#d7edc8;background:rgba(var(--accent-rgb),.08)}.export-button svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:13px;height:13px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:13px;min-height:135px;padding:17px 18px;transition:transform .3s,border-color .3s,background .3s;animation:.7s both rise-in;position:relative;overflow:hidden}.metric-card:first-child{animation-delay:.14s}.metric-card:nth-child(2){animation-delay:.21s}.metric-card:nth-child(3){animation-delay:.28s}.metric-card:nth-child(4){animation-delay:.35s}.metric-card:hover{border-color:rgba(var(--accent-rgb),.22);background:linear-gradient(145deg, rgba(var(--accent-rgb),.055), #ffffff03);transform:translateY(-3px)}.metric-card:after{background:rgba(var(--accent-rgb),.035);filter:blur(24px);content:"";border-radius:50%;width:120px;height:120px;position:absolute;bottom:-72px;right:-35px}.metric-top{color:#9aa69c;justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-icon{border:1px solid var(--line);width:27px;height:27px;color:var(--green);background:rgba(var(--accent-rgb),.055);border-radius:8px;place-items:center;display:grid}.metric-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:13px;height:13px}.metric-value{font:600 25px var(--display);letter-spacing:-1px;margin:17px 0 7px}.metric-bottom{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.change{color:var(--green);font:10px var(--mono)}.metric-note{color:#66716a;font:9px var(--mono);margin-left:auto}.main-grid{grid-template-columns:minmax(0,1.72fr) minmax(245px,.92fr);gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff07,#ffffff02);border-radius:14px;animation:.8s .38s both rise-in}.revenue-panel{min-height:328px;padding:19px 20px 14px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-title{font:600 12px var(--display);margin:0}.panel-subtitle{color:var(--muted);margin:5px 0 0;font-size:9px}.legend{color:#9ba69e;align-items:center;gap:14px;padding-top:2px;font-size:9px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.legend-dot.prev{background:#4a5b50}.chart-wrap{height:219px;margin-top:14px;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 22px}.chart-line{border-top:1px dashed #d8ecdc17;width:100%}.chart-labels-y{color:#67736c;font:8px var(--mono);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:3px;bottom:20px;left:0}.chart-svg{width:calc(100% - 42px);height:calc(100% - 17px);position:absolute;inset:0 4px 17px 38px;overflow:visible}.chart-svg .previous{fill:none;stroke:#536258;stroke-width:1.5px;stroke-dasharray:4 5;opacity:.75}.chart-svg .area{opacity:0;animation:1.2s .75s forwards area-in}.chart-svg .current{fill:none;stroke:var(--green);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.28));animation:2s .5s forwards draw-line}.chart-svg .point{fill:var(--green);stroke:var(--surface);stroke-width:3px;opacity:0;animation:.4s 2s forwards point-in}.chart-x{color:#67736c;font:8px var(--mono);justify-content:space-between;display:flex;position:absolute;bottom:0;left:38px;right:0}.chart-tooltip{z-index:1;border:1px solid rgba(var(--accent-rgb),.17);background:#111713eb;border-radius:8px;padding:8px 10px;animation:4s ease-in-out infinite float;position:absolute;top:25px;left:69%;box-shadow:0 7px 26px #0005}.chart-tooltip span{color:var(--muted);font:8px var(--mono);display:block}.chart-tooltip strong{color:var(--green);font:600 12px var(--display);margin-top:4px;display:block}.side-stack{grid-template-rows:1fr 1fr;gap:14px;display:grid}.insight-panel,.goal-panel{padding:17px 18px}.insight-header{justify-content:space-between;align-items:center;display:flex}.ai-tag{border:1px solid rgba(var(--accent-rgb),.16);color:var(--green);background:rgba(var(--accent-rgb),.05);font:8px var(--mono);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.ai-tag span{font-size:10px}.insight-copy{color:#aab5ac;margin:16px 0 12px;font-size:10px;line-height:1.7}.insight-copy strong{color:#e0e9de;font-weight:500}.insight-footer{border-top:1px solid var(--line);color:#68756c;justify-content:space-between;align-items:center;padding-top:10px;font-size:8px;display:flex}.insight-footer a{color:var(--green);text-decoration:none}.goal-head{justify-content:space-between;align-items:center;display:flex}.goal-content{align-items:center;gap:16px;margin-top:14px;display:flex}.ring{background:conic-gradient(var(--green) 0deg 263deg, #ffffff14 263deg 360deg);border-radius:50%;flex:0 0 66px;place-items:center;width:66px;height:66px;animation:1.4s .6s both ring-in;display:grid;position:relative}.ring:before{content:"";background:#121614;border-radius:50%;position:absolute;inset:5px}.ring strong{z-index:1;font:600 14px var(--display);position:relative}.goal-stats{min-width:0}.goal-stats strong{font:600 15px var(--display);display:block}.goal-stats span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.goal-progress{color:#758178;font:8px var(--mono);justify-content:space-between;margin-top:13px;display:flex}.goal-track{background:#ffffff14;border-radius:4px;height:3px;margin-top:7px;overflow:hidden}.goal-track span{border-radius:inherit;background:linear-gradient(90deg, var(--green-2), var(--green));width:73%;height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb),.28);transform-origin:0;animation:1.2s .4s both grow;display:block}.lower-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.92fr);gap:14px;margin-top:14px;display:grid}.transactions-panel{padding:17px 19px 8px}.table-head{border-bottom:1px solid var(--line);color:#68756d;font:8px var(--mono);letter-spacing:.05em;text-transform:uppercase;grid-template-columns:1.6fr 1fr .8fr .8fr;gap:10px;padding:15px 3px 9px;display:grid}.transaction{border-bottom:1px solid #ffffff0b;grid-template-columns:1.6fr 1fr .8fr .8fr;align-items:center;gap:10px;min-height:45px;font-size:9px;display:grid}.transaction:last-child{border-bottom:0}.customer{align-items:center;gap:8px;min-width:0;display:flex}.customer-avatar{color:#c4e7c1;background:#203229;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.customer strong{color:#d9e1d9;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;display:block;overflow:hidden}.customer span{color:#69756e;margin-top:2px;font-size:8px;display:block}.transaction-type,.transaction-time{color:#89958d}.transaction-amount{color:#dce5dc;font:10px var(--mono);text-align:right}.status{color:#9bd99b;justify-self:start;align-items:center;gap:5px;font-size:8px;display:inline-flex}.status:before{content:"";background:#8ce5a2;border-radius:50%;width:5px;height:5px}.channel-panel{padding:17px 18px}.channel-row{align-items:center;gap:10px;margin-top:15px;display:flex}.channel-icon{border:1px solid var(--line);color:#d7e1d8;width:30px;height:30px;font:600 10px var(--display);background:#ffffff08;border-radius:9px;flex:0 0 30px;place-items:center;display:grid}.channel-copy{flex:1}.channel-copy strong{color:#d7dfd8;font-size:9px;font-weight:500;display:block}.channel-copy span{color:#68746d;margin-top:3px;font-size:8px;display:block}.channel-value{color:#dce5dc;font:9px var(--mono)}.channel-track{background:#ffffff12;border-radius:3px;height:2px;margin-top:8px;overflow:hidden}.channel-track span{border-radius:inherit;background:linear-gradient(90deg, var(--green-2), var(--green));transform-origin:0;height:100%;animation:1.2s .8s both grow;display:block}.toast{z-index:10;border:1px solid rgba(var(--accent-rgb),.25);color:#dcedd5;opacity:0;pointer-events:none;background:#172019;border-radius:9px;padding:10px 14px;font-size:11px;transition:all .3s;position:fixed;bottom:22px;right:25px;transform:translateY(20px);box-shadow:0 10px 35px #0007}.toast.show{opacity:1;transform:translateY(0)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px var(--green)}}@keyframes breathe{to{opacity:.7;transform:translate(-40px,26px)scale(1.13)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes area-in{to{opacity:1}}@keyframes point-in{to{opacity:1}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes ring-in{0%{opacity:.4;transform:rotate(-80deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1100px){main{padding-left:28px;padding-right:28px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid{gap:9px}.metric-card{padding:15px 13px}.metric-value{font-size:22px}}@media (max-width:850px){.app-shell{grid-template-columns:66px minmax(0,1fr)}.sidebar{scrollbar-gutter:auto;align-items:center;padding:20px 8px 14px}.brand{padding:0 0 32px}.brand-name,.workspace-copy,.workspace .chevron,.nav-label,.nav-item span,.upgrade-card,.profile-copy,.profile-more{display:none}.workspace{justify-content:center;width:44px;margin:0 0 22px;padding:7px}.nav-list{gap:7px}.nav-item{justify-content:center;width:44px;height:42px;padding:0}.nav-item.active:before{left:-11px}.profile{justify-content:center;width:100%;padding:13px 0 0}.main-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-rows:auto;grid-template-columns:1fr 1fr}.channel-panel{min-height:190px}}@media (max-width:600px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:60;border-top:0;border-right:1px solid var(--line);scrollbar-gutter:stable;background:#0a0d0ef7;flex-direction:column;justify-content:flex-start;align-items:stretch;width:264px;height:100dvh;padding:22px 17px 18px;transition:transform .32s cubic-bezier(.2,.8,.2,1);animation:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.mobile-open{transform:translate(0);box-shadow:24px 0 60px #00000073}.brand{padding:0 10px 28px;display:flex}.brand-name,.workspace-copy,.workspace .chevron,.nav-label,.nav-item span,.upgrade-card,.profile-copy,.profile-more{display:revert}.workspace{justify-content:flex-start;width:auto;margin:0 4px 22px;padding:11px;display:flex}.sidebar-bottom{display:block}.nav-list{gap:4px;width:auto;display:grid}.nav-item{justify-content:flex-start;width:100%;height:auto;padding:11px 12px}.nav-item.active:before{border-radius:0 3px 3px 0;width:2px;height:19px;top:auto;left:-17px}.nav-more{display:none}.profile{justify-content:flex-start}.menu-toggle{display:grid}.mobile-scrim.show{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060599;display:block;position:fixed;inset:0}main{padding:0 17px 28px}.topbar{height:61px}.hero{flex-direction:column;align-items:flex-start;padding:29px 0 21px}h1{letter-spacing:-1.7px}.hero-tools{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:125px;padding:13px}.metric-value{margin-top:15px;font-size:21px}.main-grid{margin-top:10px}.revenue-panel{padding:16px 13px 12px}.chart-wrap{height:200px}.chart-tooltip{left:62%}.side-stack{grid-template-columns:1fr}.goal-panel{min-height:173px}.lower-grid{margin-top:10px}.transactions-panel{padding:15px 12px 7px}.table-head,.transaction{grid-template-columns:1.5fr .8fr .75fr;gap:6px}.table-head>:nth-child(2),.transaction>:nth-child(2){display:none}.table-head{font-size:7px}.transaction{font-size:8px}.transaction-amount{font-size:9px}.crumb{font-size:10px}.toast{text-align:center;bottom:16px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen-page{padding:41px 0 15px;animation:.55s both rise-in}.screen-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.screen-hero h1{letter-spacing:-1.9px;font-size:clamp(29px,3.5vw,39px)}.screen-hero .hero-sub{max-width:560px;line-height:1.65}.screen-eyebrow{color:var(--green);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.screen-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary-action,.secondary-action,.quiet-action{border:1px solid rgba(var(--accent-rgb),.2);color:#e0eddb;background:rgba(var(--accent-rgb),.09);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 12px;font-size:10px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.primary-action:hover,.secondary-action:hover,.quiet-action:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.14);transform:translateY(-1px)}.secondary-action,.quiet-action{border-color:var(--line);color:#b7c1b9;background:#ffffff06}.quiet-action{min-height:29px;padding:0 9px;font-size:9px}.surface-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:14px;min-width:0;padding:18px}.surface-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.surface-heading h2{font:600 12px var(--display);margin:0}.surface-heading p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.55}.screen-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.screen-stat{border:1px solid var(--line);background:#ffffff05;border-radius:12px;padding:15px}.screen-stat span{color:#96a198;font-size:9px;display:block}.screen-stat strong{font:600 20px var(--display);letter-spacing:-.7px;margin-top:9px;display:block}.screen-stat small{color:var(--green);font:9px var(--mono);margin-top:5px;display:block}.screen-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,.85fr);gap:13px;margin-bottom:13px;display:grid}.screen-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-notice{border:1px solid rgba(var(--accent-rgb),.13);color:#aab9aa;background:rgba(var(--accent-rgb),.045);border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:12px 14px;font-size:9px;line-height:1.6;display:flex}.screen-notice strong{color:#dce8d9;font-weight:500}.notice-mark{color:var(--green);font-size:13px}.field,.select-control{border:1px solid var(--line);color:#dce5dc;width:100%;min-height:35px;font:10px var(--sans);background:#111614;border-radius:8px;outline:none;padding:0 11px}.field::placeholder{color:#6d7971}.field:focus,.select-control:focus{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06)}.field-label{color:#9aa69c;margin-bottom:7px;font-size:9px;display:block}.table-tools{align-items:center;gap:8px;margin:0 0 12px;display:flex}.table-tools .field{max-width:260px}.table-tools .select-control{width:auto;min-width:130px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{border-bottom:1px solid var(--line);color:#718078;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 9px}.data-table td{color:#aab5ac;white-space:nowrap;border-bottom:1px solid #ffffff0b;padding:12px 9px;font-size:9px}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:#e0e8e0;font-weight:500}.data-table .numeric{color:#e0e8e0;font-family:var(--mono);text-align:right}.table-empty{text-align:center;color:#89958d!important;white-space:normal!important;padding:26px 8px!important}.status-pill{border:1px solid rgba(var(--accent-rgb),.12);color:#a9dfa2;background:rgba(var(--accent-rgb),.045);border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.pending{color:#e0c47e;background:#f2c4770a;border-color:#f2c47729}.status-pill.refunded{color:#d8a6a6;background:#caa0a00a;border-color:#caa0a02b}.segmented-control{border:1px solid var(--line);background:#ffffff05;border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.segment-button{color:#8c9990;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:28px;padding:0 10px;font-size:9px}.segment-button.active{color:var(--green);background:rgba(var(--accent-rgb),.09)}.customer-layout{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:13px;display:grid}.customer-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:11px 8px;display:flex}.customer-row:last-child{border-bottom:0}.customer-row:hover,.customer-row.selected{background:rgba(var(--accent-rgb),.045);border-radius:9px}.customer-row .customer{flex:1}.customer-total{color:#dbe5dc;font:9px var(--mono)}.detail-avatar{border:1px solid rgba(var(--accent-rgb),.14);width:42px;height:42px;color:var(--green);background:rgba(var(--accent-rgb),.08);font:600 12px var(--display);border-radius:13px;place-items:center;display:grid}.detail-email{overflow-wrap:anywhere;color:#819087;font-size:9px}.detail-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.detail-metrics div{border:1px solid var(--line);border-radius:9px;padding:10px}.detail-metrics span{color:#859188;font-size:8px;display:block}.detail-metrics strong{color:#e0e8e0;font:600 13px var(--display);margin-top:6px;display:block}.copilot-shell{border:1px solid var(--line);background:#0e1210ad;border-radius:15px;grid-template-columns:minmax(0,1fr) 230px;min-height:490px;display:grid;overflow:hidden}.copilot-main{flex-direction:column;min-width:0;padding:20px;display:flex}.copilot-intro{text-align:center;max-width:520px;margin:34px auto 23px}.copilot-orb{border:1px solid rgba(var(--accent-rgb),.25);width:44px;height:44px;color:var(--green);background:radial-gradient(circle, rgba(var(--accent-rgb),.17), rgba(var(--accent-rgb),.03));box-shadow:0 0 38px rgba(var(--accent-rgb),.09);border-radius:15px;place-items:center;margin:0 auto 15px;font-size:20px;display:grid;position:relative}.copilot-orb:after{border:1px solid rgba(var(--accent-rgb),.1);content:"";border-radius:19px;animation:3s infinite pulse;position:absolute;inset:-5px}.copilot-intro h2{font:500 21px var(--display);letter-spacing:-.7px;margin:0}.copilot-intro p{color:#89958d;margin:8px auto 0;font-size:10px;line-height:1.7}.suggestion-list{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.suggestion-chip{border:1px solid var(--line);color:#acb7ae;cursor:pointer;background:#ffffff06;border-radius:9px;padding:8px 10px;font-size:9px;transition:all .2s}.suggestion-chip:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--green)}.chat-messages{gap:13px;margin-top:auto;padding:12px 0;display:grid}.chat-message{border:1px solid var(--line);color:#bdc8be;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff06;border-radius:12px;max-width:86%;padding:11px 13px;font-size:10px;line-height:1.65}.chat-message.user{border-color:rgba(var(--accent-rgb),.15);color:#e2eddf;background:rgba(var(--accent-rgb),.07);justify-self:end}.generated-card{border:1px solid rgba(var(--accent-rgb),.16);background:linear-gradient(145deg, rgba(var(--accent-rgb),.07), #ffffff04);border-radius:11px;margin-top:10px;padding:13px}.generated-card span{color:var(--green);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.generated-card strong{color:#e1ebdf;font:600 12px var(--display);margin-top:6px;display:block}.generated-card p{color:#9aa69d;margin:5px 0 0;font-size:9px;line-height:1.6}.chat-composer{border:1px solid rgba(var(--accent-rgb),.17);background:#ffffff06;border-radius:12px;align-items:flex-end;gap:8px;padding:8px;display:flex;box-shadow:0 10px 32px #00000021}.chat-composer textarea{resize:vertical;color:#e0e8e0;width:100%;min-height:36px;max-height:110px;font:10px/1.5 var(--sans);background:0 0;border:0;outline:0;padding:8px}.chat-composer textarea::placeholder{color:#718078}.chat-send{color:#14200f;background:var(--green);cursor:pointer;border:0;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.copilot-side{border-left:1px solid var(--line);background:#ffffff03;padding:18px 14px}.copilot-side h3{color:#d4dfd5;font:600 10px var(--display);margin:0 0 13px}.context-item{border-top:1px solid var(--line);padding:11px 0}.context-item span{color:#849188;font-size:8px;display:block}.context-item strong{color:#d8e2d9;font:500 10px var(--display);margin-top:5px;display:block}.demo-note{color:#87948b;background:#ffffff06;border-radius:8px;margin-top:15px;padding:9px;font-size:8px;line-height:1.55}.automation-list,.integration-grid,.settings-layout{gap:11px;display:grid}.automation-row{border:1px solid var(--line);background:#ffffff05;border-radius:12px;align-items:center;gap:13px;padding:14px;display:flex}.automation-symbol{border:1px solid rgba(var(--accent-rgb),.13);width:35px;height:35px;color:var(--green);background:rgba(var(--accent-rgb),.055);border-radius:11px;flex:0 0 35px;place-items:center;font-size:15px;display:grid}.automation-copy{flex:1;min-width:0}.automation-copy strong{color:#dce5dd;font-size:10px;font-weight:500;display:block}.automation-copy span{color:#849087;margin-top:4px;font-size:8px;line-height:1.5;display:block}.automation-meta{color:#829087;font:8px var(--mono);white-space:nowrap;margin-right:7px}.switch{flex:0 0 33px;width:33px;height:19px;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{cursor:pointer;background:#282f2a;border:1px solid #ffffff1f;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch-track:after{content:"";background:#919d93;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.35)}.switch input:checked+.switch-track:after{background:var(--green);transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--green);outline-offset:3px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:157px;padding:15px;transition:all .25s;display:flex}.integration-card:hover{border-color:rgba(var(--accent-rgb),.2);transform:translateY(-2px)}.integration-top{justify-content:space-between;align-items:center;width:100%;display:flex}.integration-logo{border:1px solid var(--line);color:#dce7dc;width:31px;height:31px;font:700 10px var(--display);background:#ffffff09;border-radius:9px;place-items:center;display:grid}.integration-card strong{color:#e0e8e0;font:600 10px var(--display);margin-top:13px;display:block}.integration-card p{color:#839087;flex:1;margin:5px 0 12px;font-size:8px;line-height:1.55}.integration-status{color:#849188;font:8px var(--mono)}.integration-status.connected{color:var(--green)}.integration-card .quiet-action{align-self:stretch}.settings-layout{grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);align-items:start}.settings-stack{gap:12px;display:grid}.setting-row{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-row strong{color:#d5dfd6;font-size:9px;font-weight:500;display:block}.setting-row span{color:#849087;margin-top:4px;font-size:8px;line-height:1.5;display:block}.settings-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-form-grid .full{grid-column:1/-1}.settings-save{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.settings-save span{color:var(--green);font-size:9px}.quick-link{color:#b9c4ba;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;width:100%;padding:12px 0;font-size:9px;display:flex}.quick-link span:last-child{color:var(--green)}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 17px;display:grid}.theme-option{border:1px solid var(--line);color:#bac5bc;text-align:left;cursor:pointer;background:#ffffff05;border-radius:11px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:73px;padding:11px;transition:all .2s;display:flex}.theme-option:hover{border-color:rgba(var(--accent-rgb),.35)}.theme-option.active{border-color:rgba(var(--accent-rgb),.55);color:var(--text);background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.1)}.theme-option-icon{border:1px solid var(--line);width:25px;height:25px;color:var(--green);background:rgba(var(--accent-rgb),.08);border-radius:8px;place-items:center;font-size:13px;display:grid}.theme-option strong{font-size:9px;font-weight:500}.accent-options{flex-wrap:wrap;align-items:center;gap:9px;padding:2px 0 3px;display:flex}.accent-swatch{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;transition:all .2s;display:grid}.accent-swatch:hover{transform:scale(1.09)}.accent-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--swatch)}.accent-swatch span{color:#121612;opacity:0;font-size:12px}.accent-swatch.active span{opacity:1}.custom-accent-label{color:#b7c1b9;cursor:pointer;border:1px dashed #829087;border-radius:50%;place-items:center;width:29px;height:29px;font-size:14px;display:grid;position:relative;overflow:hidden}.custom-accent-label.active{border:2px solid var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--green)}.custom-accent-label input{opacity:0;cursor:pointer;border:0;width:42px;height:42px;padding:0;position:absolute}.appearance-note{color:#849087;margin:9px 0 0;font-size:8px;line-height:1.55}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f2;--surface:#fff;--surface-2:#e9eee9;--line:#2336291f;--text:#1b251e;--muted:#657269;--green:color-mix(in srgb, var(--accent-color) 73%, #152119);--green-2:color-mix(in srgb, var(--accent-glow) 73%, #152119)}html[data-theme=light] body{background:radial-gradient(ellipse at 75% -8%, rgba(var(--accent-rgb), .13), transparent 34rem), radial-gradient(ellipse at 0% 54%, #57886813, transparent 35rem), var(--bg)}html[data-theme=light] .grain{opacity:.045}html[data-theme=light] .ambient{opacity:.35}html[data-theme=light] .sidebar{border-color:var(--line);background:#f9fbf8e8}html[data-theme=light] .workspace,html[data-theme=light] .icon-button,html[data-theme=light] .select-button,html[data-theme=light] .secondary-action,html[data-theme=light] .quiet-action,html[data-theme=light] .theme-option,html[data-theme=light] .screen-stat,html[data-theme=light] .surface-card,html[data-theme=light] .panel,html[data-theme=light] .metric-card,html[data-theme=light] .automation-row,html[data-theme=light] .integration-card,html[data-theme=light] .copilot-shell,html[data-theme=light] .copilot-side,html[data-theme=light] .chat-composer{color:var(--text);background-color:#ffffffc9}html[data-theme=light] .surface-card,html[data-theme=light] .panel,html[data-theme=light] .metric-card,html[data-theme=light] .screen-stat,html[data-theme=light] .automation-row,html[data-theme=light] .integration-card,html[data-theme=light] .copilot-shell{box-shadow:0 5px 22px #25362909}html[data-theme=light] .metric-card:hover,html[data-theme=light] .customer-row:hover,html[data-theme=light] .customer-row.selected{background-color:rgba(var(--accent-rgb),.07)}html[data-theme=light] .nav-item{color:#56645a}html[data-theme=light] .nav-item:hover{color:var(--text);background:#1e32240b}html[data-theme=light] .nav-item.active{color:var(--green);background:rgba(var(--accent-rgb),.11)}html[data-theme=light] .brand-name,html[data-theme=light] .panel-title,html[data-theme=light] .surface-heading h2,html[data-theme=light] .screen-hero h1,html[data-theme=light] .metric-value,html[data-theme=light] .screen-stat strong,html[data-theme=light] .transaction-amount,html[data-theme=light] .customer strong,html[data-theme=light] .channel-copy strong,html[data-theme=light] .goal-stats strong,html[data-theme=light] .copilot-intro h2,html[data-theme=light] .setting-row strong,html[data-theme=light] .automation-copy strong,html[data-theme=light] .integration-card strong,html[data-theme=light] .data-table td strong,html[data-theme=light] .detail-metrics strong{color:var(--text)}html[data-theme=light] .crumb,html[data-theme=light] .hero-sub,html[data-theme=light] .metric-top,html[data-theme=light] .metric-bottom,html[data-theme=light] .metric-note,html[data-theme=light] .panel-subtitle,html[data-theme=light] .screen-stat span,html[data-theme=light] .customer span,html[data-theme=light] .transaction-type,html[data-theme=light] .transaction-time,html[data-theme=light] .channel-copy span,html[data-theme=light] .goal-stats span,html[data-theme=light] .insight-copy,html[data-theme=light] .chat-message,html[data-theme=light] .copilot-intro p,html[data-theme=light] .integration-card p,html[data-theme=light] .setting-row span,html[data-theme=light] .automation-copy span,html[data-theme=light] .data-table td,html[data-theme=light] .detail-email,html[data-theme=light] .demo-note,html[data-theme=light] .table-head,html[data-theme=light] .data-table th{color:#657269}html[data-theme=light] .workspace-copy strong,html[data-theme=light] .profile-copy strong,html[data-theme=light] .transaction-amount,html[data-theme=light] .data-table .numeric,html[data-theme=light] .goal-stats strong{color:#26342a}html[data-theme=light] .chart-grid .chart-line{border-color:#23362926}html[data-theme=light] .chart-labels-y,html[data-theme=light] .chart-x{color:#758178}html[data-theme=light] .chart-svg .previous{stroke:#9aa79d}html[data-theme=light] .chart-svg .point{stroke:#fff}html[data-theme=light] .chart-tooltip{border-color:var(--line);color:var(--text);background:#fffffff5;box-shadow:0 7px 26px #1a2a1e1f}html[data-theme=light] .chart-tooltip span{color:#657269}html[data-theme=light] .table-head,html[data-theme=light] .transaction,html[data-theme=light] .data-table td,html[data-theme=light] .setting-row,html[data-theme=light] .quick-link,html[data-theme=light] .profile{border-color:#2336291a}html[data-theme=light] .field,html[data-theme=light] .select-control{border-color:var(--line);color:var(--text);background:#fff}html[data-theme=light] .field::placeholder,html[data-theme=light] .chat-composer textarea::placeholder{color:#849087}html[data-theme=light] .chat-composer textarea,html[data-theme=light] .chat-message.user{color:var(--text)}html[data-theme=light] .chat-message.user,html[data-theme=light] .generated-card,html[data-theme=light] .screen-notice{color:#435448;background-color:rgba(var(--accent-rgb),.08)}html[data-theme=light] .toast{border-color:var(--line);color:var(--text);background:#fff;box-shadow:0 10px 35px #1a2a1e24}html[data-theme=light] .copilot-side{border-color:var(--line)}html[data-theme=light] .theme-option.active{background:rgba(var(--accent-rgb),.1)}@media (max-width:850px){.screen-grid,.screen-grid.equal,.customer-layout,.settings-layout{grid-template-columns:minmax(0,1fr)}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copilot-shell{grid-template-columns:minmax(0,1fr)}.copilot-side{border-top:1px solid var(--line);border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.copilot-side h3,.demo-note{grid-column:1/-1}.context-item{border-top:0}.screen-grid.thirds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.screen-page{padding-top:28px}.screen-hero{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:17px}.screen-hero h1{letter-spacing:-1.5px;font-size:30px}.screen-actions{width:100%}.screen-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.screen-stat{padding:12px}.screen-stat strong{font-size:18px}.screen-grid.thirds,.integration-grid{grid-template-columns:minmax(0,1fr)}.surface-card{padding:14px}.table-tools{flex-wrap:wrap;align-items:stretch}.table-tools .field{flex:100%;max-width:none}.table-tools .select-control{flex:1}.data-table th,.data-table td{padding-left:7px;padding-right:7px}.automation-row{flex-wrap:wrap;gap:9px}.automation-meta{margin-left:44px}.automation-row .switch{margin-left:auto}.copilot-main{min-height:420px;padding:14px}.copilot-intro{margin-top:25px}.copilot-side{grid-template-columns:minmax(0,1fr)}.copilot-side h3,.demo-note{grid-column:auto}.context-item{border-top:1px solid var(--line)}.settings-form-grid{grid-template-columns:minmax(0,1fr)}.settings-form-grid .full{grid-column:auto}.crumb{text-overflow:ellipsis;white-space:nowrap;max-width:165px;overflow:hidden}}
.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0307059e;animation:.2s both po-fade;position:fixed;inset:0}.drawer{z-index:41;border-left:1px solid var(--line);background:var(--surface);flex-direction:column;width:min(460px,100%);height:100%;animation:.34s cubic-bezier(.2,.8,.2,1) both po-drawer;display:flex;position:fixed;top:0;right:0;box-shadow:-24px 0 60px #00000073}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 14px;display:flex}.drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--line);background:#ffffff03;justify-content:flex-end;align-items:center;gap:9px;padding:14px 20px;display:flex}.modal{z-index:41;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(520px,100% - 32px);animation:.28s cubic-bezier(.2,.8,.2,1) both po-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #00000080}.modal-header{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.modal-body{padding:6px 20px 18px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}@keyframes po-fade{0%{opacity:0}to{opacity:1}}@keyframes po-drawer{0%{opacity:.4;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes po-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.danger-action{color:#e6b4b4;cursor:pointer;background:#ca828212;border:1px solid #ca828247;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 12px;font-size:10px;transition:all .2s;display:inline-flex}.danger-action:hover{background:#ca82821f;border-color:#ca828280}.quiet-action[disabled],.primary-action[disabled],.secondary-action[disabled],.danger-action[disabled]{opacity:.5;cursor:not-allowed;transform:none}.link-btn{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;text-decoration:none;display:inline-flex}.link-btn:hover{text-decoration:underline}.toast-actions{gap:6px;margin-left:12px;display:inline-flex}.toast-action{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .1);color:var(--green);font:inherit;cursor:pointer;border-radius:6px;padding:2px 9px;font-size:10px}textarea.field{resize:vertical;min-height:76px;padding:10px 11px;line-height:1.55}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.form-hint{color:#7c887f;margin-top:6px;font-size:9px;line-height:1.5}.field-label-row{justify-content:space-between;align-items:center;display:flex}.row-actions{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.tag{border:1px solid var(--line);color:#9aa69c;font:8px var(--mono);background:#ffffff05;border-radius:20px;padding:3px 7px}.inline-metric{border:1px solid var(--line);background:#ffffff04;border-radius:10px;flex-direction:column;gap:5px;padding:11px;display:flex}.inline-metric span{color:#859188;font-size:8px}.inline-metric strong{color:#e0e8e0;font:600 14px var(--display)}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:rgba(var(--accent-rgb), .045)}.data-table tr.selected td{background:rgba(var(--accent-rgb), .07)}.skeleton{background:#ffffff0d;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff12,#0000);animation:1.4s infinite po-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes po-shimmer{to{transform:translate(100%)}}.spinner{border:2px solid rgba(var(--accent-rgb), .3);border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite po-spin}@keyframes po-spin{to{transform:rotate(360deg)}}.screen-loading{gap:14px;display:grid}.data-table-wrap::-webkit-scrollbar{width:8px;height:8px}.drawer-body::-webkit-scrollbar{width:8px;height:8px}.chat-messages::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar{width:8px;height:8px}.data-table-wrap::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .16);border-radius:20px}.drawer-body::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .16);border-radius:20px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .16);border-radius:20px}.sidebar::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .16);border-radius:20px}.chat-messages{max-height:340px;overflow-y:auto}.metric-card .change.down{color:#e0a0a0}.dot{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.dot.off{background:#6b7670}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.drawer{border-left:0;width:100%}}.nav-more{display:none}.more-list{flex-direction:column;gap:8px;display:flex}.more-item{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff06;border-radius:13px;align-items:center;gap:12px;padding:14px 15px;font-size:12px;transition:border-color .2s,background .2s;display:flex}.more-item svg{width:18px;height:18px;color:var(--green);flex:0 0 18px}.more-item span{flex:1}.more-item em{font:400 9px var(--mono);color:var(--muted);font-style:normal}.workspace-glyph{color:#e3ebe2;background:linear-gradient(145deg,#66766b,#27342d);border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:grid}.integration-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.shop-input{border:1px solid var(--line);width:100%;min-height:32px;color:var(--text);font:400 11px var(--mono);background:#ffffff08;border-radius:9px;padding:0 10px}.shop-input:focus{border-color:rgba(var(--accent-rgb), .5);outline:none}.sync-hint{color:var(--muted);font:400 9px var(--mono)}.more-item:hover{border-color:rgba(var(--accent-rgb), .4)}.more-item.active{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .08)}.octo-avatar{box-shadow:0 0 0 1px rgba(var(--accent-rgb), .2), 0 0 16px rgba(var(--accent-rgb), .14);border-radius:10px;flex:none;display:inline-grid;position:relative;overflow:hidden}.octo-strip{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;animation:2s steps(8,end) infinite po-octo-strip;position:absolute;top:0;bottom:0;left:0}.octo-avatar[data-run=hello] .octo-strip{background-image:url(/octo-sheet-hello.png);width:800%;animation-duration:2.2s}.octo-avatar[data-run=work] .octo-strip{background-image:url(/octo-sheet-work.png);width:800%;animation-duration:1.6s}.octo-avatar[data-run=play] .octo-strip{background-image:url(/octo-sheet-play.png);width:800%;animation-duration:1.4s}.octo-clip{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.octo-sm{border-radius:5px;width:15px;height:15px}.octo-brand{border-radius:11px;width:35px;height:35px}.octo-lg{border-radius:15px;width:46px;height:46px;animation:4.4s ease-in-out infinite po-octo-bob}.octo-avatar[data-run=work]{animation:1.1s ease-in-out infinite po-octo-bob}.octo-avatar[data-run=play]{animation:.42s ease-in-out infinite po-octo-hop}.octo-avatar.octo-clip-wrap{animation:none}.octo-hero{width:fit-content;margin:0 auto 15px}.ai-tag .octo-sm{margin-right:1px}.nav-item .octo-avatar{width:16px;height:16px}.octo-inline{vertical-align:-3px;margin-right:6px;display:inline-grid}@keyframes po-octo-strip{to{transform:translate(-100%)}}@keyframes po-octo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes po-octo-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-7px)}}@media (max-width:850px){.nav-item .octo-avatar{display:inline-grid}}@media (prefers-reduced-motion:reduce){.octo-avatar,.octo-strip{animation:none}}.auth-shell{--auth-bg:#fcfbfe;--auth-ink:#22202a;--auth-muted:#6c6679;--auth-accent:#7145cf;--auth-accent-hover:#6035b9;--auth-field:#f1eef6;--auth-line:#e2ddea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--auth-bg);min-height:100dvh;color:var(--auth-ink);flex-direction:column;align-items:center;padding:clamp(36px,7vh,76px) 24px 32px;display:flex}.auth-hero{text-align:center;width:100%;max-width:1120px}.auth-portrait{object-fit:cover;border-radius:30px;width:104px;height:104px;margin:0 auto 36px;display:block}.auth-headline{color:var(--auth-ink);font:600 clamp(38px, 5.2vw, 72px)/1.16 var(--display);letter-spacing:-.055em;margin:0}.auth-headline-intro{justify-content:center;align-items:center;gap:.15em;display:flex}.auth-headline-tail{margin-left:-.12em}.auth-avatar{border:1px solid var(--auth-line);background:#dbf7fb;border-radius:50%;flex:0 0 1.13em;width:1.13em;height:1.13em;display:inline-block;position:relative;overflow:hidden}.auth-avatar video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-avatar .auth-video-hidden{visibility:hidden}.auth-feature-stage{min-height:1.5em;color:var(--auth-accent);letter-spacing:-.05em;place-items:center;margin-top:8px;font-size:.88em;display:grid}.auth-feature{animation:.32s ease-out both auth-feature-in;display:block}.auth-feature-controls{justify-content:center;align-items:center;gap:12px;height:44px;margin-top:12px;display:flex}.auth-feature-progress{gap:6px;display:flex}.auth-feature-progress i{background:var(--auth-line);border-radius:3px;width:18px;height:3px;transition:background .18s}.auth-feature-progress i.active{background:var(--auth-accent)}.auth-entry{text-align:center;width:100%;max-width:440px;margin:30px auto 0}.auth-title{color:var(--auth-ink);font:600 19px/1.5 var(--display);letter-spacing:-.5px;margin:0}.auth-hint{color:var(--auth-muted);margin:5px 0 24px;font-size:15px;line-height:1.5}.auth-form{text-align:left;flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field>span:first-child{color:var(--auth-muted);font-size:13px;font-weight:500}.auth-field em{font-style:normal;font-weight:400}.auth-field input{background:var(--auth-field);width:100%;min-width:0;min-height:58px;color:var(--auth-ink);font:400 16px/1.5 var(--sans);border:1px solid #0000;border-radius:16px;padding:16px 20px;transition:border-color .18s,box-shadow .18s}.auth-field input::placeholder{color:var(--auth-muted);opacity:1}.auth-field input:focus{outline:2px solid var(--auth-accent);outline-offset:3px;background:#fff}.auth-password{display:block;position:relative}.auth-password input{padding-right:56px}.auth-password-toggle{width:44px;height:44px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:7px;right:8px}.auth-back{min-height:44px;color:var(--auth-muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:14px;display:flex}.auth-back>span:first-of-type{overflow-wrap:anywhere;min-width:0}.auth-back svg{flex-shrink:0}.auth-back-change{color:var(--auth-accent);margin-left:auto;font-size:13px}.auth-error{color:#9e2540;background:#fff2f4;border:1px solid #ebc3cb;border-radius:12px;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}.auth-submit{background:var(--auth-accent);color:#fff;width:100%;min-height:56px;font:600 16px/1.5 var(--sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:15px 24px;transition:background .18s,transform .18s;display:flex}.auth-submit:hover{background:var(--auth-accent-hover)}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-foot{color:var(--auth-muted);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:6px;margin:12px 0 0;font-size:14px;line-height:1.5;display:flex}.auth-link{min-height:44px;color:var(--auth-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-note{color:var(--auth-muted);margin:20px 0 0;font-size:12px;line-height:1.6}.auth-contact{border-top:1px solid var(--auth-line);text-align:center;color:var(--auth-muted);margin:18px 0 0;padding-top:16px;font-size:12px;font-style:normal;line-height:1.7}.auth-contact a{color:var(--auth-accent);text-decoration:none}.auth-contact a:hover{text-decoration:underline}.auth-shell button:focus-visible{outline:2px solid var(--auth-accent);outline-offset:4px}.auth-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-welcome{border:1px solid var(--auth-line);background:var(--auth-bg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--auth-ink);text-align:center;border-radius:32px;margin:auto;padding:36px 40px;overflow-y:auto;box-shadow:0 32px 100px #20133433}.auth-welcome[open]{animation:.26s ease-out both auth-welcome-in}.auth-welcome::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21163280}.auth-welcome-close{background:var(--auth-field);width:44px;height:44px;color:var(--auth-muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.auth-celebration{aspect-ratio:1;width:min(272px,100%);margin:8px auto 26px;position:relative}.auth-celebration video{object-fit:cover;background:#d8f4f9;border-radius:28px;width:100%;height:100%;display:block}.auth-welcome-eyebrow{color:var(--auth-muted);letter-spacing:1.8px;margin:0 0 12px;font-size:11px;font-weight:600}.auth-welcome h2{font:600 clamp(36px, 5vw, 54px)/1.1 var(--display);letter-spacing:-2px;margin:0}.auth-welcome h2 strong{color:var(--auth-accent);font-weight:700;display:block}.auth-welcome #welcome-description{color:var(--auth-muted);margin:18px 0 26px;font-size:15px;line-height:1.6}.profile-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}@keyframes auth-feature-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-welcome-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.auth-shell{padding:32px 20px 24px}.auth-portrait{border-radius:24px;width:80px;height:80px;margin-bottom:28px}.auth-headline{letter-spacing:-.055em;font-size:clamp(27px,7.5vw,44px)}.auth-feature-stage{min-height:2.7em;margin-top:16px;font-size:1.08em;line-height:1.22}.auth-feature{text-wrap:balance}.auth-feature-controls{margin-top:0}.auth-entry{margin-top:20px}.auth-title{font-size:17px}.auth-welcome{border-radius:24px;padding:44px 24px 24px}.auth-celebration{width:min(220px,100%)}}@media (max-height:520px) and (orientation:landscape){.auth-shell{padding-top:24px}.auth-portrait{border-radius:20px;width:64px;height:64px;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.auth-feature,.auth-welcome[open]{animation:none}.auth-shell *,.auth-shell :before,.auth-shell :after{scroll-behavior:auto;transition:none}}