@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--brand:#49664f;--ink:#24342d;--muted:#788079;--line:#e6e9e3;--canvas:#f7f8f4}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba9d64;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:32px;font-weight:800;line-height:1.25}h2{font-weight:700}h2,h3{font-size:18px}small{font-size:11px;color:var(--muted);display:block}svg{flex-shrink:0}.app{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:34px 19px 18px;display:flex;flex-direction:column;z-index:5}.bobbly-logo{display:flex;align-items:center;font-size:27px;letter-spacing:-1.5px;font-weight:800;padding:0 7px;gap:7px}.bobbly-symbol{border-radius:10px;background:#283e32;color:#fff;font-size:22px;width:31px;height:32px;text-align:center;line-height:29px}.logo-label{font-size:8px;letter-spacing:1.5px;font-weight:600;margin-left:1px;padding-top:7px;color:#6a766c}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#939a91;margin:42px 10px 12px;font-weight:700}.cafe-picker{padding:12px 9px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px}.cafe-picker select{appearance:none;width:130px;border:0;background:none;color:var(--ink);font-weight:600;font-size:12px;min-width:0}.cafe-initial{background:transparent;color:var(--brand);width:33px;height:33px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border-radius:8px;flex-shrink:0}.sidebar nav{margin-top:27px;display:grid;gap:7px}.nav-item{width:100%;justify-content:flex-start;padding:13px;border-radius:7px;color:#768076;font-size:12px;gap:12px;text-align:left}.nav-item.selected{background:#edf2e9;color:var(--brand);font-weight:700}.nav-count{margin-left:auto;background:#dfe8d9;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:50px}.preview-note{background:#f6f7ef;border:1px solid #eef0e3;padding:16px 13px;border-radius:9px;margin-bottom:18px;font-size:11px}.preview-note>div{display:flex;gap:8px}.preview-note p{font-size:11px;line-height:1.8;color:#808573;margin-top:8px}.profile{margin-top:20px;border-top:1px solid var(--line);padding:20px 5px 0;display:flex;gap:10px;align-items:center}.profile strong{font-size:11px}.profile small{font-size:10px;margin-top:4px}.profile>svg{margin-left:auto;color:#8b9589}.avatar{display:flex;width:34px;height:34px;border-radius:50%;background:#efece2;align-items:center;justify-content:center;font-weight:600;font-size:10px;color:#797b68;flex-shrink:0}.avatar.dark{background:#e2e8df;color:#486049}.main-shell{margin-left:242px;width:calc(100% - 242px)}.topbar{height:79px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{display:flex;gap:15px;color:#90998e;font-size:11px}.breadcrumb strong{color:#53604f;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.button,.primary,.secondary{border-radius:7px;padding:11px 15px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.primary{background:var(--brand);color:#fff;box-shadow:0 2px 3px #263c2810}.primary:hover{filter:brightness(.93)}.secondary{border:1px solid #dfe4d9;background:#fff}.secondary:hover{background:#f4f6f0}.demo-badge{font-size:10px;color:#7d866f;display:flex;align-items:center;gap:6px}.demo-badge>span,.footer-dot{width:6px;height:6px;background:#92a07d;border-radius:50%;display:inline-block}.content{max-width:1550px;margin:auto;padding:23px 36px}.demo-disclaimer{font-size:10px;display:flex;gap:8px;align-items:center;color:#737b69;margin-bottom:29px;line-height:1.5}.demo-disclaimer button{margin-left:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7b8870;margin-bottom:10px;text-transform:uppercase}.page-heading p:not(.eyebrow){color:#79836f;font-size:12px;margin-top:10px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{padding:20px 21px 17px;background:#fff;border:1px solid var(--line);border-radius:10px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7b8477;font-size:11px}.stat-top svg{height:17px;width:17px;color:#97a38b}.stat>strong{font-family:Manrope,Arial,sans-serif;display:block;font-size:32px;font-weight:800;margin:13px 0 6px;letter-spacing:-1px}.stat small{font-size:10px;color:#798370}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.community-hero{background:#eaf0e2;border-radius:11px;min-height:238px;padding:29px 26px;display:flex;position:relative;overflow:hidden}.community-hero>div:first-child{position:relative;z-index:1}.community-hero .eyebrow{font-size:8px}.community-hero h2{font-size:25px;line-height:1.4;color:#3c513b}.community-hero p:not(.eyebrow){font-size:11px;color:#7b8971;line-height:1.7;max-width:255px;margin:10px 0 21px}.community-hero button{font-size:10px;font-weight:700;padding:0;color:#486545}.coffee-art{position:absolute;right:0;top:0;bottom:0;width:40%;min-width:145px;opacity:.95}.orbit{position:absolute;border:1px solid #cedbc0;border-radius:50%;width:270px;height:270px;right:-66px;top:-13px}.o2{width:210px;height:210px;right:-36px;top:18px}.art-card{position:absolute;top:37px;right:25px;width:130px;height:158px;background:#fafcf6;border-radius:11px;box-shadow:0 8px 20px #3341250c;transform:rotate(12deg);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:13px;color:var(--brand)}.art-card>span{font-size:11px;font-weight:700}.art-card>div{font-size:14px;letter-spacing:5px}.art-reward{position:absolute;bottom:24px;right:31px;transform:rotate(-7deg);background:#fff;padding:10px 11px;display:flex;gap:7px;font-size:9px;border-radius:6px;box-shadow:0 4px 15px #304b2510}.art-spark{position:absolute;right:8px;top:17px;font-size:29px;color:#a5b68e}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.section-title{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{font-size:15px;letter-spacing:-.025em}.section-title.outside{padding:0;margin:30px 0 17px}.section-title p{font-size:11px;color:#7c8771;margin-top:6px}.tiny-dot{font-size:9px;color:#7a8b65;display:flex;gap:5px;align-items:center}.tiny-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#9cad84}.activity-item{display:flex;align-items:center;gap:10px;margin:0 22px;padding:15px 0;border-top:1px solid #f1f2ed}.activity-item strong{font-size:11px;font-weight:600}.activity-item small{font-size:10px;margin-top:5px}.activity-icon{width:30px;height:30px;border-radius:50%;background:#f0f4eb;color:#7a8d68;display:flex;align-items:center;justify-content:center}.activity-item time{font-size:9px;color:#7d8970;margin-left:auto;white-space:nowrap}.text-button{font-size:10px;font-weight:600;color:#688158;padding:3px}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.campaign-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px 0;display:flex;flex-direction:column}.campaign-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.icon-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px;background:#edf2e6;color:#7b9164;width:43px;height:43px}.tone-1 .icon-tile{background:#f4eee4;color:#b29568}.tone-2 .icon-tile{background:#f0ebef;color:#aa8b9f}.badge{font-size:9px;border-radius:5px;padding:5px 7px;background:#f1f3ed;color:#788572;white-space:nowrap}.badge.active{background:#edf4e6;color:#597841}.badge.scheduled{background:#f7f1e7;color:#8e744c}.badge.draft{background:#eff0f3;color:#777f95}.campaign-card .eyebrow{font-size:8px;margin-bottom:8px}.campaign-card h3{font-size:15px;letter-spacing:-.03em}.campaign-card>p:not(.eyebrow){font-size:11px;color:#79856e;line-height:1.7;margin-top:8px;margin-bottom:20px;flex:1 1}.campaign-footer{border-top:1px solid #edf0e8;display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:#7d896e;font-size:9px}.campaign-footer>span{display:flex;gap:6px;align-items:center}.member-panel{margin-top:25px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;color:#748466;font-weight:500;background:#fcfcfa;border-top:1px solid #f1f2ed;border-bottom:1px solid #f1f2ed;padding:12px 22px}td{font-size:10px;padding:16px 22px;border-bottom:1px solid #f2f3ee}tr:last-child td{border:0}.person{display:flex;align-items:center;gap:10px}.person strong{font-size:11px;font-weight:600}.person small{font-size:9px;margin-top:4px}.mini-progress{height:5px;background:#edf0e7;border-radius:10px;width:88px;overflow:hidden;margin-bottom:7px}.mini-progress span{display:block;height:100%;background:#93a879;border-radius:10px}.reward-pill,.table-wrap small{font-size:9px}.reward-pill{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;background:#f2f5e9;color:#647b44;border-radius:5px}.muted{color:#7e8b70}.consent{color:#647b50}.footer{display:flex;justify-content:space-between;font-size:9px;color:#7e8b70;padding:28px 0 9px}.footer>span:first-child{display:flex;align-items:center;gap:7px}.status-message{border:1px solid #d8e2cf;background:#eef5e8;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:7px;margin-bottom:20px;font-size:12px}.status-message button{margin-left:auto}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;border-radius:6px;color:#8b9581}.search input{border:0;background:none;max-width:190px;font-size:11px}.empty,.panel-note{padding:20px;font-size:12px;color:#788865}.info-panel{margin-top:24px;padding:20px;background:#eef2e8;display:flex;gap:15px;border-radius:9px;color:#6f825c}.info-panel p{font-size:12px;line-height:1.8;margin-top:6px}.info-panel strong{font-size:13px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-form{padding:4px 24px 24px}.brand-form .section-title{padding:20px 0}.brand-form label,.modal label{display:block;font-size:12px;font-weight:600;margin:19px 0 0}.brand-form label>input,.member-picker select,.modal input:not([type=checkbox]),.modal select{width:100%;border:1px solid #dce2d5;border-radius:7px;padding:12px;margin-top:8px;background:#fff;color:#43523b}.colour-input{display:flex;align-items:center;gap:15px;margin-top:10px}.colour-input input{border:0;background:none;width:44px;height:40px;padding:0}.colour-input code{color:#89917f}.fine-print{font-size:11px;line-height:1.8;color:#7d8c6a;margin:19px 0}.brand-preview{border-radius:13px;color:white;text-align:center;padding:60px 25px;display:flex;align-items:center;flex-direction:column;justify-content:center}.brand-preview h2{font-size:38px;margin:20px 0 10px}.brand-preview p{opacity:.8;font-size:12px}.brand-preview-card{display:flex;gap:12px;align-items:center;border:1px solid #ffffff40;border-radius:8px;padding:20px;margin:30px 0}.brand-preview small{color:#ffffffb0;font-size:8px;letter-spacing:2px}.tenant-row{display:flex;align-items:center;gap:15px;margin:0 24px;padding:22px 0;border-top:1px solid var(--line)}.tenant-row small{margin-top:6px}.tenant-row button{margin-left:auto}.customer-stage{display:flex;justify-content:center;gap:90px;align-items:flex-start;padding:25px 0 45px;background:radial-gradient(ellipse at 70% 40%,#e9eee0,transparent 65%)}.customer-context{max-width:290px;margin-top:90px}.customer-context h2{font-size:35px;line-height:1.4;margin:20px 0 15px}.customer-context>p{color:#7b8b69;font-size:13px;line-height:1.9}.feature-line{display:flex;gap:9px;font-size:11px;color:#74816a;margin:18px 0}.feature-line svg{width:15px;height:15px}.customer-context button{margin-top:20px}.phone{width:348px;flex-shrink:0;padding:28px 21px 0;border:6px solid #303b32;border-radius:43px;background:#fdfdf9;box-shadow:0 18px 60px #3341231a;position:relative;overflow:hidden}.phone-island{position:absolute;top:8px;width:85px;height:17px;background:#303b32;border-radius:15px;left:50%;transform:translateX(-50%)}.phone-top{justify-content:space-between;color:var(--brand);margin:13px 0}.phone-top,.phone-top>span{display:flex;align-items:center}.phone-top>span{background:var(--brand);color:#fff;width:30px;height:30px;justify-content:center;border-radius:50%;font-size:9px;font-weight:700}.phone-brand{font-size:15px;font-weight:700}.phone-tagline{font-size:10px;color:#79896a;margin-top:5px}.phone>h2{font-size:23px;margin:24px 0 16px}.phone>h2>span{color:#c7ad72;font-size:24px;margin-left:6px}.loyalty-card{background:var(--brand);color:#fff;border-radius:14px;padding:20px 18px}.loyalty-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#ffffffb0}.loyalty-card h3{font-size:20px;line-height:1.4;margin:12px 0 18px;font-weight:500}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.stamp{width:36px;height:36px;border-radius:50%;border:1px dashed #ffffff50;display:flex;align-items:center;justify-content:center;color:#ffffff50}.stamp.filled{background:#dce6cd;border:1px solid #dce6cd;color:var(--brand)}.loyalty-foot{display:flex;justify-content:space-between;font-size:8px;color:#ffffffb0;margin-top:18px}.phone-reward{display:flex;gap:10px;align-items:center;border:1px solid #e6e8d4;background:#f6f6e9;border-radius:10px;padding:14px 12px;margin-top:14px;color:#6b7e43}.phone-reward strong{font-size:10px}.phone-reward small{font-size:8px;margin-top:4px}.phone-reward>svg:last-child{margin-left:auto}.phone-qr{display:flex;align-items:center;flex-direction:column;padding:19px 0}.phone-qr strong{font-size:10px;margin-top:8px}.phone-qr small{font-size:8px;margin-top:4px}.seasonal{border:1px solid var(--line);border-radius:10px;padding:14px}.seasonal>div:first-child{display:flex;align-items:center;gap:7px;color:#7b8c65}.seasonal strong{font-size:10px}.seasonal p{font-size:9px;margin:10px 0;color:#74845f}.seasonal .mini-progress{width:100%}.seasonal small{font-size:8px;margin-top:8px}.phone-nav{margin:22px -21px 0;padding:14px 25px 20px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;color:#6c8058}.phone-nav>span{display:flex;flex-direction:column;align-items:center;gap:6px}.phone-offers{margin-top:18px}.phone-offers h3{font-size:12px;margin-bottom:12px}.phone-offers>div{display:flex;gap:7px;font-size:10px;color:#6e8258;padding:8px 0}.member-picker{font-size:10px;color:#71825e}.member-picker select{font-size:11px;display:block;min-width:170px}.modal{width:440px;max-width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:30px;color:var(--ink);box-shadow:0 30px 120px #17261940}.modal::backdrop{background:#1d30286b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:15px;top:15px;color:#8e9783}.modal form>.eyebrow,.modal>.eyebrow{margin-top:22px}.modal h2{font-size:24px}.modal p.muted{font-size:12px;line-height:1.8;margin-top:12px}.modal .checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.8;font-size:11px;font-weight:400}.modal input[type=checkbox]{margin:4px 0;accent-color:var(--brand)}.balance-summary{display:flex;justify-content:space-between;background:#f3f6ee;border-radius:7px;padding:12px;margin-top:12px;font-size:11px;color:#6d8256}.full{width:100%;margin-top:15px}.gate{max-width:620px;padding:100px 25px;margin:auto}.gate h1{margin:20px 0}.gate>p:not(.eyebrow){line-height:1.9;color:#7a8874;margin-bottom:24px}.gate>.eyebrow{margin-top:25px}@media(min-width:1500px){.community-hero{min-height:260px}.coffee-art{right:30px}.community-hero h2{font-size:29px}}@media(max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.content{padding:20px 24px}.topbar{padding:0 24px}.cafe-picker select{width:110px}.overview-grid{grid-template-columns:1fr}.activity{display:none}.community-hero{min-height:225px}.coffee-art{width:45%;right:35px}.page-heading h1{font-size:27px}.stat{padding:17px 14px}.stats{gap:10px}.campaign-card{padding:17px 15px 0}.customer-stage{gap:30px}.customer-context{max-width:220px}.customer-context h2{font-size:29px}}@media(max-width:850px){.sidebar{width:75px;padding:25px 10px}.bobbly-logo{font-size:0;padding:0 8px}.cafe-picker,.logo-label,.nav-count,.sidebar-bottom,.workspace-label{display:none}.bobbly-symbol{font-size:22px;flex-shrink:0}.sidebar nav{margin-top:36px}.nav-item{font-size:0;padding:15px;gap:0}.nav-item svg{width:20px}.main-shell{margin-left:75px;width:calc(100% - 75px)}.customer-context{display:none}.page-heading{align-items:flex-start}.page-heading>.primary{font-size:0;gap:0;padding:12px}.page-heading>.primary svg{width:20px}.campaign-grid{gap:10px}.campaign-card h3{font-size:13px}.campaign-card>p:not(.eyebrow){font-size:10px}.campaign-top{gap:6px}.icon-tile{width:35px;height:35px;padding:7px}.top-actions{gap:10px}.stats{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:1fr}.demo-disclaimer{font-size:9px}}@media(max-width:600px){.sidebar{position:static;width:100%;height:65px;padding:12px 17px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;margin:0 0 0 auto;gap:4px}.nav-item{padding:10px}.app{display:block}.main-shell{margin:0;width:100%}.bobbly-logo{padding:0}.topbar{height:65px;padding:0 17px}.breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between}.content{padding:18px 17px}.demo-disclaimer{align-items:flex-start;margin-bottom:23px}.page-heading{gap:10px;margin-bottom:24px}.page-heading h1{font-size:26px;max-width:280px}.page-heading p:not(.eyebrow){font-size:11px}.eyebrow{font-size:8px}.stat>strong{font-size:28px}.campaign-grid{grid-template-columns:1fr}.campaign-card h3{font-size:18px}.campaign-card>p:not(.eyebrow){font-size:12px}.campaign-top{margin-bottom:14px}.community-hero{padding:25px 20px;min-height:250px}.community-hero h2{font-size:23px;max-width:240px}.community-hero p:not(.eyebrow){max-width:205px}.coffee-art{right:-52px;width:40%;opacity:.4}.community-hero>div:first-child{max-width:80%}.member-panel td,.member-panel th{padding-left:15px;padding-right:15px}.footer{font-size:8px;gap:12px}.stats.three{grid-template-columns:1fr}.tenant-row{flex-wrap:wrap}.tenant-row button{margin-left:48px}.customer-stage{padding:12px 0 25px}.phone{width:330px;padding-left:17px;padding-right:17px}.member-picker{max-width:110px}.member-picker select{min-width:0;width:110px}.section-title{padding:18px 15px}.search{padding:7px;max-width:175px}.search input{width:125px}.badge{font-size:8px}}