@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{--navy:#12182e;--indigo:#6456e7;--indigo-dark:#4c3ec5;--dark:#1e2638;--muted:#8790a1;--border:#e9ebf2;--bg:#f8f9fd;--soft:#f3f2ff;--radius:15px}*{box-sizing:border-box}body{margin:0;font:14px/1.55 'DM Sans',system-ui,sans-serif;color:var(--dark);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}a{color:#5344d8;text-decoration:none}.hidden{display:none!important}.shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:#fff;border-right:1px solid var(--border);padding:27px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:11}.brand{display:flex;align-items:center;gap:11px;margin:0 5px 30px}.brand-mark{background:linear-gradient(140deg,#7871f8,#4b4fc9);width:41px;height:41px;display:grid;place-items:center;border-radius:12px;color:#fff;box-shadow:0 6px 18px #514fd32a;font-size:24px}.brand strong{font:800 24px 'Manrope',sans-serif;letter-spacing:-1.2px;color:#222840}.brand-dot{color:#6552e4}.brand small{display:block;letter-spacing:2.05px;font:800 9px 'Manrope';color:#9a9caa;margin-top:-6px}.workspace{border:1px solid #ebecf3;background:#fafaff;border-radius:10px;padding:10px;display:flex;gap:9px;align-items:center;margin-bottom:25px}.workspace-icon{width:31px;height:31px;background:#eae6ff;border-radius:9px;display:grid;place-items:center;color:#6554e1;font-size:24px}.workspace div:nth-child(2){min-width:0;flex:1}.workspace span{display:block;color:#9b9dad;font-size:10px}.workspace strong{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:700 11px 'Manrope'}.workspace .chevron{font-size:20px;color:#b5b8c5}.sidebar-label{font:800 10px 'Manrope';color:#a1a6b3;letter-spacing:1.6px;margin:0 12px 13px}.sidebar-label.slim{margin-top:34px;margin-bottom:14px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#667084;text-align:left;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600;transition:.16s}.nav-item:hover{background:#f5f4fc;color:#463ca4}.nav-item.active{background:#eeeaff;color:#5848d1;font-weight:800}.navicon{font-size:20px;font-family:system-ui;width:23px;text-align:center;line-height:1}.nav-badge{margin-left:auto;background:#f0ecff;color:#6150dc;padding:2px 8px;border-radius:20px;font-size:11px}.sidebar-bottom{margin-top:auto}.release-badge{padding:13px 9px;background:#f7f9fe;border:1px solid #eef0f8;border-radius:11px;font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#667184}.pulse{width:7px;height:7px;background:#38c7a1;border-radius:50%;box-shadow:0 0 0 3px #dcf8ef}.release-ok{margin-left:auto;color:#279c72;font-weight:700}.sidebar-meta{display:flex;justify-content:space-between;padding:18px 5px 3px;color:#a2a5b6;font-size:10px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 45px;gap:20px}.breadcrumbs{color:#a5abb8;font-size:13px;display:flex;gap:11px;align-items:center}.breadcrumbs strong{color:#42465b}.top-actions{display:flex;align-items:center;gap:17px}.draft-pill{font-size:11px;font-weight:700;padding:7px 10px;border:1px solid #e7e9ef;border-radius:8px;color:#636d83;white-space:nowrap}.draft-pill .dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#e2ac4b;margin-right:4px}.draft-pill.live .dot{background:#2abc91}.icon-button{background:#fff;border:1px solid #e9eaf0;border-radius:9px;width:33px;height:33px;color:#73819b;font-size:23px;line-height:1}.avatar{width:34px;height:34px;background:#f5e3cb;border-radius:10px;color:#8a5b32;display:grid;place-items:center;font-weight:800}.content{width:100%;max-width:1620px;margin:0 auto;padding:38px 42px 28px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{font:800 10px 'Manrope';color:#6855df;letter-spacing:2px;margin-bottom:9px}.page-heading h1{font:800 clamp(24px,2.5vw,33px)/1.27 'Manrope',sans-serif;letter-spacing:-1.4px;margin:0;color:#21263a}.accent{color:#7865f1}.page-heading p{font-size:13px;color:#9095a6;margin:9px 0 0}.btn{border:1px solid transparent;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;white-space:nowrap;font-weight:700;font-size:12px;transition:transform .14s,background .14s,box-shadow .14s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#6654e8;color:#fff;box-shadow:0 4px 14px #7461e833}.btn.primary:hover{background:#5846d6}.btn.soft{background:#f2f0ff;color:#6050dd}.btn.soft:hover{background:#e9e5ff}.btn.ghost{background:#fff;border-color:#e4e5ed;color:#515a70}.btn.small{padding:8px 12px}.btn.full{width:100%}.hero{background:radial-gradient(ellipse at 78% 40%,#333c83 0%,transparent 43%),linear-gradient(110deg,#151933 15%,#232b63 100%);color:#fff;min-height:258px;border-radius:18px;display:flex;justify-content:space-between;padding:34px 46px;overflow:hidden;position:relative;box-shadow:0 15px 35px #171d3620}.hero>div:first-child{position:relative;z-index:3}.hero-tag{letter-spacing:1.8px;font:800 10px 'Manrope';color:#b7aaff}.hero h2{font:800 clamp(24px,3vw,35px)/1.29 'Manrope';letter-spacing:-1.15px;margin:16px 0 8px}.hero h2 em{font-style:normal;background:linear-gradient(90deg,#b0a6ff,#8bd9f0);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:12px;color:#bdc5df;max-width:455px;line-height:1.8;margin-bottom:17px}.btn.hero-action{background:#fff;color:#4640bc;padding:9px 17px}.btn.hero-action span{margin-left:12px}.globe{width:300px;position:absolute;right:70px;top:15px;bottom:0}.globe-circle{width:205px;height:205px;position:absolute;border-radius:100%;top:12px;right:40px;background:radial-gradient(circle at 34% 33%,#979afd,#4953a5 58%,#252f6c);box-shadow:inset -20px -15px 35px #0b164c8a,0 0 55px #8088fd55;overflow:hidden}.globe-circle:before,.globe-circle:after{content:'';position:absolute;width:65px;height:200px;border:2px solid #c1cdff7b;border-radius:50%;top:0;left:67px}.globe-circle:after{transform:rotate(90deg)}.globe-lines{position:absolute;inset:40px -2px;border-top:2px solid #d5d9ff82;border-bottom:2px solid #d5d9ff82}.globe-orbit{border:1px solid #aaa5ff60;border-radius:50%;position:absolute;right:0;top:-30px;width:310px;height:277px;transform:rotate(-20deg)}.orbit-two{top:8px;right:-20px;transform:rotate(54deg)}.globe-point{position:absolute;width:11px;height:11px;background:#6de7b5;border-radius:50%;box-shadow:0 0 0 5px #6de7b52c}.p1{top:70px;left:70px}.p2{top:131px;right:46px}.p3{top:120px;left:25px;background:#eab7fb}.floating-bubble{position:absolute;right:-45px;top:145px;background:#fff;color:#38a782;border-radius:8px;padding:9px 12px;box-shadow:0 12px 28px #10143755;font-weight:800;font-size:12px;z-index:2}.floating-bubble span{color:#333c58}.floating-country{position:absolute;top:34px;left:-18px;background:#ffffffec;color:#5250be;font-weight:700;padding:9px 15px;border-radius:9px;z-index:2;box-shadow:0 8px 22px #0b10494d}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:22px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:19px 21px;min-width:0}.stat-top{display:flex;justify-content:space-between;gap:4px;align-items:center}.stat-top span:first-child{font:800 10px 'Manrope';letter-spacing:1px;color:#a0a6b5}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:17px}.violet{background:#eeeaff;color:#7060ec}.mint{background:#e9fbf2;color:#30aa7e}.blue{background:#eaf2ff;color:#3b86df}.amber{background:#fff3db;color:#d69b35}.stat-card>strong{display:block;font:800 31px 'Manrope';color:#292e47;letter-spacing:-1px;margin-top:9px}.stat-card>strong.text-status{font-size:21px;letter-spacing:-.4px;margin:15px 0 5px}.stat-card small{color:#a3a8b5;font-size:11px}.row{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:22px}.card,.table-card{background:#fff;border:1px solid var(--border);border-radius:14px;min-width:0}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:24px 25px 15px}.card-header h3,.padded h3{font:800 16px 'Manrope';letter-spacing:-.45px;margin:0;color:#2c3045}.card-header p,.section-sub{color:#9aa0b1;font-size:11px;margin:6px 0 0}.link-button{border:0;background:transparent;color:#6554de;font-weight:700;font-size:11px;padding:2px 0}.rule-row{display:flex;align-items:center;border-top:1px solid #f2f3f6;padding:12px 24px;gap:11px}.rule-dot{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f3f0ff;color:#7966ed;font-weight:700}.rule-row strong{font-size:12px;font-weight:700;display:block}.rule-row small{color:#a5abb6;font-size:11px}.rule-row .right{margin-left:auto}.pill{display:inline-flex;align-items:center;font-size:10px;font-weight:800;padding:5px 9px;border-radius:6px;white-space:nowrap;background:#f0f5ff;color:#5673b8}.pill.success{color:#20916c;background:#e9f8f0}.pill.disabled{color:#8b95a8;background:#f2f4f8}.pill.deny{color:#c56c5a;background:#fff0eb}.empty{text-align:center;padding:35px 20px;color:#a1a7b5;font-size:12px}.empty .empty-icon{font-size:27px;color:#8d80e3;margin-bottom:5px}.checklist{padding-bottom:20px}.check-item{margin:0 22px;display:flex;align-items:center;gap:12px;padding:12px 0}.check-circle{width:30px;height:30px;background:#f1f2f7;border:1px solid #e6e7ef;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#9ba1b5}.check-circle.success{background:#e5faee;color:#25aa7f;border-color:#d8f5e6}.check-item strong{display:block;font-weight:700;font-size:12px}.check-item small{display:block;color:#a4aabb;font-size:10px}.check-label{margin-left:auto;color:#3bb48f;font-size:10px;font-weight:800}.checklist>.btn{width:calc(100% - 44px);margin:13px 22px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a3a9b7;font-size:10px;border-top:1px solid var(--border);padding:16px 43px;background:#fff}.table-card{overflow:hidden}.table-tools{padding:17px 22px;display:flex;align-items:center;gap:18px}.searchbox{border:1px solid #e8eaf1;border-radius:9px;padding:7px 12px;color:#8d91a5;display:flex;align-items:center;gap:9px;flex:1;max-width:360px}.searchbox input{border:0;outline:none;width:100%;font-size:12px;color:var(--dark)}.table-tools .muted{margin-left:auto}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#fafafe;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}th{text-align:left;color:#9ba2b3;font:800 10px 'Manrope';letter-spacing:.65px;padding:15px 20px}td{font-size:12px;border-bottom:1px solid #f1f2f6;padding:18px 20px;vertical-align:middle;color:#606a7a}td strong{color:#30364f;font-size:12px}td small{display:block;color:#a0a6b4;margin-top:3px}.action-cell{display:flex;justify-content:flex-end;gap:4px}.action-cell button{background:#fff;border:1px solid #edf0f6;border-radius:8px;padding:6px 9px;color:#69758a;font-size:11px}.action-cell button:hover{color:#6050d4;background:#f7f5ff}.table-footer{padding:15px 21px;display:flex;justify-content:space-between;color:#a0a5b5;font-size:11px}.muted{color:#99a1b1}.padded{padding:27px}.split-content{display:grid;grid-template-columns:1.18fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#4b5368;font-size:12px}.form-grid label small{color:#a4a8b7;font-size:10px;font-weight:400}.form-grid .wide,.wide{grid-column:span 2}.input{width:100%;outline:none;background:#fff;border:1px solid #e2e5ee;border-radius:9px;padding:11px 12px;font-size:12px;color:#263049;min-height:42px}.input:focus{border-color:#8476f0;box-shadow:0 0 0 3px #8c7ef01f}textarea.input{resize:vertical}.form-grid+.btn,.form-label+.btn{margin-top:22px}.result{background:linear-gradient(145deg,#fff,#fbfaff)}.result-symbol{height:52px;width:52px;display:grid;place-items:center;background:#f1efff;color:#6351e8;font-size:30px;border-radius:15px;margin-bottom:20px}.result-box{border:1px dashed #dcdced;border-radius:10px;padding:17px;margin-top:25px;background:#fff;font-size:12px;min-height:90px;color:#788298;white-space:pre-wrap}.result-box.allowed{border-color:#98dfc0;background:#f0fcf5;color:#287e5a}.result-box.blocked{border-color:#efd5a8;background:#fffaf0;color:#925728}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0;border:1px solid #edf0f5;border-radius:11px;padding:15px}.setting-row span strong,.setting-row span small{display:block}.setting-row strong{font-size:12px}.setting-row small{color:#a2aabb;font-size:10px;margin-top:3px}.setting-row input{accent-color:#6855e9;width:19px;height:19px}.setting-row.tight{margin:0 0 16px}.form-label{font-size:12px;font-weight:700;display:block;margin:20px 0 15px}.form-label .input{display:block;margin-top:8px}.storefront-preview{margin-top:22px;background:#f8f9fd;padding:20px;border:1px solid #e7eaf1;display:grid;grid-template-columns:135px 1fr;gap:20px;border-radius:12px}.preview-img{border-radius:10px;min-height:170px;background:linear-gradient(145deg,#d8deea,#f1f4fa);display:grid;place-items:center;color:#8490ab;font-size:65px}.storefront-preview h4{font:800 19px 'Manrope';margin:8px 0 15px}.preview-alert{border:1px solid #e8ddec;background:#f8f4fb;color:#6b5877;border-radius:7px;padding:8px 10px;font-size:11px}.preview-buy{border:0;background:#e3e5eb;color:#7c8390;width:100%;padding:10px 8px;border-radius:8px;margin-top:13px;font-size:11px}.tiny{font-size:10px;margin-top:17px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:#fff;border:1px solid #e7eaf1;border-radius:16px;padding:30px 27px;position:relative;overflow:hidden}.plan.preferred{border:2px solid #7465e6;box-shadow:0 15px 30px #7866d920}.popular{position:absolute;right:-37px;top:18px;background:#7365e4;color:#fff;transform:rotate(45deg);font-size:8px;font-weight:800;padding:6px 38px}.plan-name{font:800 13px 'Manrope';color:#6557dd}.plan h2{font:800 34px 'Manrope';margin:8px 0 2px;letter-spacing:-1.6px}.plan h2 small{font-size:12px;color:#adb0bd;font-weight:600}.plan p{color:#9ca2b0;font-size:12px}.plan-list{font-size:12px;line-height:3;color:#616b81;min-height:183px;margin-top:22px}.footnote{font-size:11px;color:#9da6b7}.setup-steps{display:grid;grid-template-columns:1fr 1fr;gap:17px}.setup-card{display:flex;padding:25px;gap:19px}.setup-number{font:800 24px 'Manrope';color:#dbd6fa}.setup-card h3{font:800 16px 'Manrope';margin:0}.setup-card p{font-size:12px;color:#909bac;line-height:1.8}.banner{padding:13px 17px;background:#eef6ff;border:1px solid #dceafa;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:12px;color:#5b779e;margin-top:17px}.banner strong{color:#3e6196}.banner.error{background:#fff4f2;border-color:#f8d4cd;color:#9b5046;margin:20px}.banner.error strong{color:#aa493d}.banner .btn{margin-left:auto}.modal-backdrop{position:fixed;inset:0;background:#0c1531b8;display:flex;align-items:center;justify-content:center;z-index:30;padding:20px;backdrop-filter:blur(4px)}.modal{background:#fff;width:700px;max-width:100%;border-radius:19px;box-shadow:0 40px 95px #0a133355;max-height:94vh;display:flex;flex-direction:column}.modal-head{padding:28px 32px 19px;border-bottom:1px solid #e9ecf4;display:flex;justify-content:space-between}.modal-head h2{font:800 22px 'Manrope';letter-spacing:-.6px;margin:0}.modal-head p{font-size:12px;color:#9ba4b3;margin:5px 0 0}.close{font-size:25px;background:#f5f6fa;border:0;width:31px;height:31px;border-radius:9px;color:#7e8497}.modal form{display:flex;flex-direction:column;min-height:0}.modal-body{padding:25px 32px;overflow-y:auto}.modal-footer{border-top:1px solid #e9ecf4;padding:17px 31px;display:flex;justify-content:flex-end;gap:9px}.separator{position:relative;margin:26px 0 18px;border-top:1px solid #edf0f4}.separator span{position:absolute;top:-9px;background:#fff;padding:0 13px 0 0;color:#8d91a4;letter-spacing:1.1px;font:800 9px 'Manrope'}.resource-select{background:#f9faff;border-radius:11px;border:1px solid #eff0f7;padding:12px}.resource-search{display:flex;gap:9px}.resource-results{display:flex;flex-wrap:wrap;gap:7px;max-height:160px;overflow-y:auto;margin:8px 0}.resource-results button{border:1px solid #dedff0;background:#fff;border-radius:7px;padding:6px 9px;color:#60627e;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.chip{background:#e9e7ff;color:#6155b5;border-radius:7px;padding:4px 8px;font-size:11px}.chip button{background:none;border:0;color:#5642cc;margin-left:5px}.resource-select>small{font-size:10px;color:#9ca5b4}.check-label-line{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#556077}.check-label-line input{accent-color:#6758e7}.toast{position:fixed;right:28px;bottom:26px;z-index:50;padding:14px 20px;border-radius:10px;background:#212b43;color:#fff;box-shadow:0 8px 35px #0a12394f;font-size:13px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;max-width:420px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b94e4a}@media(max-width:1160px){.stats{grid-template-columns:repeat(2,1fr)}.row,.split-content{grid-template-columns:1fr}.hero .globe{right:5px;opacity:.75}.hero>div:first-child{max-width:60%}.sidebar{width:217px}.shell{grid-template-columns:217px 1fr}.topbar{padding:0 24px}.content{padding:32px 24px}}@media(max-width:770px){.shell{display:block}.sidebar{position:relative;height:auto;width:auto;padding:15px}.brand{margin:0 0 13px}.workspace,.sidebar-label,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow-x:auto}.nav .nav-item{white-space:nowrap;font-size:11px;padding:9px}.nav-item .navicon{font-size:16px;width:auto}.topbar{height:59px;padding:0 15px}.content{padding:22px 14px}.page-heading{align-items:flex-start;flex-direction:column}.hero{padding:25px 23px;min-height:230px}.hero>div:first-child{max-width:80%}.hero .globe{opacity:.23;right:-100px}.stats{gap:10px}.stat-card{padding:13px}.stat-card>strong{font-size:24px}.plans,.setup-steps{grid-template-columns:1fr}.modal{max-height:98vh}.modal-body{padding:16px}.modal-head{padding:18px}.footer{padding:13px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid .wide,.wide{grid-column:span 1}.storefront-preview{grid-template-columns:1fr}.preview-img{min-height:100px}.table-tools{flex-wrap:wrap}.resource-select{grid-column:span 1}}