@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Cormorant:wght@500;600;700&family=Allura&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:9999px;font-weight:600;font-size:15px;padding:13px 24px;transition:transform .25s var(--ease),box-shadow .3s var(--ease),background-color .3s,border-color .3s}.btn svg{width:18px;height:18px}.btn-primary{color:var(--on-grad);position:relative;background:var(--grad-brand);background-size:200% 100%;box-shadow:0 10px 30px -8px rgba(229,25,140,.5)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -8px rgba(122,63,176,.6)}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);backdrop-filter:blur(var(--glass-blur))}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--brand-purple)}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:9px 18px;font-size:14px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.logo-mark{width:46px;height:38px;border-radius:11px;position:relative;display:grid;place-items:center;flex:none;background:var(--bg-2);border:2px solid transparent;background-image:linear-gradient(var(--bg-2),var(--bg-2)),var(--grad-brand);background-origin:border-box;background-clip:padding-box,border-box}.logo-mark span{font-family:Allura,cursive;font-size:33px;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-2px)}.logo-word{display:flex;flex-direction:column;line-height:1}.logo-word b{font-family:Cormorant,serif;font-weight:700;font-size:23px;color:var(--logo-ink);letter-spacing:.01em}.logo-word small{font-size:9px;letter-spacing:.34em;color:var(--text-mut);font-weight:500;margin-top:2px}.acard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;backdrop-filter:blur(var(--glass-blur))}[data-theme=light] .acard{background:#fff;box-shadow:var(--card-shadow)}.sb{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;font-weight:600;font-size:12.5px;padding:4px 10px}.sb svg{width:13px;height:13px}.sb.ok{color:var(--ok);background:rgba(31,169,113,.14)}.sb.err{color:var(--err);background:rgba(224,69,94,.15)}.sb.warn{color:var(--warn);background:rgba(224,162,42,.15)}.sb.info{color:var(--info);background:rgba(46,123,214,.15)}.cat{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;font-weight:500;font-size:12.5px;padding:4px 10px;border-radius:8px}.cat:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c,var(--cat-other))}.cat.cogs{--c:var(--cat-cogs);color:var(--cat-cogs);background:color-mix(in srgb,var(--cat-cogs) 14%,transparent)}.cat.expense{--c:var(--cat-expense);color:var(--cat-expense);background:color-mix(in srgb,var(--cat-expense) 16%,transparent)}.cat.asset{--c:var(--cat-asset);color:var(--cat-asset);background:color-mix(in srgb,var(--cat-asset) 14%,transparent)}.cat.travel{--c:var(--cat-travel);color:var(--cat-travel);background:color-mix(in srgb,var(--cat-travel) 16%,transparent)}.cat.mkt{--c:var(--cat-mkt);color:var(--cat-mkt);background:color-mix(in srgb,var(--cat-mkt) 16%,transparent)}.field{margin-bottom:16px}.field>label{display:block;font-size:13.5px;font-weight:500;margin-bottom:7px;color:var(--text-mut)}.field input:not(.pin-box),.field input[type=tel],.field input[type=text]{width:100%;padding:13px 16px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:15px;transition:border-color .2s}[data-theme=light] .field input:not(.pin-box){background:#f4f7fc}.field input:not(.pin-box):focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 3px rgba(122,63,176,.18)}.pin-row{display:flex;gap:10px;justify-content:space-between}.pin-box{flex:1;aspect-ratio:1/1.12;min-width:0;text-align:center;font-size:22px;font-weight:700;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color .18s,box-shadow .18s;-webkit-text-security:disc}[data-theme=light] .pin-box{background:#f4f7fc}.pin-box.otp{-webkit-text-security:none}.pin-box:focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 3px rgba(122,63,176,.2)}.pin-box.filled{border-color:var(--brand-pink)}.pin-row.small{gap:8px}.pin-row.small .pin-box{aspect-ratio:1/1;font-size:18px}.badge-live{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;font-weight:600;font-size:12px;color:var(--text-mut);background:var(--surface);border:1px solid var(--border);padding:4px 11px 4px 9px}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--ok);position:relative}.dot-live:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);animation:ping2 1.8s ease-out infinite}.switch{width:46px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);position:relative;cursor:pointer;transition:background-color .2s;flex:none}.switch.on{background:var(--grad-brand);border-color:transparent}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.switch.on:after{transform:translateX(20px)}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-weight:400;line-height:1.65;color:var(--text);background:var(--bg);transition:background-color .4s ease,color .4s ease;min-height:100vh}.tnum,body{font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}:root{--brand-pink:#e5198c;--brand-purple:#7a3fb0;--brand-blue:#2e54a6;--grad-brand:linear-gradient(110deg,#e5198c,#9b36a9 38%,#7a3fb0 60%,#2e54a6);--grad-brand-soft:linear-gradient(110deg,#e5198c22,#7a3fb022 50%,#2e54a622);--ok:#1fa971;--err:#e0455e;--warn:#e0a22a;--info:#2e7bd6;--radius:18px;--radius-sm:12px;--radius-lg:28px;--ease:cubic-bezier(.22,.61,.36,1);--cat-cogs:#2e7bd6;--cat-expense:#7a3fb0;--cat-asset:#1fa971;--cat-travel:#e0a22a;--cat-mkt:#e5198c;--cat-other:#6c7997;--topbar-h:66px;--sidebar-w:250px;--bottomnav-h:66px}:root,[data-theme=dark]{--bg:#0c1424;--bg-2:#111a2e;--surface:hsla(0,0%,100%,.045);--surface-2:hsla(0,0%,100%,.07);--surface-solid:#131d33;--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.18);--text:#eaf0fb;--text-mut:#9daac4;--text-dim:#6c7997;--glass-blur:18px;--glow:0 0 0 1px hsla(0,0%,100%,.05),0 18px 50px -12px rgba(122,63,176,.45),0 0 60px -20px rgba(229,25,140,.4);--card-shadow:0 24px 60px -24px rgba(0,0,0,.7);--nav-bg:rgba(12,20,36,.72);--on-grad:#fff;--logo-ink:#fff}[data-theme=light]{--bg:#f4f7fc;--bg-2:#fff;--surface:#fff;--surface-2:#fff;--surface-solid:#fff;--border:rgba(20,33,61,.1);--border-strong:rgba(20,33,61,.16);--text:#18213a;--text-mut:#56617d;--text-dim:#8a93a8;--glass-blur:14px;--glow:0 1px 0 hsla(0,0%,100%,.6) inset,0 18px 44px -16px rgba(46,84,166,.28);--card-shadow:0 16px 40px -20px rgba(46,84,166,.22);--nav-bg:hsla(0,0%,100%,.82);--on-grad:#fff;--logo-ink:#2e54a6}.app-grid{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--bg-2);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;gap:4px}.sidebar .brand{gap:10px;padding:6px 8px 18px}.nav-item,.sidebar .brand{display:flex;align-items:center}.nav-item{gap:13px;padding:11px 14px;border-radius:12px;color:var(--text-mut);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .18s,color .18s;position:relative}.nav-item svg{width:20px;height:20px;flex:none}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--text);background:var(--surface-2)}.nav-item.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--grad-brand)}.nav-item .badge-num{margin-left:auto;background:var(--err);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 6px}.sidebar .spacer{flex:1}.sidebar .si-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:8px}.app-main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);gap:14px;padding:0 clamp(16px,3vw,30px);background:var(--nav-bg);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--border)}.topbar,.topbar .company{display:flex;align-items:center}.topbar .company{font-weight:700;font-size:16px;gap:9px}.crole,.topbar .company .crole{font-size:11px;font-weight:600;color:var(--brand-pink);background:var(--grad-brand-soft);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.topbar .search{flex:1;max-width:380px;position:relative}.topbar .search input{width:100%;padding:10px 14px 10px 40px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px}.topbar .search input:focus{outline:none;border-color:var(--brand-purple)}.topbar .search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-dim)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-mut);cursor:pointer;transition:color .2s,border-color .2s;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--brand-purple)}.icon-btn svg{width:20px;height:20px}.icon-btn .dot-badge{position:absolute;top:7px;right:8px;min-width:16px;height:16px;border-radius:999px;background:var(--err);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg-2)}.theme-btn .ico-sun{display:none}[data-theme=light] .theme-btn .ico-sun{display:block}[data-theme=light] .theme-btn .ico-moon{display:none}.profile{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);cursor:pointer;position:relative}.avatar{width:32px;height:32px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.profile .pname{font-size:13.5px;font-weight:600;line-height:1.1}.profile .prole{font-size:11px;color:var(--text-mut)}.menu-pop{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--card-shadow);padding:8px;z-index:60}.menu-pop .mi{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:14px;color:var(--text);cursor:pointer}.menu-pop .mi:hover{background:var(--surface)}.menu-pop .mi svg{width:17px;height:17px;color:var(--text-mut)}.menu-pop .mi.danger,.menu-pop .mi.danger svg{color:var(--err)}.menu-pop .sep{height:1px;background:var(--border);margin:6px 4px}.content{padding:clamp(18px,3vw,32px);max-width:1280px;width:100%;margin-inline:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-head h1{font-size:clamp(22px,3vw,30px);font-weight:700}.page-head .ph-sub{color:var(--text-mut);font-size:14.5px;margin-top:4px}.bottom-nav{display:none;position:fixed;inset:auto 0 0 0;z-index:50;height:var(--bottomnav-h);background:var(--nav-bg);backdrop-filter:blur(18px);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);font-size:10.5px;font-weight:500;cursor:pointer;background:none;border:none}.bn-item svg{width:22px;height:22px}.bn-item.active{color:var(--brand-pink)}.bn-fab{width:52px;height:52px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;margin-top:-22px;box-shadow:0 8px 24px -6px rgba(229,25,140,.6);border:4px solid var(--bg-2)}.bn-fab svg{width:24px;height:24px}.kpi{position:relative;overflow:hidden}.kpi .kp-top{justify-content:space-between}.kpi .kp-label,.kpi .kp-top{display:flex;align-items:center}.kpi .kp-label{color:var(--text-mut);font-size:13.5px;gap:7px}.kpi .kp-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--grad-brand-soft);border:1px solid var(--border)}.kpi .kp-ic svg{width:18px;height:18px;stroke:url(#ggrad)}.kpi .kp-val{font-size:clamp(26px,3vw,34px);font-weight:700;margin-top:12px;line-height:1}.kpi .kp-val.grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi .kp-trend{font-size:12.5px;font-weight:600;margin-top:9px;display:inline-flex;align-items:center;gap:4px}.kpi .kp-trend.up{color:var(--ok)}.kpi .kp-trend.down{color:var(--err)}.kpi.warn-kpi{border-color:rgba(224,69,94,.4)}.kpi.warn-kpi .kp-ic{background:rgba(224,69,94,.14)}.kpi.warn-kpi .kp-ic svg{stroke:var(--err)}.kpi.warn-kpi .kp-val{color:var(--err)}.alert-bar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius);margin-bottom:20px;background:linear-gradient(100deg,rgba(224,69,94,.16),rgba(224,69,94,.06));border:1px solid rgba(224,69,94,.35)}.alert-bar .ab-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(224,69,94,.2);color:var(--err);flex:none}.alert-bar .ab-ic svg{width:20px;height:20px}.alert-bar .ab-txt{flex:1}.alert-bar .ab-txt b{font-size:15px}.alert-bar .ab-txt p{color:var(--text-mut);font-size:13.5px}.alert-bar.ok-bar{background:linear-gradient(100deg,rgba(31,169,113,.15),rgba(31,169,113,.05));border-color:rgba(31,169,113,.35)}.alert-bar.ok-bar .ab-ic{background:rgba(31,169,113,.2);color:var(--ok)}.sec-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sec-row h2{font-size:17px;font-weight:700}.link,.sec-row a{color:var(--brand-pink);font-size:13.5px;font-weight:600;cursor:pointer}.chart-card{padding:22px}.chart-card h2{font-size:16px;margin-bottom:4px;font-weight:700}.chart-card .csub{color:var(--text-mut);font-size:13px;margin-bottom:16px}.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.legend{flex:1;min-width:160px;flex-direction:column}.legend,.legend .lg{display:flex;gap:10px}.legend .lg{align-items:center;font-size:13.5px}.legend .lg .sw{width:11px;height:11px;border-radius:3px;flex:none}.legend .lg .lg-v{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-mut)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}[data-theme=light] .table-wrap{background:#fff;box-shadow:var(--card-shadow)}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable thead th{background:var(--bg-2);text-align:left;color:var(--text-mut);font-weight:600;font-size:12.5px;padding:13px 16px;white-space:nowrap}.dtable tbody td,.dtable thead th{border-bottom:1px solid var(--border)}.dtable tbody td{padding:14px 16px;vertical-align:middle}.dtable tbody tr{cursor:pointer;transition:background-color .15s}.dtable tbody tr:hover{background:var(--surface-2)}.dtable tbody tr:last-child td{border-bottom:none}.dtable .num{text-align:right;font-variant-numeric:tabular-nums}.dtable tr.flash{animation:rowflash 2s ease}.t-vendor{font-weight:600}.t-sub{color:var(--text-dim);font-size:12.5px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);padding:4px;gap:2px}.seg,.seg button{border-radius:999px}.seg button{padding:7px 15px;font-size:13.5px;font-weight:500;color:var(--text-mut);transition:all .18s;border:none;background:none;cursor:pointer}.seg button.active{background:var(--grad-brand);color:#fff}.fsel{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer}.fsel svg{width:15px;height:15px;color:var(--text-mut)}.fsel select{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:13.5px;cursor:pointer;outline:none}.fsel select option{background:var(--surface-solid);color:var(--text)}.quick{display:inline-flex;gap:6px}.quick button{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--text-mut);border:1px solid var(--border);background:var(--surface);cursor:pointer}.quick button:hover{color:var(--text);border-color:var(--brand-purple)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:44px 24px;text-align:center;background:var(--surface);transition:border-color .2s,background-color .2s;cursor:pointer}.dropzone.drag{border-color:var(--brand-pink);background:var(--grad-brand-soft)}.dropzone .dz-ic{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--grad-brand-soft);border:1px solid var(--border)}.dropzone .dz-ic svg{width:30px;height:30px;stroke:url(#ggrad)}.dropzone h3{font-size:18px;font-weight:700}.dropzone p{color:var(--text-mut);font-size:14px;margin-top:6px}.dz-actions{gap:10px;justify-content:center;flex-wrap:wrap}.dz-actions,.upload-list{display:flex;margin-top:20px}.upload-list{flex-direction:column;gap:12px}.up-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}[data-theme=light] .up-item{background:#fff;box-shadow:var(--card-shadow)}.up-thumb{width:46px;height:46px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex:none;color:var(--text-mut)}.up-thumb svg{width:22px;height:22px}.up-body{flex:1;min-width:0}.up-body .un{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-body .us{font-size:12.5px;color:var(--text-dim);margin-top:2px}.progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:8px}.progress>i{display:block;height:100%;width:0;background:var(--grad-brand);transition:width .25s linear}.up-res{flex:none}.ov{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:minmax(0,1fr);place-items:safe center;background:rgba(5,9,18,.66);backdrop-filter:blur(8px);padding:20px;overflow-y:auto}.viewer{width:100%;max-width:1040px;max-height:92vh;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;box-shadow:var(--card-shadow),var(--glow);position:relative}.viewer .vimg{background:#0a1322;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;min-height:320px}.viewer .vimg .doc-mock{width:100%;max-width:320px;background:#fff;border-radius:8px;padding:22px;color:#1a2030;font-size:11.5px;line-height:1.7;box-shadow:0 20px 50px -16px rgba(0,0,0,.6)}.viewer .vimg .vzoom{position:absolute;bottom:16px;right:16px;display:flex;gap:6px}.viewer .vimg .vzoom button{width:34px;height:34px;border-radius:9px;background:hsla(0,0%,100%,.12);color:#fff;display:grid;place-items:center;border:none;cursor:pointer}.viewer .vside{padding:24px;overflow-y:auto}.viewer .vhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.viewer .vhead h3{font-size:18px;font-weight:700}.kv{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px}.kv:last-of-type{border-bottom:none}.kv .k{color:var(--text-mut);white-space:nowrap}.kv .v{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.fix-box{margin-top:16px;padding:16px;border-radius:14px;background:rgba(224,69,94,.1);border:1px solid rgba(224,69,94,.32)}.fix-box h4{font-size:14px;color:var(--err);display:flex;align-items:center;gap:8px;margin-bottom:8px}.fix-box p{font-size:13.5px;color:var(--text-mut)}.fix-box .steps-fix{margin-top:10px;font-size:13.5px;color:var(--text);display:flex;flex-direction:column;gap:6px}.timeline{margin-top:18px}.tl{display:flex;gap:12px;padding-bottom:16px;position:relative}.tl:before{content:"";position:absolute;left:9px;top:22px;bottom:-2px;width:2px;background:var(--border)}.tl:last-child:before{display:none}.tl .tl-dot{width:20px;height:20px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);flex:none;display:grid;place-items:center;z-index:1}.tl .tl-dot.done{background:var(--ok);border-color:var(--ok)}.tl .tl-dot.done svg{width:11px;height:11px;color:#fff}.tl .tl-c .tt{font-size:13.5px;font-weight:600}.tl .tl-c .ts{font-size:12px;color:var(--text-dim)}.modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--text-mut);border:1px solid var(--border);background:var(--surface);z-index:5;cursor:pointer}.modal-x:hover{color:var(--text)}.mini-stat{padding:18px}.mini-stat .ms-l{font-size:13px;color:var(--text-mut)}.mini-stat .ms-v{font-size:24px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.mini-stat .ms-v.grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gauge-wrap{display:flex;align-items:center;gap:18px}.gauge{width:120px;height:120px;flex:none}.topvendor{flex-direction:column}.topvendor,.tv{display:flex;gap:12px}.tv{align-items:center;font-size:14px}.tv .tv-bar{flex:1;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.tv .tv-bar>i{display:block;height:100%;background:var(--grad-brand);border-radius:999px}.tv .tv-v{font-weight:600;font-variant-numeric:tabular-nums;min-width:92px;text-align:right}.empty{text-align:center;padding:56px 20px;color:var(--text-mut)}.empty .em-ic{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--surface-2)}.empty .em-ic svg{width:28px;height:28px;color:var(--text-dim)}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:300;flex-direction:column}.toast,.toast-wrap{display:flex;gap:10px;align-items:center}.toast{padding:13px 18px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--card-shadow);font-size:14px;font-weight:500;animation:toastIn .3s var(--ease)}.toast svg{width:18px;height:18px}.toast.ok svg{color:var(--ok)}.toast.info svg{color:var(--info)}.toast.err svg{color:var(--err)}.dialog{position:relative;width:100%;max-width:440px;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--card-shadow),var(--glow)}.dialog h3{font-size:20px;margin-bottom:6px;font-weight:700}.dialog .dsub{color:var(--text-mut);font-size:14px;margin-bottom:20px;line-height:1.5}.dialog .dactions{display:flex;gap:10px;margin-top:22px}.dialog .dactions .btn{flex:1}.set-card h3{font-size:16px;margin-bottom:4px;font-weight:700}.set-card .csub{color:var(--text-mut);font-size:13px;margin-bottom:18px}.row-set{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.row-set:last-child{border-bottom:none}.qr-box{width:168px;height:168px;border-radius:14px;background:#fff;padding:12px;margin:0 auto}.staff-av{width:34px;height:34px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none}.bill-summary{grid-template-columns:repeat(5,1fr)}.nfix{border-radius:var(--radius);padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--err)}[data-theme=light] .nfix{background:#fff;box-shadow:var(--card-shadow)}.nfix.done{border-left-color:var(--ok);opacity:.8}.nfix .nf-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nfix .nf-vendor{font-weight:600;font-size:15px}.nfix .nf-id{font-size:12.5px;color:var(--text-dim)}.nfix .nf-reason{font-size:14px;color:var(--text-mut);margin:10px 0}.nfix .nf-fix{font-size:13.5px;background:var(--surface-2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.nfix .nf-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.nmiss{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}[data-theme=light] .nmiss{background:#fff;box-shadow:var(--card-shadow)}.nmiss .nm-ic{width:40px;height:40px;border-radius:50%;background:rgba(224,162,42,.16);color:var(--warn);display:grid;place-items:center;flex:none}.nmiss .nm-ic svg{width:20px;height:20px}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;position:relative;overflow:hidden}.auth:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 20% 12%,rgba(229,25,140,.2),transparent 60%),radial-gradient(ellipse 55% 50% at 85% 20%,rgba(46,84,166,.22),transparent 62%)}[data-theme=light] .auth:before{opacity:.55}.auth-card{position:relative;z-index:1;width:100%;max-width:min(420px,calc(100vw - 40px));background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:38px 32px;box-shadow:var(--card-shadow),var(--glow);box-sizing:border-box}.auth-logo{display:flex;justify-content:center;margin-bottom:18px}.auth-card h1{font-size:24px;text-align:center;font-weight:700}.auth-card .sub{text-align:center;color:var(--text-mut);font-size:14.5px;margin-top:6px;margin-bottom:28px}.phone-wrap{position:relative}.auth-card .row-between{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;margin:18px 0 22px}.auth-card .row-between a{color:var(--brand-pink);font-weight:600;cursor:pointer}.auth-card .muted-foot{text-align:center;margin-top:22px;font-size:13.5px;color:var(--text-mut)}.auth-card .muted-foot a{color:var(--brand-pink);font-weight:600;cursor:pointer}.checkbox{display:flex;align-items:center;gap:8px;color:var(--text-mut);font-weight:400;cursor:pointer;white-space:nowrap}.checkbox input{width:auto}.stepper{justify-content:center;gap:0;margin-bottom:26px}.stepper,.stepper .st{display:flex;align-items:center}.stepper .st{gap:8px}.stepper .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--text-mut);transition:all .25s}.stepper .st.active .dot{background:var(--grad-brand);color:#fff;border-color:transparent}.stepper .st.done .dot{background:var(--ok);color:#fff;border-color:transparent}.stepper .bar{width:34px;height:2px;background:var(--border);margin:0 6px;border-radius:2px}.stepper .st.done+.bar{background:var(--ok)}.resend{text-align:center;font-size:13.5px;color:var(--text-mut);margin-top:16px}.resend b{color:var(--text)}.resend a{color:var(--brand-pink);font-weight:600;cursor:pointer}.resend a.disabled{color:var(--text-dim);pointer-events:none}@keyframes ping2{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes rowflash{0%{background:rgba(31,169,113,.22)}to{background:transparent}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:1100px){.kpi-grid,.rep-summary{grid-template-columns:repeat(2,1fr)!important}.bill-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.app-grid{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{display:flex}.app-main{padding-bottom:var(--bottomnav-h)}.topbar .company .cname-long,.topbar .search{display:none}.viewer{grid-template-columns:1fr;max-height:88vh}.viewer .vimg{min-height:220px}}@media (max-width:680px){.kpi-grid,.rep-summary{grid-template-columns:1fr 1fr!important}.bill-summary{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr!important}.dtable thead{display:none}.dtable,.dtable tbody,.dtable td,.dtable tr{display:block;width:100%}.dtable tbody tr{padding:14px 16px;border-bottom:1px solid var(--border);position:relative}.dtable tbody td{border:none;padding:4px 0;display:flex;justify-content:space-between;gap:12px}.dtable tbody td:before{content:attr(data-l);color:var(--text-mut);font-size:12.5px;font-weight:500}.dtable .num{text-align:right}.profile .pmeta{display:none}.filter-bar{gap:8px}}@media (max-width:480px){.auth{padding:16px}.auth-card{padding:28px 20px}.auth-card .pin-row{gap:7px}.auth-card .pin-box{font-size:19px}}@media (max-width:420px){.kpi-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}:root{--maxw:1200px;--nav-h:74px}:root,[data-theme=dark]{--hero-fade:#0c1424;--mesh-op:.9;--grid-line:hsla(0,0%,100%,.035);--dot-col:hsla(0,0%,100%,.11);--beam:hsla(0,0%,100%,.08);--beam-2:rgba(229,25,140,.11);--grain-op:.10}[data-theme=light]{--hero-fade:#f4f7fc;--mesh-op:.5;--grid-line:rgba(46,84,166,.06);--dot-col:rgba(46,84,166,.18);--beam:rgba(46,84,166,.07);--beam-2:rgba(229,25,140,.06);--grain-op:.04}.lp .wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}.lp .section{padding-block:clamp(64px,9vw,130px);position:relative}.lp .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-pink);background:linear-gradient(90deg,var(--brand-pink),var(--brand-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp .eyebrow:before{content:"";width:26px;height:2px;border-radius:2px;background:var(--grad-brand);-webkit-text-fill-color:initial}.lp .section-head{max-width:680px;margin-bottom:54px}.lp .section-head.center{margin-inline:auto;text-align:center}.lp .section-head.center .eyebrow:before{display:none}.lp h1,.lp h2,.lp h3{line-height:1.12;letter-spacing:-.01em;font-weight:700}.lp h2.title{font-size:clamp(28px,4vw,46px);margin-top:16px}.lp .lead{color:var(--text-mut);font-size:clamp(16px,1.6vw,19px);margin-top:18px}.lp .grad-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lp a{color:inherit;text-decoration:none}.lp ul{list-style:none;margin:0;padding:0}.lp .btn-primary{color:var(--on-grad)}.lp .btn-primary:hover{animation:gradShift 3s linear infinite}@keyframes gradShift{to{background-position:200% 0}}.lp .nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:100;display:flex;align-items:center;background:transparent;transition:background-color .4s,box-shadow .4s,border-color .4s;border-bottom:1px solid transparent}.lp .nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border)}.lp .nav .wrap{justify-content:space-between;gap:24px}.lp .nav .wrap,.lp .nav-links{display:flex;align-items:center}.lp .nav-links{gap:30px}.lp .nav-links a{font-size:15px;color:var(--text-mut);font-weight:500;transition:color .2s;position:relative}.lp .nav-links a:hover{color:var(--text)}.lp .nav-actions{gap:12px}.lp .logo,.lp .nav-actions{display:flex;align-items:center}.lp .logo{gap:11px}.lp .theme-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-mut);transition:transform .4s var(--ease),color .25s,border-color .25s}.lp .theme-btn:hover{color:var(--text);border-color:var(--brand-purple);transform:rotate(20deg)}.lp .theme-btn svg{width:20px;height:20px}.lp .hamburger{display:none;width:42px;height:42px;border-radius:12px;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text)}.lp .hero{position:relative;padding-top:calc(var(--nav-h) + clamp(40px, 7vw, 90px));padding-bottom:clamp(40px,7vw,90px);overflow:hidden}.lp .mesh{position:absolute;inset:-20% -10% auto -10%;height:130%;z-index:0;pointer-events:none;opacity:var(--mesh-op);filter:blur(60px)}.lp .mesh i{position:absolute;border-radius:50%;mix-blend-mode:screen}[data-theme=light] .lp .mesh i{mix-blend-mode:multiply;opacity:.55}.lp .mesh i:first-child{width:50vw;height:50vw;left:-8%;top:0;background:radial-gradient(circle,var(--brand-pink),transparent 65%);animation:float1 18s ease-in-out infinite}.lp .mesh i:nth-child(2){width:44vw;height:44vw;right:-6%;top:6%;background:radial-gradient(circle,var(--brand-blue),transparent 65%);animation:float2 22s ease-in-out infinite}.lp .mesh i:nth-child(3){width:40vw;height:40vw;left:28%;top:24%;background:radial-gradient(circle,var(--brand-purple),transparent 65%);animation:float3 20s ease-in-out infinite}@keyframes float1{50%{transform:translate(8%,10%) scale(1.1)}}@keyframes float2{50%{transform:translate(-10%,12%) scale(1.15)}}@keyframes float3{50%{transform:translate(6%,-10%) scale(.9)}}.lp .hero:after{content:"";inset:auto 0 0 0;height:180px;z-index:1;background:linear-gradient(to top,var(--hero-fade),transparent)}.lp .hero-fx,.lp .hero:after{position:absolute;pointer-events:none}.lp .hero-fx{inset:0;z-index:0}.lp .hero[data-bg=beams] .hero-fx{background:linear-gradient(102deg,transparent 28%,var(--beam) 37%,transparent 45%),linear-gradient(102deg,transparent 50%,var(--beam-2) 60%,transparent 67%),linear-gradient(102deg,transparent 72%,var(--beam) 80%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 90% 85% at 60% 0,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 90% 85% at 60% 0,#000 40%,transparent 80%)}.lp .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center}.lp .hero-copy h1{font-size:clamp(34px,5.2vw,62px);letter-spacing:-.02em}.lp .hero-copy .lead{font-size:clamp(17px,1.8vw,21px);max-width:30ch}.lp .badge-live{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--text-mut);background:var(--surface);border:1px solid var(--border);padding:7px 15px 7px 12px;border-radius:999px;backdrop-filter:blur(var(--glass-blur));margin-bottom:24px}.lp .dot-live{width:9px;height:9px;border-radius:50%;background:var(--ok);position:relative}.lp .dot-live:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--ok);animation:ping 1.8s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}.lp .hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.lp .hero-meta{display:flex;gap:24px;margin-top:30px;color:var(--text-mut);font-size:14px;flex-wrap:wrap}.lp .hero-meta span{display:flex;align-items:center;gap:7px}.lp .hero-meta svg{width:17px;height:17px;color:var(--ok)}.lp .mock{position:relative}.lp .mock-phone{width:270px;margin-inline:auto;border-radius:38px;padding:11px;background:linear-gradient(160deg,#1c2742,#0e1729);border:1px solid var(--border-strong);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),var(--glow)}[data-theme=light] .lp .mock-phone{background:linear-gradient(160deg,#2a3b66,#1c2a4d)}.lp .mock-screen{border-radius:28px;overflow:hidden;background:#0a1322}.lp .line-top{background:#06c755;color:#fff;padding:13px 16px 12px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.lp .line-top .av{width:30px;height:30px;border-radius:50%;background:hsla(0,0%,100%,.25);display:grid;place-items:center;font-size:15px}.lp .line-body{padding:16px 14px 18px;display:flex;flex-direction:column;gap:11px;background:#0e1830;min-height:318px}.lp .bubble{max-width:80%;padding:9px 13px;border-radius:15px;font-size:12.5px;line-height:1.5}.lp .bubble.me{align-self:flex-end;background:#06c755;color:#fff;border-bottom-right-radius:5px}.lp .bubble.bot{align-self:flex-start;background:hsla(0,0%,100%,.08);color:#dfe7f5;border-bottom-left-radius:5px;border:1px solid hsla(0,0%,100%,.06)}.lp .bubble .doc-chip{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.12);border-radius:9px;padding:8px;margin-bottom:6px}.lp .bubble .doc-chip svg{width:18px;height:18px;color:#fff}.lp .bubble .res{display:flex;align-items:center;gap:6px;font-weight:600;margin-top:4px}.lp .bubble .res svg{width:15px;height:15px}.lp .bubble .ok{color:#5be3a7}.lp .mini-row{display:flex;justify-content:space-between;font-size:11px;color:#9fb0cf}.lp .float-card{position:absolute;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:16px;padding:14px 16px;box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur))}[data-theme=dark] .lp .float-card{background:rgba(19,29,51,.85)}.lp .float-card .fc-label{font-size:11.5px;color:var(--text-mut);display:flex;align-items:center;gap:6px}.lp .float-card .fc-val{font-size:24px;font-weight:700;margin-top:3px}.lp .fc-up{color:var(--ok);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.lp .float-a{top:6%;left:-6%;animation:bob 6s ease-in-out infinite}.lp .float-b{bottom:14%;right:-8%;animation:bob 6s ease-in-out .8s infinite}.lp .float-c{bottom:-2%;left:4%;animation:bob 7s ease-in-out .4s infinite}@keyframes bob{50%{transform:translateY(-12px)}}.lp .spark{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:8px}.lp .spark i{width:5px;border-radius:3px;background:var(--grad-brand);opacity:.85}.lp .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.lp .stat{background:var(--bg);padding:34px 28px;text-align:center;transition:background .3s}[data-theme=dark] .lp .stat{background:var(--bg-2)}.lp .stat:hover{background:var(--surface-2)}.lp .stat .num{font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp .stat .lbl{color:var(--text-mut);margin-top:10px;font-size:14.5px}.lp .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;backdrop-filter:blur(var(--glass-blur));transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;position:relative;overflow:hidden}[data-theme=light] .lp .card{box-shadow:var(--card-shadow)}.lp .card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--glow)}.lp .card .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:var(--grad-brand-soft);border:1px solid var(--border);color:var(--brand-pink)}.lp .card .ico svg{width:26px;height:26px;stroke:url(#ggrad)}.lp .card h3{font-size:19px;margin-bottom:9px}.lp .card p{color:var(--text-mut);font-size:15px}.lp .grid-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp .ps-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch}.lp .ps-col{border-radius:var(--radius);padding:30px;border:1px solid var(--border)}.lp .ps-col.before{background:var(--surface)}.lp .ps-col.after{background:var(--grad-brand-soft);border-color:rgba(122,63,176,.35)}.lp .ps-col h3{font-size:18px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.lp .ps-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.lp .ps-tag.old{background:rgba(224,69,94,.15);color:var(--err)}.lp .ps-tag.new{background:rgba(31,169,113,.15);color:var(--ok)}.lp .ps-li{display:flex;gap:11px;padding:11px 0;border-top:1px solid var(--border);color:var(--text-mut);font-size:15px;align-items:flex-start}.lp .ps-li:first-of-type{border-top:none}.lp .ps-li svg{width:19px;height:19px;flex:none;margin-top:2px}.lp .ps-li.bad svg{color:var(--err)}.lp .ps-li.good svg{color:var(--ok)}.lp .ps-li.good{color:var(--text)}.lp .ps-arrow{display:grid;place-items:center;color:var(--brand-purple)}.lp .ps-arrow svg{width:34px;height:34px}.lp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.lp .steps:before{content:"";position:absolute;top:33px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--brand-pink),var(--brand-purple),var(--brand-blue));opacity:.4}.lp .step{text-align:center;position:relative}.lp .step .num-c{width:66px;height:66px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;font-size:24px;font-weight:700;color:var(--on-grad);background:var(--grad-brand);box-shadow:0 12px 30px -8px rgba(122,63,176,.6);position:relative;z-index:1;border:4px solid var(--bg)}.lp .step h3{font-size:17px;margin-bottom:8px}.lp .step p{color:var(--text-mut);font-size:14.5px}.lp .doc-chips{display:flex;flex-wrap:wrap;gap:12px}.lp .doc-chip-lg{display:flex;align-items:center;gap:11px;padding:14px 20px;border-radius:14px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);font-weight:500;font-size:15px;transition:border-color .25s,transform .25s}.lp .doc-chip-lg:hover{border-color:var(--brand-purple);transform:translateY(-3px)}.lp .doc-chip-lg svg{width:20px;height:20px;color:var(--brand-purple)}.lp .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.lp .price{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;backdrop-filter:blur(var(--glass-blur));transition:transform .35s var(--ease)}[data-theme=light] .lp .price{box-shadow:var(--card-shadow)}.lp .price.pop{border:1px solid transparent;background-image:linear-gradient(var(--bg-2),var(--bg-2)),var(--grad-brand);background-origin:border-box;background-clip:padding-box,border-box;position:relative;transform:scale(1.03)}[data-theme=light] .lp .price.pop{background-image:linear-gradient(#fff,#fff),var(--grad-brand)}.lp .price.pop:hover,.lp .price:hover{transform:translateY(-6px)}.lp .price.pop:hover{transform:translateY(-6px) scale(1.03)}.lp .price .ptag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad-brand);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:999px}.lp .price h3{font-size:20px}.lp .price .pdesc{color:var(--text-mut);font-size:14px;margin:6px 0 20px}.lp .price .amt{font-size:42px;font-weight:700;line-height:1}.lp .price .amt small{font-size:15px;font-weight:500;color:var(--text-mut)}.lp .price ul{margin:22px 0 26px;display:flex;flex-direction:column;gap:12px}.lp .price li{display:flex;gap:10px;font-size:14.5px;color:var(--text-mut);align-items:flex-start}.lp .price li svg{width:18px;height:18px;color:var(--ok);flex:none;margin-top:2px}.lp .price .btn{margin-top:auto;width:100%}.lp .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp .post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .35s var(--ease),border-color .3s}[data-theme=light] .lp .post{box-shadow:var(--card-shadow)}.lp .post:hover{transform:translateY(-6px);border-color:var(--border-strong)}.lp .post-img{height:160px;background:var(--grad-brand);position:relative;overflow:hidden}.lp .post-img.v2{background:linear-gradient(135deg,#2e54a6,#7a3fb0)}.lp .post-img.v3{background:linear-gradient(135deg,#e5198c,#7a3fb0)}.lp .post-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,hsla(0,0%,100%,.25),transparent 50%)}.lp .post-body{padding:22px}.lp .post-cat{font-size:12px;font-weight:600;color:var(--brand-pink);letter-spacing:.04em}.lp .post h3{font-size:17.5px;margin:9px 0;line-height:1.35}.lp .post p{color:var(--text-mut);font-size:14px}.lp .post .post-meta{margin-top:14px;font-size:13px;color:var(--text-dim);display:flex;gap:14px}.lp .faq-list{max-width:800px;margin-inline:auto}.lp .faq-item{border-bottom:1px solid var(--border)}.lp .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;text-align:left;font-size:17px;font-weight:600}.lp .faq-q .pm{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid var(--border);transition:background .3s,transform .3s;color:var(--brand-purple)}.lp .faq-q .pm svg{width:16px;height:16px}.lp .faq-item.open .faq-q .pm{background:var(--grad-brand);color:#fff;transform:rotate(135deg);border-color:transparent}.lp .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.lp .faq-a p{padding:0 4px 22px;color:var(--text-mut);font-size:15.5px;max-width:90%}.lp .cta-band{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:clamp(44px,6vw,76px);background:var(--grad-brand);background-size:220% 220%;animation:ctaShift 12s ease infinite;text-align:center;color:#fff}@keyframes ctaShift{50%{background-position:100% 100%}}.lp .cta-band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,hsla(0,0%,100%,.25),transparent 45%)}.lp .cta-band>*{position:relative;z-index:1}.lp .cta-band h2{font-size:clamp(28px,4vw,44px);color:#fff}.lp .cta-band p{color:hsla(0,0%,100%,.9);margin:16px auto 30px;max-width:50ch;font-size:18px}.lp .cta-band .btn-primary{background:#fff;color:var(--brand-purple);box-shadow:0 14px 40px -10px rgba(0,0,0,.4)}.lp .cta-band .btn-primary:hover{animation:none}.lp .cta-band .btn-ghost{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.4);color:#fff}.lp .footer{border-top:1px solid var(--border);padding-top:64px;padding-bottom:36px;background:var(--bg-2)}.lp .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.lp .foot-brand p{color:var(--text-mut);font-size:14.5px;margin:18px 0;max-width:34ch}.lp .foot-col h4{font-size:14px;letter-spacing:.04em;margin-bottom:16px}.lp .foot-col a{display:block;color:var(--text-mut);font-size:14.5px;padding:6px 0;transition:color .2s}.lp .foot-col a:hover{color:var(--text)}.lp .foot-info{color:var(--text-mut);font-size:14px;line-height:1.9}.lp .foot-info b{color:var(--text);font-weight:600}.lp .foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-dim);font-size:13.5px}.lp .foot-bottom .socials{display:flex;gap:12px}.lp .foot-bottom .socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border)}.lp .foot-bottom .socials svg{width:17px;height:17px}.lp .reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){html.lp-anim .lp .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}html.lp-anim .lp .reveal.in{opacity:1;transform:none}html.lp-anim .lp .reveal.d1{transition-delay:.08s}html.lp-anim .lp .reveal.d2{transition-delay:.16s}html.lp-anim .lp .reveal.d3{transition-delay:.24s}html.lp-anim .lp .reveal.d4{transition-delay:.32s}}.lp .m-menu{position:fixed;inset:var(--nav-h) 0 auto 0;z-index:99;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:18px 20px 26px;transform:translateY(-110%);transition:transform .4s var(--ease)}.lp .m-menu.open{transform:none}.lp .m-menu a{display:block;padding:14px 8px;font-size:17px;font-weight:500;border-bottom:1px solid var(--border);color:var(--text)}.lp .m-menu .btn{width:100%;margin-top:18px}@media (max-width:1000px){.lp .hero .wrap{grid-template-columns:1fr}.lp .hero-copy{text-align:center}.lp .hero-copy .lead{margin-inline:auto}.lp .hero-cta,.lp .hero-meta{justify-content:center}.lp .mock{margin-top:30px}.lp .blog-grid,.lp .grid-feats,.lp .price-grid{grid-template-columns:repeat(2,1fr)}.lp .foot-grid{grid-template-columns:1fr 1fr;gap:32px}.lp .ps-grid{grid-template-columns:1fr}.lp .ps-arrow{transform:rotate(90deg)}.lp .steps{grid-template-columns:repeat(2,1fr);gap:36px}.lp .steps:before{display:none}}@media (max-width:1024px){.lp .nav-links{display:none}.lp .hamburger{display:grid}.lp .nav-actions .btn-ghost{display:none}}@media (max-width:720px){.lp .stats{grid-template-columns:1fr 1fr}.lp .blog-grid,.lp .grid-feats,.lp .price-grid{grid-template-columns:1fr}.lp .price.pop{transform:none}.lp .price.pop:hover{transform:translateY(-6px)}.lp .foot-grid{grid-template-columns:1fr}.lp .float-card{display:none}.lp .mock-phone{width:240px}.lp .section-head{margin-bottom:38px}.lp .logo-word small{display:none}}