@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#193149;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--navy:#102b43;--navy2:#173b56;--ink:#193149;--muted:#748596;--line:#e7edf1;--teal:#168b83;--teal-dark:#11776f;--mint:#e9f6f3;--paper:#fff;--amber:#bd8731;--red:#c65f57;--shadow:0 10px 32px rgba(23,48,69,.045)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(22,139,131,.26);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#102b43,#173a54);color:#d8e4ec;padding:22px 15px 16px;display:flex;flex-direction:column;z-index:30}.brand-lockup{display:flex;align-items:center;gap:11px;padding:2px 7px 24px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-mark{height:38px;width:38px;border-radius:12px;background:linear-gradient(135deg,#42c2b2,#85d7ca);color:#12344a;display:grid;place-items:center;font:800 15px Manrope,sans-serif;box-shadow:0 6px 14px #168b8338;overflow:hidden;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.brand-name{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-name b{font:800 12px Manrope,sans-serif;letter-spacing:.09em;color:#fff;white-space:nowrap}.brand-name strong{color:#62cbbb}.brand-name small{font-size:8px;letter-spacing:.22em;color:#93aaba}.close-menu{display:none;background:transparent;border:0;color:#fff;margin-left:auto}.workspace-switch{display:flex;align-items:center;gap:10px;margin:17px 2px 26px;padding:10px;border-radius:12px;background:#ffffff13}.workspace-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#244d68;color:#b9eee7;font-weight:700}.workspace-switch span{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.workspace-switch small{font-size:8px;color:#9ab0bd;letter-spacing:.12em}.workspace-switch b{font-size:11px;color:#f5f9fb}.nav-caption{font-size:9px;letter-spacing:.16em;color:#8fa8b8;margin:0 10px 9px}.side-nav{display:grid;gap:4px}.nav-item{height:42px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#b6c8d4;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;transition:background .18s,color .18s}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.selected{color:#fff;background:linear-gradient(100deg,#219d9457,#2b647859);box-shadow:inset 3px 0 #54c8b7}.nav-item.selected svg{color:#75d7cb}.nav-count{margin-left:auto;background:#dbab50;color:#213a4a;font-size:9px;font-style:normal;font-weight:700;padding:2px 6px;border-radius:99px}.sidebar-bottom{margin-top:auto}.support-card{background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:13px;margin-bottom:15px}.support-icon{color:#75d7cb;margin-bottom:8px}.support-card b{display:block;font-size:11px;color:#fff}.support-card small{display:block;color:#9fb4c0;font-size:10px;line-height:1.5;margin-top:5px}.support-card button{display:flex;align-items:center;gap:6px;color:#77d7c8;background:none;border:0;padding:9px 0 0;font-size:10px;font-weight:700}.profile-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 3px 0;border:0;border-top:1px solid rgba(255,255,255,.1);color:#e7eef3;background:transparent;text-align:left}.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d6f0ec;color:#17675f;font-size:10px;font-weight:800}.profile-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.profile-row b{font-size:10px}.profile-row small{font-size:9px;color:#91a9b8}.profile-dots{display:flex;gap:2px}.profile-dots i{width:3px;height:3px;border-radius:50%;background:#9bb0bd}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9eef2;display:flex;align-items:center;padding:0 34px;gap:20px;position:sticky;top:0;z-index:15}.breadcrumb{font-size:11px;color:#8493a0}.breadcrumb span{padding:0 9px;color:#c1cbd3}.breadcrumb b{color:#243c52;font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.date-chip{height:34px;border:1px solid #e6edf0;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:10px;color:#63768a;background:#fff}.date-chip svg{color:#60919a}.icon-button{width:34px;height:34px;border-radius:9px;border:1px solid #e6edf0;background:#fff;color:#64788a;display:grid;place-items:center;position:relative}.notification i{position:absolute;top:7px;right:7px;height:6px;width:6px;border:1px solid #fff;background:#d78364;border-radius:50%}.profile-chip{height:40px;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 2px}.profile-chip>span:nth-child(2){display:flex;flex-direction:column;gap:3px;text-align:left}.profile-chip b{font-size:10px;color:#284157}.profile-chip small{font-size:9px;color:#8d9aa6}.avatar.mini{height:29px;width:29px;font-size:9px}.profile-chip>svg{color:#8293a1}.mobile-menu{display:none;border:0;background:none;color:#243f55}.demo-strip{min-height:41px;background:#fff7e5;border-bottom:1px solid #f2e6c7;color:#745a25;display:flex;align-items:center;gap:10px;padding:8px 34px;font-size:10px}.demo-tag{height:21px;padding:0 8px;border-radius:6px;background:#f1dfb7;color:#74551e;font-size:9px;font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;flex:none}.demo-strip>span:nth-child(2){line-height:1.4}.demo-strip button{margin-left:auto;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#785c25;font-size:10px;font-weight:700;white-space:nowrap}.page-content{width:min(100%,1510px);margin:0 auto;padding:30px 34px 45px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;color:#76909d}.eyebrow span{color:#c3ccd2;padding:0 3px}.page-heading h1{font:800 clamp(23px,2vw,30px) Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 5px;color:#183149}.page-heading p{margin:0;color:#7e8c99;font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.button-primary,.button-outline,.button-soft{height:38px;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s}.button-primary{border:1px solid #168b83;background:#168b83;color:#fff;box-shadow:0 5px 12px #168b8326}.button-primary:hover{background:#11776f;transform:translateY(-1px)}.button-outline{border:1px solid #dce5e9;background:#fff;color:#365066}.button-outline:hover{background:#f6fafb;border-color:#b8cecf}.button-soft{border:1px solid #dcefeb;background:#eff8f6;color:#21796f}.button-soft:hover{background:#e4f3f0}.button-primary.full,.button-outline.full,.button-soft.full{width:100%}.welcome-panel{min-height:114px;padding:20px 22px;border-radius:16px;background:linear-gradient(105deg,#eaf6f4,#f5faf9 54%,#f1f5f8);border:1px solid #e3f0ed;display:flex;align-items:center;gap:16px;margin-bottom:17px;position:relative;overflow:hidden}.welcome-panel:after{content:"";position:absolute;width:225px;height:225px;right:100px;top:-130px;border-radius:50%;border:1px solid rgba(22,139,131,.1);box-shadow:0 0 0 22px #168b8306,0 0 0 48px #168b8305}.welcome-symbol{height:43px;width:43px;border-radius:13px;background:#d5efeb;color:#14877e;display:grid;place-items:center;flex:none}.welcome-panel h2{margin:5px 0 4px;font:700 18px Manrope,sans-serif;color:#1c3c4f;letter-spacing:-.025em}.welcome-panel p{margin:0;font-size:11px;color:#718594}.welcome-date{margin-left:auto;z-index:1;display:flex;flex-direction:column;gap:4px;text-align:right}.welcome-date small{font-size:8px;letter-spacing:.12em;color:#83989d}.welcome-date b{font-size:11px;color:#375264}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric-card{background:#fff;border:1px solid #e9eef1;border-radius:13px;min-height:132px;padding:15px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.metric-icon{height:31px;width:31px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:16px;height:16px}.metric-blue{background:#edf3fa;color:#416987}.metric-green{background:#e8f6f2;color:#17847b}.metric-amber{background:#fff5df;color:#b9882e}.metric-violet{background:#f0eef9;color:#7465a6}.metric-label{position:absolute;top:23px;left:57px;font-size:10px;color:#788995}.metric-card>strong{display:block;margin-top:9px;font:800 25px Manrope,sans-serif;color:#17364f;letter-spacing:-.04em}.metric-card>small{display:block;font-size:9px;color:#98a4ad;margin-top:3px}.metric-accent{position:absolute;right:15px;bottom:14px;width:6px;height:6px;border-radius:50%}.accent-blue{background:#83a8c1}.accent-green{background:#4db8a9}.accent-amber{background:#dcb65f}.accent-violet{background:#a49bc9}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:14px;margin-bottom:14px}.card{background:#fff;border:1px solid #e8eef1;border-radius:14px;box-shadow:var(--shadow);padding:19px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.card-head h3{margin:0;font:700 14px Manrope,sans-serif;color:#203b50}.card-head p{margin:5px 0 0;color:#8996a0;font-size:10px}.text-action{border:0;background:transparent;color:#16847d;font-size:10px;font-weight:700;display:flex;gap:5px;align-items:center;padding:4px 0;white-space:nowrap}.small-badge{border-radius:6px;background:#f1f5f7;color:#748797;font-size:9px;padding:5px 8px}.table-scroll{overflow-x:auto;width:100%;scrollbar-color:#d8e2e6 transparent;scrollbar-width:thin}table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}th{padding:0 11px 10px;color:#9aa6ae;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap}td{border-top:1px solid #eef2f4;padding:12px 11px;font-size:10px;color:#526779;white-space:nowrap}tbody tr:hover{background:#fbfdfd}.site-identity{display:flex;align-items:center;gap:9px;min-width:155px}.site-icon{width:31px;height:31px;border-radius:9px;background:#eef6f6;color:#20867e;display:grid;place-items:center;flex:none}.site-identity>span{display:flex;flex-direction:column;gap:3px}.site-identity b{font-size:10px;color:#284258}.site-identity small{font-size:9px;color:#96a3ac}.pill{height:23px;padding:0 8px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;white-space:nowrap}.pill i{height:5px;width:5px;border-radius:50%;background:currentColor}.pill-green{background:#e8f7f1;color:#25816b}.pill-blue{background:#edf3f8;color:#537590}.pill-amber{background:#fff3df;color:#a77a2d}.backup-label{font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.backup-ok{color:#26826c}.backup-pending{color:#ac812e}.backup-off{color:#909da5}.task-card{padding-bottom:14px}.task-list{display:grid}.task-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eff2f4}.task-icon{height:29px;width:29px;border-radius:8px;background:#f1f6f7;color:#4a8691;display:grid;place-items:center;flex:none}.task-icon svg{width:15px;height:15px}.task-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.task-copy b{font-size:10px;color:#355065}.task-copy small{font-size:9px;color:#909da6}.task-status{color:#ae8130;background:#fff6e5;border-radius:5px;padding:4px 6px;font-size:8px;white-space:nowrap}.task-card .button-soft{margin-top:9px;height:34px;font-size:10px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:14px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #eff2f4}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px}.dot-teal{background:#39ad9c}.dot-amber{background:#d6a54a}.dot-blue{background:#7e9eb8}.activity-row b{font-size:10px;color:#355066}.activity-row p{margin:3px 0 0;color:#8996a0;font-size:9px;line-height:1.45}.activity-row time{font-size:8px;color:#9aa5ad;white-space:nowrap}.revenue-card{border-radius:14px;background:#14334c;color:#eff6f8;padding:19px;box-shadow:var(--shadow);position:relative;overflow:hidden}.revenue-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(108,210,195,.16);border-radius:50%;right:-57px;top:48px;box-shadow:0 0 0 20px #6cd2c308,0 0 0 40px #6cd2c306}.revenue-top{display:flex;justify-content:space-between;align-items:center}.revenue-card .eyebrow{color:#a8c2cc}.revenue-icon{height:31px;width:31px;border-radius:9px;background:#ffffff1a;display:grid;place-items:center;color:#77d8c8}.revenue-card>b{display:block;font:800 29px Manrope,sans-serif;margin-top:18px;letter-spacing:-.04em}.revenue-card p{font-size:10px;line-height:1.55;color:#b6c7d0;max-width:240px}.revenue-card button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#81ddcf;font-size:10px;font-weight:700;padding:5px 0;position:relative;z-index:1}.list-card{padding:0}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.list-toolbar h3{margin:0;font:700 14px Manrope,sans-serif;color:#203b50}.list-toolbar p{margin:5px 0 0;font-size:10px;color:#8c99a2}.search-field{display:flex;align-items:center;gap:8px;width:230px;height:34px;border:1px solid #e2e9ec;border-radius:8px;background:#fff;padding:0 10px;color:#8c9ba5}.search-field input{min-width:0;width:100%;border:0;outline:0;color:#2c4355;font-size:10px}.search-field input::placeholder{color:#a5afb6}.list-card>.table-scroll{padding:0 11px}.list-card table{min-width:1000px}.list-card td{padding-top:14px;padding-bottom:14px}.domain-cell{color:#748899}.plan-chip{background:#f2f6f8;color:#48657a;border-radius:5px;padding:5px 7px;font-size:9px}.row-action{display:inline-flex;align-items:center;gap:4px;background:#edf8f5;border:1px solid #d7eee8;color:#20776f;border-radius:7px;height:28px;padding:0 8px;font-size:9px;font-weight:700}.row-action:hover{background:#e1f3ef}.card-footnote{border-top:1px solid #edf1f3;margin:7px 19px 0;padding:12px 0 14px;display:flex;align-items:flex-start;gap:7px;color:#8998a1;font-size:9px;line-height:1.45}.card-footnote svg{color:#bd933d;flex:none}.empty-state{display:flex;align-items:center;gap:8px;color:#98a4ab;font-size:10px;padding:24px 12px}.empty-state svg{color:#aab7bd}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 19px 20px}.client-card{border:1px solid #e8eef1;border-radius:12px;padding:15px}.client-card-top{display:flex;align-items:center;justify-content:space-between}.client-avatar{width:37px;height:37px;border-radius:10px;background:#edf6f4;color:#27867c;display:grid;place-items:center}.client-card h3{margin:12px 0 4px;color:#294256;font:700 13px Manrope,sans-serif}.client-card>p{margin:0 0 12px;color:#8a99a4;font-size:10px}.client-meta{display:grid;gap:8px}.client-meta span{display:flex;align-items:center;gap:7px;color:#708291;font-size:9px}.client-meta svg{color:#7c9aa6}.client-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef2f4;padding-top:12px;margin-top:13px;color:#8c9aa4;font-size:9px}.client-card-bottom button{display:flex;align-items:center;gap:5px;background:none;border:0;color:#16837b;font-size:9px;font-weight:700;white-space:nowrap}.proposal-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #f1e5c8;border-radius:12px;background:#fff9ec;color:#725b30;margin-bottom:16px}.proposal-icon{height:34px;width:34px;border-radius:10px;background:#f5ebd4;color:#a47b35;display:grid;place-items:center;flex:none}.proposal-note b{font-size:11px}.proposal-note p{margin:4px 0 0;font-size:10px;color:#907d5b}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px}.plan-card{background:#fff;border:1px solid #e4ebef;border-radius:15px;padding:20px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;min-height:342px}.plan-featured{border:1px solid #69bdb3;box-shadow:0 10px 28px #1c7b741c}.plan-card-top{display:flex;align-items:center;justify-content:space-between}.plan-kicker{font-size:8px;letter-spacing:.14em;color:#81939e;font-weight:700}.recommended{font-size:8px;letter-spacing:.07em;color:#187c72;background:#e5f6f2;border-radius:99px;padding:5px 8px;font-weight:800}.plan-card h3{margin:17px 0 4px;font:800 20px Manrope,sans-serif;color:#203c52}.plan-card>p{margin:0;color:#87959f;font-size:10px;min-height:30px;line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:5px;margin:18px 0 14px}.plan-price strong{font:800 30px Manrope,sans-serif;letter-spacing:-.04em;color:#17374e}.plan-price span{color:#8898a3;font-size:10px}.plan-rule{height:1px;background:#edf1f3}.plan-card ul{list-style:none;padding:0;margin:15px 0 19px;display:grid;gap:10px;flex:1}.plan-card li{display:flex;align-items:flex-start;gap:8px;color:#607584;font-size:10px;line-height:1.45}.plan-card li svg{color:#1c9a89;flex:none}.plan-card .button-primary,.plan-card .button-outline{margin-top:auto}.setup-fee-card{display:flex;align-items:center;gap:15px;border:1px solid #e5ebef;border-radius:14px;background:#fff;padding:18px 20px;box-shadow:var(--shadow)}.setup-icon{height:42px;width:42px;border-radius:12px;background:#eef5f9;color:#557c96;display:grid;place-items:center;flex:none}.setup-fee-card h3{font:800 23px Manrope,sans-serif;color:#193951;margin:5px 0 4px}.setup-fee-card h3 small{font:500 10px DM Sans,sans-serif;color:#84939d}.setup-fee-card p{margin:0;color:#7d8c97;font-size:10px}.setup-side{margin-left:auto;padding-left:20px;border-left:1px solid #e9eef1;display:flex;flex-direction:column;gap:5px;min-width:205px}.setup-side span{color:#8d9da5;font-size:8px;letter-spacing:.13em;font-weight:700}.setup-side b{font-size:10px;color:#415b6c}.setup-side small{font-size:9px;color:#8e9ba4;line-height:1.4}.legal-note{display:flex;align-items:flex-start;gap:7px;color:#81919b;font-size:9px;line-height:1.5;margin:13px 2px 0}.legal-note svg{color:#6c9f98;flex:none}.invoice-code{font-family:ui-monospace,SFMono-Regular,monospace;color:#597285;background:#f3f6f8;padding:5px 6px;border-radius:5px;font-size:9px}.amount-cell{font-weight:700;color:#29475b}.invoice-pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.invoice-pill.pending{color:#9d752e;background:#fff5e2}.invoice-pill.paid{color:#20816c;background:#e7f6ef}.invoice-pill.rejected{color:#ac5b55;background:#fff0ed}.test-actions{display:flex;align-items:center;gap:5px}.button-mini{height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:7px;font-size:8px;font-weight:700;white-space:nowrap}.button-mini.success{background:#e8f6f1;border:1px solid #d8eee7;color:#237c68}.button-mini.reject{background:#fff4f1;border:1px solid #f2e0dd;color:#a45f57}.muted{color:#9ba7ae;font-size:9px}.reports-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:14px}.report-summary .report-line{display:flex;justify-content:space-between;border-top:1px solid #eff2f4;padding:13px 0;color:#70828f;font-size:10px}.report-summary .report-line b{color:#29475a}.report-summary .button-outline{margin-top:13px}.integration-hero{display:flex;align-items:center;gap:15px;padding:20px 21px;background:linear-gradient(110deg,#edf7f5,#f4f8f8);border:1px solid #e4efec;border-radius:14px;margin-bottom:14px}.integration-mark{width:43px;height:43px;border-radius:12px;background:#d9efeb;color:#16847b;display:grid;place-items:center;flex:none}.integration-hero>div:nth-child(2){flex:1}.integration-hero h2{margin:5px 0 4px;color:#234357;font:700 17px Manrope,sans-serif}.integration-hero p{margin:0;color:#758893;font-size:10px;line-height:1.5}.integration-status{padding:7px 9px;border:1px solid #e4d9be;background:#fff8e9;border-radius:7px;color:#98712e;font-size:9px;display:flex;align-items:center;gap:6px;white-space:nowrap}.integration-status i{width:6px;height:6px;border-radius:50%;background:#d3a547}.integration-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.72fr);gap:14px}.guide-card{padding:20px}.guide-steps{list-style:none;margin:3px 0 16px;padding:0;display:grid}.guide-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:13px 0;border-top:1px solid #eef2f4}.guide-steps li>span{width:29px;height:29px;border-radius:9px;background:#edf6f4;display:grid;place-items:center;color:#25857b;font:700 10px Manrope,sans-serif}.guide-steps b{font-size:10px;color:#355064}.guide-steps p{margin:4px 0 0;color:#84929b;font-size:9px;line-height:1.55}.integration-aside{display:grid;align-content:start;gap:13px}.safe-card{background:#fff;border:1px solid #e7ecef;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.safe-icon{height:32px;width:32px;border-radius:9px;background:#eef5f8;color:#4b7b91;display:grid;place-items:center}.safe-card h3{font:700 13px Manrope,sans-serif;color:#2a4458;margin:12px 0 8px}.safe-card ul{padding-left:16px;margin:0;display:grid;gap:8px;color:#798b97;font-size:9px;line-height:1.5}.safe-card li::marker{color:#df9b72}.next-card{background:#173750;color:#fff;border-radius:14px;padding:18px}.next-card .eyebrow{color:#93c9c1}.next-card>b{display:block;font:700 14px Manrope,sans-serif;line-height:1.35;margin:8px 0}.next-card p{color:#b5c7d0;font-size:9px;line-height:1.5}.next-card button{display:flex;align-items:center;gap:6px;color:#71d2c3;border:0;background:none;padding:6px 0;font-size:9px;font-weight:700}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:14px}.settings-card{padding:20px}.logo-setting{display:flex;align-items:center;gap:14px;padding:7px 0 18px}.logo-preview{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,#4bc2b3,#98e0d5);display:grid;place-items:center;color:#143b51;font:800 20px Manrope,sans-serif;overflow:hidden}.logo-preview img{height:100%;width:100%;object-fit:contain;background:#fff}.logo-setting b{color:#2d495d;font-size:11px}.logo-setting p{margin:4px 0 9px;color:#87959d;font-size:9px}.file-button{position:relative;display:inline-flex;align-items:center;padding:6px 9px;background:#edf6f4;border:1px solid #dbede8;border-radius:7px;color:#237a71;font-size:9px;font-weight:700;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.settings-divider{height:1px;background:#edf1f3;margin:0 0 3px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eff2f4}.setting-row b{font-size:10px;color:#3b5568}.setting-row p{margin:4px 0 0;font-size:9px;color:#8c9aa3}.setting-state{display:flex;align-items:center;gap:5px;color:#25806d;font-size:8px;white-space:nowrap}.setting-state i{width:6px;height:6px;border-radius:50%;background:#39a98e}.warning-state{color:#a47a31}.warning-state i{background:#d0a448}.account-card{padding:21px}.account-icon{width:37px;height:37px;border-radius:11px;background:#ecf5f8;color:#558397;display:grid;place-items:center}.account-card h3{margin:13px 0 6px;color:#274357;font:700 15px Manrope,sans-serif}.account-card>p{font-size:10px;color:#82919b;line-height:1.55;margin:0 0 15px}.account-check{display:flex;gap:7px;align-items:center;padding:9px 0;border-top:1px solid #edf1f3;color:#637887;font-size:9px}.account-check svg{color:#299582}.account-card .button-soft{margin-top:12px}.app-footer{border-top:1px solid #e8edf0;background:#f7f9fa;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;color:#96a2aa;font-size:9px}.app-footer span:last-child{display:flex;align-items:center;gap:5px}.app-footer svg{color:#699b91}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f223166;z-index:50;display:grid;place-items:center;padding:18px}.modal-card{width:min(100%,440px);background:#fff;border-radius:16px;padding:24px;box-shadow:0 22px 80px #0e253640;position:relative}.modal-close{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:8px;border:1px solid #e6ecef;background:#fff;color:#71828e;display:grid;place-items:center}.modal-card h2{margin:8px 0 4px;font:800 21px Manrope,sans-serif;color:#203d52}.modal-card>p{margin:0 0 18px;color:#86959e;font-size:10px;line-height:1.5}.modal-card label{display:grid;gap:6px;margin:12px 0;color:#536a79;font-size:10px;font-weight:700}.modal-card input,.modal-card select{height:38px;padding:0 10px;border:1px solid #dfe7eb;border-radius:8px;background:#fff;color:#344f62;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:22px;bottom:20px;z-index:60;display:flex;align-items:center;gap:9px;max-width:min(440px,calc(100vw - 32px));padding:12px 14px;border-radius:10px;background:#153950;color:#eaf5f5;box-shadow:0 12px 30px #102b4338;font-size:10px;line-height:1.45}.toast>svg{color:#75d4c3;flex:none}.toast span{flex:1}.toast button{border:0;background:none;color:#b6c9d2;padding:2px;display:grid;place-items:center}.sidebar-scrim{display:none}@media(max-width:1180px){.sidebar{width:226px}.main-area{margin-left:226px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content,.topbar,.demo-strip{padding-left:26px;padding-right:26px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.9fr)}}@media(max-width:900px){.sidebar{width:246px;transform:translate(-102%);transition:transform .22s ease;box-shadow:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:14px 0 40px #081c2b2e}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0d1f2f59;z-index:25}.close-menu,.mobile-menu{display:grid;place-items:center}.main-area{margin-left:0}.topbar{height:64px;padding:0 21px}.mobile-menu{width:32px;height:32px}.breadcrumb{font-size:10px}.demo-strip{padding-left:21px;padding-right:21px}.page-content{padding:25px 21px 35px}.dashboard-grid,.lower-grid,.reports-grid,.integration-grid,.settings-grid{grid-template-columns:1fr}.task-card{order:2}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-card{padding:16px}.plan-price strong{font-size:26px}.plan-card li{font-size:9px}.support-card{display:none}}@media(max-width:650px){.topbar{padding:0 14px;gap:10px}.top-actions{gap:7px}.date-chip{display:none}.profile-chip{gap:5px}.profile-chip>span:nth-child(2){display:none}.profile-chip>svg{display:none}.icon-button{width:32px;height:32px}.demo-strip{align-items:flex-start;padding:8px 14px;font-size:9px;gap:7px}.demo-tag{height:19px}.demo-strip button{margin-top:1px;font-size:0;padding:1px}.demo-strip button svg{width:16px;height:16px}.page-content{padding:21px 14px 29px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:18px}.page-heading h1{font-size:24px}.heading-actions,.heading-actions .button-primary,.heading-actions .button-outline{width:100%}.welcome-panel{padding:15px;min-height:100px;gap:11px}.welcome-symbol{width:37px;height:37px}.welcome-panel h2{font-size:14px;line-height:1.35}.welcome-panel p{font-size:9px;line-height:1.4}.welcome-date{display:none}.metric-grid{gap:9px}.metric-card{padding:12px;min-height:117px}.metric-icon{width:28px;height:28px}.metric-label{left:48px;top:20px;font-size:9px}.metric-card>strong{font-size:22px;margin-top:12px}.metric-card>small{font-size:8px;line-height:1.35;max-width:130px}.dashboard-grid,.lower-grid{gap:11px}.card{padding:15px;border-radius:12px}.card-head h3{font-size:13px}.card-head p{font-size:9px;line-height:1.4}.site-overview{padding:14px 11px}.site-overview .card-head{padding:0 3px}.site-overview table{min-width:630px}.site-overview td{padding:10px 8px}.site-overview th{padding-left:8px;padding-right:8px}.task-card{padding:15px}.task-row{gap:8px}.task-status{font-size:7px;padding:4px}.activity-row{grid-template-columns:8px minmax(0,1fr);gap:8px}.activity-row time{grid-column:2;grid-row:2}.revenue-card{padding:17px}.revenue-card>b{font-size:26px;margin-top:12px}.app-footer{padding:12px 14px;gap:8px;align-items:flex-start;font-size:8px}.app-footer span:last-child{max-width:56%;text-align:right;line-height:1.4;align-items:flex-start}.list-toolbar{padding:15px;align-items:flex-start;flex-direction:column}.list-toolbar .button-primary,.list-toolbar .button-outline,.search-field{width:100%}.list-card>.table-scroll{padding:0 7px}.list-card table{min-width:970px}.card-footnote{margin-left:14px;margin-right:14px}.client-grid{grid-template-columns:1fr;padding:0 13px 15px}.client-card{padding:13px}.client-card-bottom{align-items:flex-start;flex-direction:column}.client-card-bottom button{padding:2px 0}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0;padding:18px}.plan-card h3{margin-top:12px}.plan-card>p{min-height:0}.plan-price,.plan-card ul{margin:14px 0}.plan-card li{font-size:10px}.setup-fee-card{align-items:flex-start;flex-wrap:wrap;padding:15px}.setup-fee-card>div:nth-child(2){flex:1;min-width:180px}.setup-side{margin:8px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid #e9eef1;width:100%;min-width:0}.proposal-note{align-items:flex-start;padding:12px}.proposal-note b{font-size:10px;line-height:1.45}.proposal-note p{line-height:1.45}.integration-hero{align-items:flex-start;flex-wrap:wrap;padding:15px}.integration-hero>div:nth-child(2){min-width:calc(100% - 65px)}.integration-hero h2{font-size:14px;line-height:1.35}.integration-status{margin-left:58px}.guide-card{padding:15px}.guide-steps li{grid-template-columns:28px minmax(0,1fr);gap:8px}.guide-steps li>span{width:26px;height:26px;font-size:9px}.safe-card,.next-card,.settings-card{padding:15px}.setting-row{align-items:flex-start;flex-direction:column}.setting-state{padding-left:1px}.modal-card{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.toast{left:12px;right:12px;bottom:12px;max-width:none}.test-actions{flex-direction:column;align-items:stretch}.button-mini{justify-content:center}.heading-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
