.publish-checkbox[data-v-1868e4b2]{display:flex;align-items:center;gap:9px;font-size:12px}.publish-checkbox input[data-v-1868e4b2]{width:17px;height:17px;margin:0;accent-color:#008d76}.row-content a[data-v-1868e4b2]{display:inline-flex;gap:4px;align-items:center;margin-top:5px}.marketing{--ink:#0b2f6b;--green:#008d76;--mint:#00b894;--soft:#ecf7f2;--copy:#687e8d;background:#fff;color:var(--ink);font-size:15px;overflow:clip}.marketing h1,.marketing h2,.marketing h3{letter-spacing:-.6px}.marketing a:focus-visible,.marketing button:focus-visible{outline:3px solid #00b89480;outline-offset:5px}.site-wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{max-width:1280px;margin:auto;min-height:106px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.site-brand img{width:43px;height:43px;object-fit:contain}.site-brand span{display:flex;flex-direction:column}.site-brand b{font-size:22px;font-weight:900;letter-spacing:-1px;line-height:1.3}.site-brand small{font-size:11px;color:var(--green);font-weight:700;margin-top:3px}.site-header nav{display:flex;gap:25px;font-size:12px;color:#647a89;font-weight:600}.site-header nav a:hover,.site-header nav .active{color:var(--green)}.site-header-actions{display:flex;align-items:center;gap:20px}.site-login{font-size:12px;font-weight:700}.site-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 22px;background:#0b2f6b;color:#fff;border-radius:11px;font-size:13px;font-weight:750;min-height:54px;transition:transform .2s,background .2s;box-shadow:0 8px 24px #0b2f6b14}.site-button:hover{background:#16447f;transform:translateY(-2px)}.site-button.small{padding:12px 17px;min-height:42px;font-size:11px;gap:7px}.site-button.light{background:#fff;color:#0b2f6b}.site-text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:750;color:var(--green);line-height:2}.site-text-link:hover{color:#075d53}.menu-toggle{display:none}.site-kicker{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:0;color:var(--green);line-height:1.9}.site-kicker i{width:6px;height:6px;border-radius:50%;background:var(--mint)}.site-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:65px;padding-bottom:80px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:55px;line-height:1.7;font-weight:900;letter-spacing:-1.8px;margin:16px 0 18px}.hero-copy h1>span,.blog-heading h1>span{color:var(--green)}.hero-description{font-size:14px;color:var(--copy);line-height:2.4;max-width:490px}.hero-description strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-footnote{display:flex;align-items:center;gap:6px;color:#879a9e;font-size:10px;margin-top:18px}.hero-footnote svg{color:var(--green)}.hero-footnote svg:nth-of-type(2){margin-right:14px}.hero-platforms{display:flex;align-items:center;gap:15px;margin-top:40px;font-size:10px;color:#94a4ac}.hero-platforms i{height:13px;width:1px;background:#d8e2e6}.hero-stage{position:relative;max-width:510px;padding:33px 28px 25px 25px}.stage-orbit{position:absolute;width:490px;height:490px;border-radius:50%;background:#eff8f3;left:-15px;top:35px;z-index:0}.stage-orbit:after{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;border:1px dashed #a6d9c866;border-radius:50%}.hero-mini-label{position:relative;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;margin:0 26px 13px;color:#5c8c84}.hero-mini-label img{width:24px;height:24px;object-fit:contain}.preview-window{position:relative;z-index:1;background:#fff;border:1px solid #e3ebee;border-radius:18px;box-shadow:0 28px 65px #0b2f6b16;overflow:hidden;transform:rotate(-2deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;background:#f9fbfc;border-bottom:1px solid #edf2f5;padding:17px 23px;font-size:10px}.preview-top>div{display:flex;align-items:center;gap:7px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#00b894}.preview-dots{letter-spacing:3px;color:#a1b1bc}.preview-greeting{padding:23px 23px 17px}.preview-greeting>small{font-size:8px;color:#91a2ad}.preview-greeting h3{font-size:17px;margin:8px 0 5px}.preview-greeting>span{font-size:9px;color:#8ca1ad}.preview-stats{display:grid;grid-template-columns:.75fr 1.25fr;gap:11px;padding:0 23px}.preview-stats>div{position:relative;border:1px solid #e7eff0;border-radius:11px;padding:15px 13px;background:#fcfefd}.preview-stats svg{position:absolute;left:12px;top:13px;color:#79b9aa}.preview-stats small{display:block;color:#8aa0ae;font-size:8px;margin:0 0 12px}.preview-stats strong{font-size:18px;color:#008a75}.preview-stats em{font-size:7px;font-style:normal}.preview-section{display:flex;align-items:center;justify-content:space-between;padding:24px 23px 7px;font-size:10px}.preview-section>span{display:flex;align-items:center;gap:4px;color:#009579;font-size:8px}.preview-session{display:flex;align-items:center;gap:9px;margin:0 23px;border-bottom:1px solid #edf2f5;padding:16px 0}.preview-icon{width:34px;height:34px;display:grid;place-items:center;background:#e7f6ef;color:#009b84;border-radius:10px}.preview-icon.lavender{background:#eff0fa;color:#7f82bd}.preview-session>div{flex:1}.preview-session b{font-size:10px;display:block}.preview-session small{font-size:8px;color:#9aabb4;display:block;margin-top:6px}.preview-tag{background:#e1f7ed;color:#008c73;font-size:8px;font-weight:700;padding:5px 7px;border-radius:6px;white-space:nowrap}.preview-tag.pale{background:#edf3f7;color:#6f91a8}.preview-add{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 23px;background:#0b2f6b;color:#fff;padding:12px;border-radius:9px;font-size:10px;font-weight:700}.preview-add span{font-size:17px}.preview-bottom{display:flex;justify-content:space-around;padding:13px 15px 16px;border-top:1px solid #edf3f6;font-size:8px;color:#96a8b5}.preview-bottom span:first-child{color:#008b72;font-weight:700}.hero-receipt-float{position:absolute;bottom:60px;left:-22px;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dcebe6;box-shadow:0 12px 30px #0b2f6b12;border-radius:12px;padding:16px 18px;transform:rotate(2deg)}.hero-receipt-float>span{display:grid;place-items:center;width:35px;height:35px;color:#00997c;background:#e7f8ef;border-radius:50%}.hero-receipt-float b{display:block;font-size:11px}.hero-receipt-float small{display:block;font-size:8px;color:#90a39f;margin-top:5px}.hero-receipt-float>i{font-size:7px;align-self:flex-start;font-style:normal;color:#9bada7}.stage-caption{position:relative;text-align:center;font-size:8px;color:#93a7a3;margin-top:17px}.site-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:27px 0;border-top:1px solid #edf1f2;border-bottom:1px solid #edf1f2}.site-benefits>div{display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;font-weight:600;color:#748a96}.site-benefits svg{color:#00a185}.site-section{padding-top:100px;padding-bottom:100px}.section-heading h2{font-size:36px;line-height:1.8;font-weight:850;letter-spacing:-1px;margin:13px 0 17px}.section-heading>p{font-size:13px;line-height:2.4;color:var(--copy);max-width:470px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.how-steps article{display:flex;gap:18px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #eaf0f0}.how-steps article:last-child{border-bottom:0}.step-number{font-size:21px;font-weight:800;color:#a3cabc;min-width:32px}.how-steps h3{font-size:16px;margin:3px 0 8px}.how-steps p{font-size:11px;color:var(--copy);line-height:2.2}.how-steps svg{color:#b0c8c1;flex-shrink:0;margin-top:8px}.role-section{background:#f5f9f7;padding:75px 0 80px;border-block:1px solid #edf3f0}.section-heading.centered{text-align:center}.centered .site-kicker{justify-content:center}.centered p{margin:auto;max-width:580px}.role-tabs{display:flex;justify-content:center;gap:8px;margin:32px 0}.role-tabs button{display:flex;align-items:center;gap:9px;padding:13px 24px;border-radius:25px;font-size:12px;border:1px solid #e0eae5;background:#fff;color:#8a9c98}.role-tabs button.active{color:#00785e;border-color:#8fd7bd;background:#e0f6eb;font-weight:750}.role-panel{background:#fff;border:1px solid #e6ede9;border-radius:21px;padding:45px 55px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;max-width:1000px;margin:auto;box-shadow:0 8px 30px #0b2f6b03}.role-eyebrow{font-size:10px;color:#7e9c8f}.role-panel-copy h3{font-size:24px;line-height:1.9;margin:12px 0 18px}.role-panel-copy ul{padding:0;list-style:none;margin:0 0 25px;display:flex;flex-direction:column;gap:14px}.role-panel-copy li{display:flex;align-items:center;gap:9px;color:#7a8e96;font-size:11px}.role-panel-copy li svg{width:16px;height:16px;color:#00a483}.role-visual{border:1px solid #e6eeeb;border-radius:14px;padding:22px;min-height:290px;background:#fcfefd;box-shadow:0 15px 30px #0b2f6b08}.role-visual-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;font-size:11px}.role-visual-title>span{font-size:8px;color:#9dadab}.role-task{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #eaf1ef}.role-task>div{flex:1}.role-task b{font-size:10px;display:block}.role-task small{display:block;font-size:8px;color:#99aca5;margin-top:5px;line-height:1.9}.role-task>svg{color:#9dbdb0}.task-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.task-icon svg{width:18px}.peach{color:#b47a41;background:#fff1dd}.mint{color:#00a487;background:#e5f7ef}.mini-chart{height:65px;display:flex;gap:14px;align-items:flex-end;padding:0 10px;margin:15px 0 9px}.mini-chart i{flex:1;background:#b4e9d3;border-radius:4px 4px 0 0}.mini-chart i:nth-child(6){background:#00a888}.role-visual>p{font-size:8px;color:#a3b4ac;text-align:center}.mini-membership>b{font-size:12px;display:block;margin-bottom:12px}.mini-membership>small{display:block;font-size:10px;color:#8ba59a;margin:17px 0}.mini-membership>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eaf2ee;font-size:10px}.mini-membership>div>span{color:#91a59c}.mini-membership>div>strong{color:#008b70;font-size:11px}.mini-membership>a{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;margin-top:20px;background:#0b2f6b;color:#fff;border-radius:8px;font-size:10px}.mini-days{display:flex;gap:9px;margin-bottom:10px}.mini-days>span{flex:1;text-align:center;background:#f0f6f3;border-radius:6px;padding:7px 0;font-size:9px;color:#8da89a}.mini-days .active{background:#009979;color:#fff}.tiny-avatar{width:33px;height:33px;border-radius:50%;background:#e9f5ee;color:#009579;display:grid;place-items:center}.attendance-mark{color:#009979;background:#e2f5eb;width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.attendance-mark.unmarked{background:#f0f4f2;color:#b6c5bd}.receipt-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.receipt-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.receipt-visual:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#f1f7f4;left:0;top:30px}.receipt-paper{width:270px;position:relative;background:#fff;border:1px solid #e7eeea;border-radius:12px;padding:35px 28px;box-shadow:0 22px 50px #0b2f6b12;text-align:center;transform:rotate(5deg)}.receipt-demo-label{font-size:8px;color:#b1bfb7;margin-bottom:23px}.receipt-paper>svg{color:#00a684}.receipt-paper h3{font-size:13px;margin:14px 0 25px}.receipt-paper>small{display:block;font-size:9px;color:#a5b5ad}.receipt-paper>strong{display:block;font-size:27px;margin:8px 0 22px}.receipt-rule{border-top:1px dashed #d4e5dc;margin-bottom:20px}.receipt-paper>div:not(.receipt-demo-label,.receipt-rule,.receipt-scan){display:flex;justify-content:space-between;font-size:9px;margin-bottom:13px}.receipt-paper>div>span{color:#9bac9f}.receipt-paper>p{margin:30px 0 0;font-size:9px;color:#8ea699}.receipt-scan{position:absolute;top:160px;left:15px;right:15px;height:2px;background:#00b894;box-shadow:0 0 16px #00b89470;animation:scan-receipt 5s ease-in-out infinite;opacity:.6}.ocr-extraction{position:absolute;bottom:34px;left:-6px;z-index:2;width:240px;border:1px solid #bee6d3;border-radius:12px;box-shadow:0 15px 35px #0b2f6b10;background:#fff;padding:18px 20px;transform:rotate(-3deg)}.ocr-extraction>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#008d71;margin-bottom:16px}.ocr-extraction>div{padding:10px 0;border-top:1px solid #edf4f0}.ocr-extraction small{display:block;font-size:8px;color:#9bafa2;margin-bottom:5px}.ocr-extraction b{display:flex;align-items:center;justify-content:space-between;font-size:12px}.ocr-extraction b>svg{color:#00a684}.ocr-extraction>p{background:#eef9f3;color:#6b9c83;padding:8px;font-size:8px;text-align:center;border-radius:5px;margin-top:8px}.receipt-principle{display:flex;gap:12px;align-items:flex-start;background:#f2f8f5;border-radius:12px;padding:18px;margin:24px 0}.receipt-principle>svg{color:#00a283;margin-top:4px}.receipt-principle b{display:block;font-size:12px;margin-bottom:6px}.receipt-principle span{display:block;font-size:10px;line-height:2.1;color:#849b8c}.messenger-section{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:90px;background:#f3f7fc;border:1px solid #e8eff5;border-radius:24px;padding:55px 65px}.messenger-section h2{font-size:29px;line-height:1.9;margin:12px 0 18px}.messenger-section>div>p{font-size:12px;line-height:2.4;color:#7c8fa3;margin-bottom:24px}.chat-preview{background:#fff;border:1px solid #e2eaf1;border-radius:15px;overflow:hidden;box-shadow:0 15px 30px #0b2f6b07;padding-bottom:20px}.chat-header{display:flex;align-items:center;gap:10px;padding:18px;background:#fcfdff;border-bottom:1px solid #eaf0f5}.chat-header>span:first-child{width:35px;height:35px;background:#e2f6ed;border-radius:50%;color:#009c80;display:grid;place-items:center}.chat-header b{display:block;font-size:12px}.chat-header small{display:block;font-size:8px;color:#95a8b8;margin-top:3px}.chat-badge{margin-right:auto;font-size:8px;color:#7993ab}.chat-bubble{font-size:10px;line-height:2.2;padding:12px 15px;margin:16px 17px 8px;border-radius:9px;max-width:88%}.chat-bubble.bot{background:#f0f5fb;color:#67839e}.chat-bubble.member{background:#e0f5eb;color:#00866e;margin-right:auto}.chat-keyboard{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 17px 10px}.chat-keyboard>span{padding:8px;background:#eaf3fc;color:#7896b0;font-size:8px;text-align:center;border-radius:5px}.chat-send{display:flex;justify-content:center;gap:9px;align-items:center;font-size:9px;margin:10px 17px 0;padding:10px;background:#0b2f6b;border-radius:7px;color:#fff}.horizontal{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.horizontal h2{margin-bottom:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:#fff;border:1px solid #e6eeeb;border-radius:15px;overflow:hidden;display:block;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0b2f6b09}.post-cover{height:170px;background:#ecf7f0;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;color:#209d80}.post-cover>span{font-size:13px;font-weight:750;position:relative;z-index:1}.post-cover>svg{position:relative;z-index:1;stroke-width:1.3}.post-cover>i{position:absolute;width:170px;height:170px;border-radius:50%;background:#d9f0e2;left:-45px;bottom:-70px}.cover-1{background:#edf1fa;color:#657eae}.cover-1>i{background:#e0e7f5}.cover-2{background:#fff4e9;color:#b89361}.cover-2>i{background:#f8e8d5}.post-content{padding:23px}.post-content>small{font-size:9px;color:#8fa69a}.post-content h3,.post-content h2{font-size:15px;line-height:2;margin:10px 0 12px;min-height:60px}.post-content p{font-size:11px;line-height:2.3;color:#94a49b}.post-content>span{display:flex;align-items:center;gap:7px;color:#008e73;font-size:10px;font-weight:700;margin-top:23px}.faq-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px;padding-top:10px}.faq-list>article{border-bottom:1px solid #e8efeb}.faq-list button{width:100%;display:flex;justify-content:space-between;text-align:right;gap:25px;padding:22px 0;font-size:12px;font-weight:700;line-height:2}.faq-list svg{color:#9aafa3;transition:transform .2s}.faq-list .open svg{transform:rotate(180deg);color:#008c73}.faq-list p{font-size:11px;color:#7f9389;line-height:2.4;padding-bottom:22px}.final-cta{background:#0b2f6b;border-radius:22px;padding:42px 50px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:30px}.final-cta>div,.final-cta>a{position:relative;z-index:2}.final-cta span{font-size:10px;color:#b8d2e0}.final-cta h2{font-size:26px;line-height:1.9;margin:8px 0 11px}.final-cta p{font-size:11px;color:#a9c4d5}.final-cta>img{position:absolute;width:280px;height:280px;left:90px;top:-30px;opacity:.1;transform:rotate(10deg)}.site-footer{padding-top:65px;padding-bottom:23px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:60px;padding-bottom:40px}.footer-top>div>p{font-size:11px;line-height:2.3;color:#96a79e;margin-top:17px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;padding-top:7px;align-content:start;font-size:11px;color:#789489}.footer-links>a{display:flex;align-items:center;gap:7px}.footer-note{display:flex;gap:12px;align-items:flex-start;color:#7bab94}.footer-note p{font-size:10px;line-height:2.3;color:#98a89f}.footer-bottom{border-top:1px solid #eaf0ec;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9baaa3;gap:20px}.footer-bottom>a{display:flex;align-items:center;gap:5px}.blog-main{padding:55px 0 85px;min-height:70vh}.blog-heading{margin-bottom:40px}.blog-heading h1{font-size:43px;line-height:1.9;font-weight:850;margin:13px 0 15px}.blog-heading>p{font-size:13px;color:#8b9f94;line-height:2.3}.blog-controls{margin-bottom:30px}.blog-search{display:flex;align-items:center;gap:8px;border:1px solid #dfeae4;border-radius:10px;padding:0 15px;max-width:380px;background:#fff;color:#9fb5a8}.blog-search input{border:0;box-shadow:none!important;margin:0;font-size:12px}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.blog-categories button{border-radius:20px;border:1px solid #e0ebe4;padding:8px 15px;color:#95a79b;font-size:10px}.blog-categories .active{background:#e3f6ec;color:#00876a;border-color:#a1d9bd}.blog-main .post-grid{row-gap:30px}.blog-empty{font-size:13px;color:#90a499;text-align:center;padding:55px 20px;line-height:2.5}.blog-empty h2{font-size:23px;margin-bottom:20px}.article{max-width:780px;margin:0 auto}.article-meta{display:flex;align-items:center;gap:12px;margin:35px 0 15px;font-size:10px;color:#93a79a}.article-meta i{width:3px;height:3px;background:#b3c4b7;border-radius:50%}.article h1{font-size:36px;line-height:1.9;font-weight:850}.article-lead{font-size:15px;line-height:2.5;color:#8ba08f;margin:22px 0 30px}.article-cover{background:#edf7f1;min-height:240px;display:flex;align-items:center;justify-content:center;gap:40px;color:#079c7e;border-radius:18px;margin:30px 0 45px}.article-cover svg{stroke-width:1.2}.article-cover span{font-size:23px;font-weight:800;letter-spacing:-.5px;direction:ltr}.article-body p{font-size:14px;line-height:2.7;color:#647f70;margin-bottom:24px}.article-body h2{font-size:23px;line-height:2;margin:40px 0 15px}.article-body ul{padding-right:23px;margin:20px 0 30px;color:#698373;font-size:14px;line-height:2.7}.article-demo{background:#f4f9f6;border:1px solid #dcebe2;border-radius:15px;padding:30px;margin-top:45px}.article-demo h3{font-size:18px;line-height:2}.article-demo p{font-size:12px;line-height:2.4;color:#8ba492;margin:12px 0 20px}.site-error{color:#b77b6a;font-size:12px;margin-top:20px}@keyframes scan-receipt{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(140px);opacity:.7}}.demo-toolbar{position:sticky;top:0;height:48px;z-index:40;background:#0b2f6b;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 18px;font-size:11px}.demo-toolbar>strong{font-size:11px}.demo-toolbar>span{font-size:9px;color:#b8d5e4}.demo-toolbar select{width:115px;padding:4px 8px;border-color:#477492;background:#153e73;color:#fff;font-size:10px;margin:0}.demo-toolbar button,.demo-toolbar>a{display:flex;align-items:center;gap:5px;font-size:10px;color:#d4e9f0}.demo-mode .sidebar{top:48px;height:calc(100dvh - 48px)}.demo-mode .topbar{top:48px}.demo-mode .content{min-height:calc(100dvh - 139px)}.tour-spotlight{position:fixed;z-index:43;border:2px solid #00b894;border-radius:13px;box-shadow:0 0 0 9999px #071f3c60;pointer-events:none;transition:top .25s,left .25s,width .25s,height .25s}.tour-card{position:fixed;z-index:45;bottom:25px;left:30px;width:360px;padding:22px;border:1px solid #d5e9df;background:#fff;box-shadow:0 18px 65px #0b2f6b30;border-radius:17px}.tour-counter{font-size:10px;color:#7c9a89}.tour-card .icon-button{width:27px;height:27px}.tour-card h3{font-size:16px;margin:15px 0 10px;color:#0b2f6b}.tour-card p{font-size:12px;line-height:2.1;color:#779081}.tour-progress{display:flex;gap:5px;margin:18px 0}.tour-progress i{height:3px;flex:1;border-radius:3px;background:#e4eee8}.tour-progress i.done{background:#00b894}.tour-card .primary{background:#0b2f6b;font-size:11px;min-height:38px;padding:9px 14px}.tour-card .text-button{display:flex;align-items:center;gap:6px;color:#71947f}#seo-content{max-width:900px;margin:30px auto;padding:20px;color:#0b2f6b;font-family:Vazirmatn,Tahoma,sans-serif;line-height:2.5}@media(max-width:1100px){.site-wrap{width:calc(100% - 60px)}.site-header{padding:20px 30px;gap:15px}.site-header nav{gap:18px;font-size:11px}.site-header-actions{gap:13px}.hero-copy h1{font-size:45px}.hero-actions{gap:14px}.site-hero{gap:20px;padding-top:40px}.hero-stage{padding:28px 15px}.stage-orbit{width:410px;height:410px;left:-15px}.hero-receipt-float{left:-7px;bottom:65px;padding:12px}.preview-stats strong{font-size:15px}.how-section,.receipt-section{gap:50px}.role-panel{padding:35px;gap:40px}.messenger-section{padding:40px;gap:40px}.faq-section{gap:50px}.section-heading h2{font-size:31px}.footer-top{gap:30px}.site-benefits{gap:10px}.site-benefits>div{font-size:10px;gap:7px}}@media(max-width:760px){.site-wrap{width:calc(100% - 40px)}.site-header{padding:17px 20px;min-height:83px;gap:12px;position:relative;z-index:10;background:#fff}.site-brand{gap:6px}.site-brand img{width:34px;height:34px}.site-brand b{font-size:18px}.site-brand small{font-size:9px}.site-header-actions{gap:12px;margin-right:auto}.site-login{font-size:10px}.site-header-actions>.site-button{display:none}.menu-toggle{display:grid;place-items:center;width:30px;height:30px;color:#567268}.site-header nav{display:none;position:absolute;top:75px;left:15px;right:15px;border:1px solid #e0ede4;background:#fff;box-shadow:0 12px 25px #0b2f6b0d;border-radius:12px;padding:20px;z-index:12}.site-header nav.open{display:flex;flex-direction:column;gap:18px;font-size:12px}.site-hero{display:flex;flex-direction:column;gap:20px;padding:30px 0 35px}.hero-copy{width:100%}.site-kicker{font-size:9px}.hero-copy h1{font-size:36px;letter-spacing:-1px;line-height:1.8;margin:16px 0}.hero-description{font-size:12px;line-height:2.4;max-width:none}.hero-actions{gap:20px;margin-top:24px}.site-button{font-size:11px;min-height:49px;padding:14px 17px;gap:9px}.site-text-link{font-size:10px;gap:6px}.hero-footnote{font-size:8px;margin-top:14px}.hero-footnote svg{width:13px}.hero-platforms{font-size:9px;margin-top:25px;gap:13px}.hero-stage{width:100%;max-width:420px;padding:30px 18px 20px;min-width:0}.stage-orbit{width:100%;height:auto;aspect-ratio:1;top:50px;left:0}.hero-mini-label{font-size:8px;margin-right:14px;margin-bottom:12px}.preview-window{transform:rotate(-1.5deg);border-radius:15px}.preview-top{padding:14px 17px;font-size:8px}.preview-greeting{padding:18px 17px 15px}.preview-greeting h3{font-size:15px}.preview-stats{padding:0 17px;gap:9px}.preview-stats>div{padding:13px 10px}.preview-stats svg{width:14px;height:14px;left:9px;top:10px}.preview-stats small{font-size:7px}.preview-stats strong{font-size:15px}.preview-stats em{font-size:6px}.preview-section{padding:20px 17px 5px;font-size:9px}.preview-session{margin:0 17px;padding:14px 0;gap:7px}.preview-session b{font-size:9px}.preview-session small{font-size:7px}.preview-icon{width:30px;height:30px;border-radius:8px}.preview-icon svg{width:17px}.preview-tag{font-size:7px}.preview-add{margin:17px;font-size:9px;padding:10px}.preview-bottom{font-size:7px;padding:12px}.hero-receipt-float{left:0;bottom:47px;gap:8px;padding:12px;border-radius:10px}.hero-receipt-float b{font-size:9px}.hero-receipt-float small{font-size:7px}.hero-receipt-float>span{width:28px;height:28px}.hero-receipt-float>span svg{width:18px}.stage-caption{font-size:7px;margin-top:20px}.site-benefits{grid-template-columns:1fr 1fr;gap:23px 12px;padding:24px 0}.site-benefits>div{font-size:9px;justify-content:flex-start;gap:8px}.site-benefits svg{width:18px}.site-section{padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:27px;line-height:1.85;margin:10px 0 15px}.section-heading>p{font-size:11px;line-height:2.4}.how-section{display:block}.how-steps{margin-top:20px}.how-steps article{padding:20px 0;gap:13px}.step-number{font-size:19px;min-width:28px}.how-steps h3{font-size:14px}.how-steps p{font-size:10px}.how-steps svg{width:21px}.role-section{padding:50px 0}.centered p{max-width:350px}.role-tabs{gap:6px;margin:24px 0}.role-tabs button{padding:10px 13px;gap:6px;font-size:10px}.role-tabs svg{width:15px;height:15px}.role-panel{display:flex;flex-direction:column;padding:23px;gap:24px;border-radius:15px;align-items:stretch}.role-panel-copy h3{font-size:20px;margin:10px 0 17px}.role-eyebrow{font-size:9px}.role-panel-copy li{font-size:10px;line-height:1.9}.role-panel-copy ul{gap:12px;margin-bottom:20px}.role-visual{min-height:250px;padding:19px}.receipt-section{display:flex;flex-direction:column-reverse;gap:24px}.receipt-visual{width:100%;min-height:420px}.receipt-visual:before{width:310px;height:310px;left:calc(50% - 155px);top:55px}.receipt-paper{width:250px;padding:26px 24px}.receipt-paper>strong{font-size:25px}.ocr-extraction{width:215px;left:0;bottom:4px;padding:16px}.receipt-principle{padding:15px;gap:10px;margin:20px 0}.receipt-principle b{font-size:11px}.receipt-principle span{font-size:9px}.messenger-section{display:flex;flex-direction:column;padding:27px 22px;gap:30px;border-radius:17px;align-items:stretch}.messenger-section h2{font-size:24px}.messenger-section>div>p{font-size:11px}.chat-preview{width:100%;max-width:390px;margin:auto}.horizontal{gap:15px;margin-bottom:24px;align-items:flex-start}.horizontal h2{font-size:24px}.horizontal>.site-text-link{white-space:nowrap;font-size:9px;margin-top:25px}.post-grid{grid-template-columns:1fr;gap:20px}.post-cover{height:150px}.post-cover>span{font-size:14px}.post-content{padding:22px}.post-content h3,.post-content h2{font-size:16px;min-height:0;line-height:2}.post-content p{font-size:11px}.post-content>small{font-size:9px}.post-content>span{margin-top:17px;font-size:10px}.faq-section{display:block;padding-top:5px}.faq-list{margin-top:23px}.faq-list button{font-size:11px;padding:20px 0;gap:15px}.faq-list p{font-size:10px}.final-cta{padding:27px 24px;flex-direction:column;align-items:flex-start;gap:22px;border-radius:16px}.final-cta h2{font-size:23px;margin:10px 0}.final-cta>div>span{font-size:9px}.final-cta p{font-size:10px;line-height:2}.final-cta>img{left:-70px;top:40px;width:230px;height:230px}.site-footer{padding-top:45px;padding-bottom:25px}.footer-top{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:27px}.footer-top>div:first-child{width:100%}.footer-top>div>p{font-size:10px}.footer-links{grid-template-columns:1fr 1fr;gap:18px;width:100%;font-size:11px}.footer-note{margin-top:0}.footer-note p{font-size:9px}.footer-note svg{width:18px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:8px}.footer-bottom>a{margin-right:auto}.blog-main{padding:30px 0 50px}.blog-heading h1{font-size:31px;line-height:1.9}.blog-heading>p{font-size:11px}.blog-heading{margin-bottom:25px}.blog-categories{gap:6px}.blog-categories button{font-size:9px;padding:7px 11px}.blog-search input{font-size:11px}.article h1{font-size:27px;line-height:1.9}.article-meta{gap:8px;font-size:8px;margin-top:28px}.article-lead{font-size:12px;line-height:2.5}.article-cover{min-height:190px;gap:25px;margin:25px 0 30px}.article-cover svg{width:60px}.article-cover span{font-size:17px}.article-body p,.article-body ul{font-size:12px;line-height:2.7}.article-body h2{font-size:20px;margin:30px 0 13px}.article-demo{padding:23px}.article-demo h3{font-size:16px}.article-demo p{font-size:11px}.demo-toolbar{gap:9px;padding:7px 10px;font-size:9px}.demo-toolbar>strong{font-size:9px}.demo-toolbar>span{display:none}.demo-toolbar select{width:100px;font-size:9px}.demo-toolbar button,.demo-toolbar>a{font-size:9px;gap:4px}.demo-mode .topbar{top:48px}.demo-mode .content{min-height:calc(100dvh - 126px)}.tour-card{left:15px;right:15px;bottom:88px;width:auto;padding:18px;max-width:420px;margin:auto}.tour-card h3{font-size:15px;margin:11px 0 8px}.tour-card p{font-size:11px;line-height:2}.tour-counter{font-size:9px}.tour-progress{margin:14px 0}.tour-card .primary{min-height:37px;font-size:10px}.tour-card .text-button{font-size:10px}}@media(prefers-reduced-motion:reduce){.marketing *,.tour-spotlight{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.hero-description,.section-heading>p,.messenger-section>div>p,.post-content p,.faq-list p,.how-steps p{font-size:13px}.site-button,.faq-list button,.footer-links{font-size:13px}.role-panel-copy li,.site-text-link{font-size:12px}.article-body p,.article-body ul{font-size:15px;line-height:2.4}.article-lead{font-size:14px}.tour-card p{font-size:12px}.footer-note p,.receipt-principle span{font-size:11px}}.choice-row{display:flex!important;align-items:center;gap:10px;margin:16px 0}.choice-row input{width:18px;height:18px;margin:0;accent-color:#008d76}.report-filter{padding:20px}.report-filter form{display:flex;gap:12px;align-items:end}.report-filter label{flex:1;margin:0}.report-chart{height:230px;display:flex;align-items:end;gap:5px;padding:22px;overflow:auto}.report-bar{flex:1;min-width:8px;height:170px;display:flex;align-items:end;position:relative}.report-bar i{display:block;width:100%;background:#00b894;border-radius:4px 4px 0 0;min-height:2px}.report-bar i.negative{background:#e7797c}.report-bar small{position:absolute;bottom:-15px;white-space:nowrap;font-size:7px;transform:rotate(-65deg);transform-origin:right}.notification-body{white-space:pre-line}.demo-login-note{font-size:12px;line-height:2.1;text-align:center;margin-bottom:20px}.demo-login-note bdi{font-weight:800;color:#0b2f6b}@media(max-width:760px){.report-filter form{flex-wrap:wrap}.report-filter label{min-width:120px}.report-filter button{width:100%}.report-chart{padding:18px;gap:3px}.demo-toolbar{gap:7px}.demo-toolbar select{width:94px}}.demo-login-note{display:block!important}.report-filter>.chips{display:flex;gap:8px;flex-wrap:nowrap}.report-filter>.chips>button{flex:1;width:auto}.financial-dashboard .section-title h2{font-size:22px}@media(max-width:760px){.financial-dashboard .section-title h2{font-size:20px}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#12314e;background:#f4f8fa;font-synthesis:none;font-size:14px;--teal:#079b99;--navy:#0b2945;--muted:#899caf;--border:#e4edf3;--red:#ed5b73;--shadow:0 3px 14px #16334d05}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.55;cursor:wait}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:18px;font-weight:800}h2{font-size:23px;font-weight:800}h3{font-size:15px;font-weight:800}small,.small{font-size:11px}strong{font-weight:750}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #099c9970;outline-offset:3px}.muted{color:var(--muted)}.teal-text{color:var(--teal)}.red-text{color:var(--red)!important}.spaced{margin-top:18px}.full{width:100%;justify-content:center}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;color:var(--muted);margin-bottom:8px}.live-dot{width:6px;height:6px;background:#0ba5a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #0ba5a00d}.primary,.secondary,.outline-danger{min-height:45px;padding:11px 16px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;transition:background .15s}.primary{background:linear-gradient(110deg,#079f9f,#078a8b);color:#fff;box-shadow:0 4px 10px #079b991c}.primary:hover{background:#078889}.secondary{color:#0b9996;background:#e5f4f3}.secondary:hover{background:#d5efec}.outline-danger{border:1px solid #f4c6ce;color:var(--red);background:#fff}.text-button,.section-title>button{font-size:11px;font-weight:650;color:var(--teal);padding:4px}.icon-button{width:37px;height:37px;border-radius:50%;border:1px solid var(--border);color:#7a96aa;display:flex;align-items:center;justify-content:center;background:#f9fcfd}.icon-button:hover{background:#eef5f6}.badge{background:#e2f6ef;color:#0b9c85;font-size:10px;font-weight:750;padding:5px 8px;border-radius:7px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.badge.amber,.notice.amber{background:#fff3dd;color:#ba852e}.badge.danger,.notice.danger{background:#ffedf0;color:#de5b72}.badge.neutral,.row-icon.neutral{background:#eef3f7;color:#8ba0b4}.button-badge{cursor:pointer;border:1px solid #b7e8dc;padding:7px 12px}.notice{display:flex;align-items:center;gap:9px;padding:13px 15px;border-radius:9px;font-size:11px;line-height:1.9}.notice svg{flex-shrink:0}.notice.subtle{background:#eaf5fb;color:#6194ad}.shell{min-height:100dvh}.sidebar{width:236px;height:100dvh;position:fixed;right:0;top:0;background:#fff;border-left:1px solid var(--border);padding:32px 22px 0;display:flex;flex-direction:column;z-index:20}.side-brand{padding:0 10px 22px}.side-brand img{width:155px;height:64px;object-fit:contain}.side-caption{color:var(--muted);font-size:10px;border-top:1px solid var(--border);padding:20px 10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button,.side-extra button{display:flex;align-items:center;gap:12px;text-align:right;padding:13px 15px;border-radius:10px;color:#7e94a7;font-size:13px}.sidebar nav button.active{color:var(--teal);background:#e9f7f5;font-weight:750}.side-extra{border-top:1px solid var(--border);margin-top:24px;padding-top:20px;display:flex;flex-direction:column;gap:2px}.side-extra button{font-size:12px}.side-bottom{margin-top:auto;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:20px 0}.side-bottom strong{font-size:11px}.side-bottom small{display:block;color:var(--muted);font-size:10px}.side-bottom .icon-button{margin-right:auto;border:0}.avatar{width:39px;height:39px;background:#e8f5f4;border:1px solid #d5ebe8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:19px;font-weight:750;flex-shrink:0}.avatar.large{width:68px;height:68px;border-radius:20px;font-size:30px;margin:0 auto 12px}.main-area{margin-right:236px}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:15}.top-title{display:flex;align-items:center;gap:10px}.top-title p{color:var(--muted);font-size:10px;margin-top:3px}.mobile-mark{display:none}.top-actions{display:flex;align-items:center;gap:12px}.connection{font-size:10px;color:var(--muted);margin-left:10px;display:flex;align-items:center;gap:7px}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;right:7px;top:7px;background:var(--teal);border:1px solid white;border-radius:50%}.content{max-width:1120px;margin:auto;padding:32px 42px 50px}.welcome{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.welcome h2{font-size:24px;line-height:1.7}.welcome>.badge{margin-top:28px}.welcome .muted{font-size:11px;margin-top:5px}.wave{font-size:21px;margin-right:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats.two{grid-template-columns:repeat(2,1fr)}.stat{background:#fff;border:1px solid var(--border);border-radius:13px;padding:20px;position:relative;box-shadow:var(--shadow);text-align:right}.stat-icon{position:absolute;left:17px;top:19px;color:#1ba7a5;background:#edf7f8;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px}.stat-icon.blue{color:#6795e1;background:#edf3ff}.stat.red .stat-icon{color:var(--red);background:#fff0f2}.stat p{font-size:11px;color:var(--muted);margin-bottom:13px}.stat strong{color:var(--teal);font-size:24px;display:block;white-space:nowrap}.stat.red strong{color:var(--red)}.stat strong em{font-size:10px;font-style:normal;font-weight:500}.stat small{color:var(--muted);display:block;margin-top:8px;font-size:10px}.quick-actions{display:flex;gap:10px}.quick-actions>*{flex:1;justify-content:center}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:9px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 12px}.card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:0 17px;box-shadow:var(--shadow);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;padding:20px 0;border-bottom:1px solid #edf2f6;min-height:78px}.list-row:last-child{border-bottom:0}.row-icon{width:39px;height:39px;border-radius:11px;background:#edf7f8;color:#20a5b0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-icon.amber{background:#fff3db;color:#d79a38}.row-icon.pink{background:#ffedf1;color:#ec647c}.row-content{flex:1;min-width:0}.row-content strong{font-size:12px}.row-content small{display:block;color:#94a5b8;font-size:10px;line-height:1.9;margin-top:3px}.row-content small.teal-text{color:var(--teal)}.clickable:hover{background:#f8fcfc}.row-end{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.row-end small{font-size:9px}.search-box{background:#fff;border:1px solid var(--border);border-radius:11px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#9caec0}.search-box input{border:0!important;box-shadow:none!important;background:none!important;margin:0!important}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 20px}.chips button{font-size:11px;border:1px solid var(--border);border-radius:24px;background:#fff;padding:8px 14px;color:#94a6b9}.chips button.selected{background:#dbf5f0;color:#0e9e98;border-color:#b6e9df;font-weight:800}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:0 0 26px}.day-strip button{border-radius:10px;background:#fff;border:1px solid var(--border);padding:12px 3px;display:flex;flex-direction:column;gap:7px}.day-strip span{font-size:10px;color:#97a8bb}.day-strip strong{font-size:16px}.day-strip .selected{background:var(--teal);color:#fff;border-color:var(--teal)}.day-strip .selected span{color:#b8e5e1}.selected-row{background:#f9fdfd}.attendance-buttons{display:flex;gap:7px}.attendance-buttons button{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;color:#98acbb;display:flex;align-items:center;justify-content:center}.attendance-buttons button.on{color:var(--teal);background:#e1f5ef;border-color:#bde7dc}.attendance-buttons button.absent{color:var(--red);background:#ffebef;border-color:#ffd5de}.empty{text-align:center;padding:40px 12px;color:#94a7b8;line-height:2;font-size:12px}.empty svg{margin-bottom:9px;color:#9abbbf}.empty h3,.empty h2{color:var(--navy);margin-bottom:6px}.empty .text-button{margin-top:8px}.empty .badge{margin-top:14px}.membership-card{background:linear-gradient(110deg,#fcfffe,#f5fffc);border:1px solid #bee7e2;border-radius:13px;padding:20px;margin:18px 0}.membership-card .section-title{margin:0 0 17px}.progress{height:6px;background:#dfecee;border-radius:8px;overflow:hidden;margin:12px 0}.progress i{height:100%;background:var(--teal);display:block;border-radius:8px}.invoice-row{border-bottom:1px solid #edf2f6}.invoice-row:last-child{border-bottom:0}.invoice-row .list-row{border:0}.invoice-actions{display:flex;gap:10px;align-items:center;padding:0 50px 17px}.small-button{min-height:32px;padding:7px 12px;font-size:10px}.wallet-hero{border-radius:15px;padding:25px;color:#fff;background:linear-gradient(120deg,#0b3654,#058984);min-height:180px;position:relative;overflow:hidden}.wallet-hero:after{content:"";width:210px;height:210px;border-radius:50%;border:34px solid #ffffff05;position:absolute;left:-70px;top:-90px}.wallet-hero p{color:#b5dcdf;font-size:11px;line-height:2}.wallet-hero strong{font-size:32px;display:block;margin:15px 0}.wallet-hero strong small{font-size:12px}.claim-card{padding:20px;margin-top:17px}.receipt-preview{margin:18px 0;background:#f1f5f8;border:1px dashed #d2dfe8;border-radius:10px;padding:20px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.receipt-preview strong{display:block;font-size:20px;margin:8px}.receipt-preview svg{color:#b6c8d2}.receipt-preview img{max-width:100%;max-height:260px;object-fit:contain}.announcement{padding:20px;display:flex;gap:13px;margin-bottom:12px}.announcement h3{font-size:13px}.announcement p{font-size:12px;line-height:2;color:#668097;margin:10px 0}.announcement small{font-size:10px}.chart{padding:25px 18px 16px;display:flex;gap:14px;direction:ltr;height:225px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;gap:9px;justify-content:flex-end}.chart-col>span{font-size:9px;color:#7e96aa;white-space:nowrap}.bar-track{flex:1;display:flex;align-items:flex-end;width:55%;min-height:90px}.bar-track i{width:100%;background:linear-gradient(#28b6b6,#078f92);border-radius:5px 5px 0 0;min-height:3px}.chart-col>small{color:#98aabc;font-size:10px}.account-card{padding:20px;display:flex;align-items:center;gap:12px}.account-card strong{font-size:14px}.account-card p{margin-top:5px}.version{text-align:center;color:#a2b1bf;font-size:10px;margin:30px 0}.profile-hero{text-align:center;padding:26px}.profile-hero p{font-size:11px;margin:10px 0}.back-link{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:11px;margin-bottom:18px}.bottom-nav{display:none}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#edf5f8;padding:30px 16px}.login-card{width:410px;background:#fff;border:1px solid #e0edf1;border-radius:24px;padding:36px;box-shadow:0 20px 70px #0c365b0a;position:relative;z-index:1}.login-logo{display:block;width:180px;height:78px;object-fit:contain;margin:0 auto 24px}.login-heading{text-align:center;margin-bottom:23px}.login-heading h1{font-size:23px}.login-heading p{color:var(--muted);font-size:11px;margin-top:8px}.login-card .notice{margin-bottom:23px}.login-card label{margin-top:18px}.login-card .primary{margin-top:23px}.login-note{text-align:center;color:#9eafbe;font-size:10px;line-height:1.9;margin-top:17px}.login-footer{border-top:1px solid var(--border);padding-top:22px;margin-top:27px;color:#96aaba;font-size:10px;text-align:center}.login-footer .live-dot{margin-left:5px}.login-orbit{position:absolute;border-radius:50%;background:#d8eeef80}.orbit-one{width:500px;height:500px;right:-200px;top:-200px}.orbit-two{width:400px;height:400px;bottom:-180px;left:-120px;background:#dae7f180}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d284b55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;justify-content:center;align-items:center;padding:20px}.sheet{background:#fff;border:1px solid var(--border);border-radius:20px;width:480px;padding:27px;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #071c4933}.sheet h2{font-size:18px}.sheet .split{margin-bottom:16px}.sheet-handle{display:none}.sheet label{margin-top:16px}label{display:block;font-size:11px;font-weight:650;color:#6b839a}input,textarea,select{display:block;width:100%;padding:12px 14px;border:1px solid #dfe9f0;border-radius:9px;background:#fff;color:#173752;outline:none;font-size:12px;margin-top:7px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#42b5b2;box-shadow:0 0 0 3px #0b9b9910}input::placeholder,textarea::placeholder{color:#a2b1c0;font-size:11px}textarea{resize:vertical}.preview-rows{background:#f6fafb;padding:16px;border-radius:11px}.preview-rows .split{padding:9px 0;border-bottom:1px solid var(--border);font-size:11px;line-height:1.9;align-items:flex-start}.preview-rows .split:last-child{border:0;margin-bottom:0}.preview-rows strong{max-width:65%;text-align:left;word-break:break-word}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:80;background:#0e3a49;color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 8px 30px #10384b22;display:flex;align-items:center;gap:9px;font-size:12px;max-width:90vw}.toast-enter-active,.toast-leave-active{transition:opacity .2s,translate .2s}.toast-enter-from,.toast-leave-to{opacity:0;translate:0 10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-line{height:2px;position:fixed;top:90px;right:0;left:0;background:linear-gradient(90deg,transparent,#08a8a4,transparent);background-size:200% 100%;animation:loading 1s linear infinite;z-index:30}@keyframes loading{to{background-position:200% 0}}@media(min-width:1200px){.content>template{display:contents}.content:has(.wallet-hero),.content:has(.day-strip),.content:has(.claim-card),.content:has(.account-card),.content:has(.profile-hero){max-width:850px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 15px 0}.main-area{margin-right:200px}.topbar{padding:0 25px}.content{padding:26px 25px 45px}.stats{gap:10px}.stat{padding:16px}.stat-icon{display:none}.stat strong{font-size:20px}.dashboard-grid{gap:14px}.list-row{gap:10px}}@media(max-width:760px){:root{font-size:13px}.sidebar{display:none}.main-area{margin-right:0}.topbar{height:78px;padding:0 20px;position:sticky}.topbar h1{font-size:16px}.top-title p{font-size:9px}.mobile-mark{display:block;width:30px;height:34px;object-fit:contain}.top-actions{gap:8px}.top-actions .connection{display:none}.top-actions>.icon-button:first-of-type{border:0;background:none;width:28px}.icon-button{width:33px;height:33px}.content{padding:23px 20px 112px;max-width:540px;min-height:calc(100dvh - 78px)}.welcome{margin-bottom:18px;gap:8px}.welcome h2{font-size:19px}.welcome .muted{font-size:10px;line-height:1.9}.welcome>.badge{font-size:9px;margin-top:27px;padding:4px 7px}.eyebrow{font-size:9px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0}.stat{padding:17px 15px;border-radius:12px}.stat p{font-size:10px;margin-bottom:11px}.stat strong{font-size:20px}.stat strong em{font-size:8px}.stat small{font-size:8px;margin-top:8px}.stat-icon{display:none}.quick-actions{gap:9px}.quick-actions .primary,.quick-actions .secondary{padding:11px 9px;font-size:11px;min-height:43px}.dashboard-grid{display:block;margin-top:0}.section-title{margin:23px 0 11px}.section-title h3{font-size:13px}.section-title>button{font-size:9px}.card{border-radius:13px;padding:0 14px}.list-row{gap:10px;padding:17px 0;min-height:76px}.row-icon{width:36px;height:36px;border-radius:10px}.row-icon svg{width:19px;height:19px}.row-content strong{font-size:11px}.row-content small{font-size:9px;line-height:1.85}.badge{font-size:9px;padding:4px 6px}.row-end small{font-size:8px}.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;min-height:71px;padding:8px 7px max(9px,env(safe-area-inset-bottom));background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:20}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#9baec2;min-width:54px;padding:5px;font-size:9px}.bottom-nav button.active{color:var(--teal);font-weight:800}.bottom-nav button.active svg{filter:drop-shadow(0 2px 4px #0e9b991a)}.chips{margin-top:13px;gap:6px}.chips button{font-size:10px;padding:7px 11px}.search-box{border-radius:10px}.search-box input{padding:13px 0}.day-strip{gap:6px;margin-bottom:23px}.day-strip button{padding:12px 2px;gap:7px;border-radius:9px}.day-strip span{font-size:8px}.day-strip strong{font-size:13px}.notice{font-size:10px;padding:12px;gap:8px;line-height:1.95}.notice svg{width:16px}.membership-card{padding:16px;border-radius:12px}.membership-card h3{font-size:12px}.membership-card .split{font-size:9px}.invoice-actions{padding:0 0 15px;justify-content:flex-start;gap:12px}.invoice-actions .text-button{font-size:9px}.small-button{min-height:29px;font-size:9px;padding:7px 10px}.wallet-hero{min-height:170px;padding:23px}.wallet-hero strong{font-size:29px}.wallet-hero p{font-size:10px}.claim-card{padding:16px}.claim-card .split>strong{font-size:12px}.receipt-preview{padding:16px;min-height:150px}.announcement{padding:18px 14px;gap:10px}.announcement p{font-size:11px}.announcement h3{font-size:12px}.announcement small{font-size:9px}.chart{padding:25px 13px 14px;gap:9px;height:200px}.chart-col>span{font-size:7px}.chart-col>small{font-size:9px}.bar-track{width:65%}.account-card{padding:20px 16px}.profile-hero{padding:24px 16px}.empty{font-size:11px;padding:35px 10px}.empty h2{font-size:19px}.modal-backdrop{padding:0;align-items:flex-end}.sheet{width:100%;max-width:540px;border-radius:22px 22px 0 0;max-height:92dvh;padding:14px 23px max(23px,env(safe-area-inset-bottom))}.sheet-handle{display:block;width:35px;height:4px;background:#dce7ec;border-radius:9px;margin:0 auto 22px}.sheet h2{font-size:17px}.sheet label{font-size:11px}.sheet input,.sheet select,.sheet textarea{font-size:13px;padding:13px}.toast{bottom:90px;font-size:11px;padding:12px 17px;white-space:nowrap}.login-screen{background:#f4f8fa;padding:20px}.login-card{box-shadow:none;border:0;background:transparent;padding:22px 7px;width:360px}.login-logo{width:185px;height:81px;margin-bottom:32px}.login-heading h1{font-size:24px}.login-heading p,.login-card label{font-size:11px}.login-card input{background:#fff;font-size:14px;padding:14px}.login-orbit{opacity:.45}.login-footer{margin-top:30px}.loading-line{top:77px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-tabs{display:flex;padding:4px;background:#e7eff3;border-radius:12px;margin:20px 0 10px;gap:4px}.login-tabs button{flex:1;padding:11px 5px;border-radius:9px;font-size:12px}.login-tabs .selected{background:#fff;color:var(--teal);box-shadow:0 2px 8px #12314e0a;font-weight:750}.otp-sport{border-radius:15px;background:linear-gradient(135deg,#eaf7f5,#edf3fa);padding:8px 14px 14px;text-align:center;overflow:hidden}.otp-sport svg{width:220px;max-width:100%;display:block;margin:auto;height:92px}.otp-sport strong{display:block;font-size:13px;color:#087e82}.otp-sport small{display:block;font-size:10px;color:#7a94a4;margin-top:4px}.ping-ball{animation:ping-rally 1.6s ease-in-out infinite}.paddle-left{animation:paddle-swing 1.6s ease-in-out infinite;transform-origin:29px 60px}.paddle-right{animation:paddle-swing 1.6s ease-in-out -.8s infinite;transform-origin:211px 60px}.verifying .ping-ball,.verifying .paddle{animation-duration:.8s}.delivery-status{font-size:11px;color:#078b87;text-align:center;margin:12px 0}.otp-input{text-align:center;font-size:23px!important;font-weight:700;letter-spacing:9px}.otp-tools{display:flex;justify-content:space-between;gap:8px}.otp-tools button{font-size:10px}.apk-link{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:24px;font-size:11px;color:#7893a9}.row-end>.text-button{display:block;font-size:9px;margin-top:5px}.login-card:has(.otp-sport){padding-top:20px;padding-bottom:20px}.login-card:has(.otp-sport) .login-logo{height:56px;margin-bottom:12px}.login-card:has(.otp-sport) .login-footer{margin-top:16px}@keyframes ping-rally{0%,to{transform:translate(0)}25%{transform:translate(75px,22px)}50%{transform:translate(150px)}75%{transform:translate(75px,22px)}}@keyframes paddle-swing{0%,to{transform:rotate(-12deg)}12%{transform:rotate(16deg)}40%,70%{transform:rotate(0)}}.compact-login .login-card{padding-top:20px;padding-bottom:20px}.compact-login .login-logo{height:65px;margin-bottom:22px}.compact-login .login-heading{margin-bottom:8px}.rally-scene{margin:12px auto 20px;text-align:center}.rally-scene svg{display:block;width:235px;max-width:100%;height:104px;margin:auto}.rally-scene small{display:block;color:var(--teal);font-size:11px;margin-top:5px}.rally-ball{animation:opponent-rally 2.4s linear infinite}.rally-left{animation:rally-paddle 2.4s ease-in-out infinite;transform-origin:24px 60px}.rally-right{animation:rally-paddle 2.4s ease-in-out -1.2s infinite;transform-origin:216px 60px}.verifying .rally-ball,.verifying .rally-left,.verifying .rally-right{animation-duration:1.6s}.rally-shadow{animation:bounce-flash 2.4s linear infinite}.left-bounce{animation-delay:1.2s}.code-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#7892a7;margin:12px 0 20px}.code-summary bdi{font-weight:700;color:#29475f}.code-label{text-align:center}.code-label input{margin-top:12px}.compact-login .otp-tools{align-items:center;color:#89a0b2;margin-top:12px}.delivery-choice{color:#7e95a7;font-size:11px;margin-top:16px}.delivery-choice summary{cursor:pointer;padding:6px 0}.admin-entry{display:flex;gap:3px;align-items:center;justify-content:center;color:#90a4b6;font-size:10px;margin-top:20px}.membership-overview{padding:20px}.weekday-picker{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.weekday-picker label{display:flex;align-items:center;gap:5px;background:#eff7f7;border:1px solid #dfeeed;border-radius:8px;padding:8px;margin:0!important;cursor:pointer}.weekday-picker input{width:16px;height:16px;accent-color:#078f92;display:inline-block;margin:0;box-shadow:none}.weekday-picker label:has(input:checked){background:#d9f2ee;color:#078b86;border-color:#90d6ca}.platform-admin{min-height:100dvh}.platform-admin header{display:flex;align-items:center;gap:15px;background:#fff;border-bottom:1px solid var(--border);padding:15px max(20px,calc((100% - 1000px)/2));font-size:13px}.platform-admin header img{width:110px;height:44px;object-fit:contain}.platform-admin header>.text-button,.platform-admin header>button{margin-right:auto;display:flex;gap:6px;align-items:center;white-space:nowrap}.platform-admin main{max-width:900px;margin:0 auto;padding:20px 20px 60px}.admin-login{max-width:390px;padding:30px;margin:70px auto}.admin-login>svg{color:var(--teal)}.admin-login h2{margin:14px 0 24px}.admin-form{padding:25px}.admin-form label,.admin-login label{margin-top:16px}.admin-form h2{font-size:18px}.brand-preview{display:block;max-width:230px;max-height:120px;object-fit:contain;margin:25px auto}.admin-form .list-row{min-height:60px}.platform-admin .chips{margin:5px 0 25px}.platform-admin .notice{margin-bottom:16px}@keyframes opponent-rally{0%,to{transform:translate(0);animation-timing-function:ease-out}18%{transform:translate(80px,-24px);animation-timing-function:ease-in}33%{transform:translate(128px,23px);animation-timing-function:ease-out}50%{transform:translate(162px);animation-timing-function:ease-out}68%{transform:translate(80px,-24px);animation-timing-function:ease-in}83%{transform:translate(32px,23px);animation-timing-function:ease-out}}@keyframes rally-paddle{0%,to{transform:rotate(-14deg)}8%{transform:rotate(13deg)}25%,75%{transform:rotate(0)}}@keyframes bounce-flash{0%,29%,37%,to{opacity:0}33%{opacity:.65}}.reconcile-tools{font-size:11px;color:#8098ac;margin:12px 0 20px}.reconcile-tools summary{cursor:pointer;padding:8px 0}.sheet form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.sheet form>label,.sheet form>div,.sheet form>button{grid-column:1/-1}.sheet form>label.paired-field{grid-column:auto}:root{--teal:#008d76;--navy:#0b2f6b}.primary{background:#0b2f6b}.primary:hover{background:#17477e}.secondary{background:#e2f5ec;color:#007b64}.side-brand img{object-fit:cover;object-position:center;width:170px;height:67px}.compact-login .login-logo{object-fit:cover;object-position:center;width:225px;height:92px}.brand-preview{object-fit:contain}.platform-admin header img{object-fit:cover;width:120px;height:48px}.receipt-ocr{border:1px solid #d7e9e0;background:#f4faf6;border-radius:10px;padding:14px;margin:14px 0;font-size:10px;line-height:2}.receipt-ocr .split{padding:4px 0}.receipt-ocr strong{font-size:11px;color:#0b2f6b}.receipt-ocr .ocr-warning{color:#b17632;font-size:10px;margin-top:6px}.receipt-ocr details{margin-top:8px;color:#849a8a}.receipt-ocr pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-height:180px;overflow:auto}@media(max-width:760px){.compact-login .login-card{padding:20px 7px;max-width:360px}.compact-login .login-logo{height:68px;margin-bottom:24px}.compact-login .login-heading h1{font-size:23px}.platform-admin header{padding:12px 16px;gap:9px}.platform-admin header strong{font-size:11px}.platform-admin header img{width:80px;height:36px}.platform-admin main{padding:16px 16px 40px}.admin-login{margin:35px 20px;padding:25px;max-width:none}.admin-form{padding:20px}.platform-admin .section-title h2{font-size:18px}.membership-overview{padding:17px}}@media(prefers-reduced-motion:reduce){.ping-ball,.paddle{animation:none!important}}