@import url('./tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-1.1px;line-height:1.2}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}small,.muted{color:var(--muted)}.muted{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;text-transform:uppercase;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 20px 22px;display:flex;flex-direction:column;position:fixed;width:238px;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:750;letter-spacing:-1px;padding:0 12px}.brand-mark{display:inline-flex;width:37px;height:37px;border-radius:11px;background:var(--green);color:var(--lime);align-items:center;justify-content:center;flex-shrink:0}.brand-mark svg{width:26px;height:26px}.workspace{border:1px solid var(--line);border-radius:10px;margin:33px 4px 26px;padding:12px;display:flex;align-items:center;gap:10px}.workspace-icon{background:#edf0ed;border:1px solid #e1e6df;border-radius:7px;width:31px;height:35px;display:grid;place-items:center}.workspace strong{display:block;font-size:12px}.workspace small{font-size:10px}.nav-label{padding:0 15px;margin-bottom:9px}.nav{display:grid;gap:5px}.nav button{border:0;background:none;color:var(--muted);font-size:13px;font-weight:550;text-align:left;border-radius:8px;padding:11px 14px;display:flex;align-items:center;gap:12px}.nav button:hover{background:#f6f8f4;color:var(--ink)}.nav button.active{background:#e9f0e7;color:var(--green);font-weight:650}.nav button.active svg{stroke:var(--green)}.sidebar-bottom{margin-top:auto}.side-note{margin:22px 4px;padding:16px;border-radius:10px;background:#f7f8f4;font-size:12px;color:var(--muted)}.side-note svg{color:var(--green);margin-bottom:9px}.side-note strong{display:block;color:var(--ink);margin-bottom:4px}.profile{display:flex;align-items:center;border-top:1px solid var(--line);padding:19px 5px 0;gap:10px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8e8df;font-weight:650;font-size:12px;color:#5d6453}.profile-text{overflow:hidden;flex:1}.profile strong{font-size:11px;display:block}.profile small{display:block;font-size:10px;text-overflow:ellipsis;overflow:hidden}.icon-button{border:0;background:transparent;padding:5px;color:var(--muted);border-radius:5px;display:inline-grid;place-items:center}.icon-button:hover{background:#eef1eb}.main{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;gap:14px}.breadcrumb{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:12px}.breadcrumb span:last-child{color:var(--ink)}.topbar-right{display:flex;gap:20px;align-items:center}.connection{font-size:11px;color:#68716b;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#b6beb5;display:inline-block}.dot.good{background:#4f935c}.dot.warn{background:#c89b45}.content{max-width:1470px;margin:0 auto;padding:37px 40px 45px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading p{margin-top:8px;color:var(--muted);font-size:13px}.heading-actions{display:flex;gap:9px;align-items:center}.button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.button svg{width:16px;height:16px}.button:hover{background:#f5f7f1}.button.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2px 2px #173c3510}.button.primary:hover{background:#21574e}.button.light{background:#e4f0d8;border-color:#e4f0d8;color:#1b3e31}.button.danger{color:#a34739;border-color:#eaccc6}.button.small{padding:7px 11px;font-size:11px}.button.text{background:transparent;border-color:transparent;padding-left:0;color:var(--green)}.hero{border-radius:12px;background:var(--green);padding:29px 31px;color:#fff;display:flex;justify-content:space-between;position:relative;overflow:hidden;min-height:188px;margin-bottom:24px;gap:24px}.hero-copy{position:relative;z-index:1;max-width:530px}.hero .eyebrow{color:#b2c7bd;display:flex;align-items:center;gap:7px;margin-bottom:13px;font-size:9px}.hero h2{font-size:25px;line-height:1.25;font-weight:550;letter-spacing:-.7px;max-width:430px}.hero p{color:#c0d0c7;font-size:12px;margin-top:11px;max-width:430px;line-height:1.65}.hero-tags{display:flex;gap:7px;margin-top:18px}.hero-tags span{font-size:10px;border:1px solid #ffffff22;border-radius:4px;padding:3px 7px;color:#d6e5d9}.orbit-visual{position:relative;width:245px;min-width:200px;align-self:stretch}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:240px;height:240px;top:-24px;right:0}.orbit.second{width:320px;height:320px;right:-40px;top:-64px}.orbit.third{width:400px;height:400px;right:-80px;top:-104px}.orbit-center{position:absolute;right:77px;top:37px;border-radius:20px;background:#e6f5d8;width:85px;height:85px;display:grid;place-items:center;color:var(--green);box-shadow:0 10px 25px #05231d40;transform:rotate(-9deg)}.orbit-center svg{width:37px;height:37px}.language-chip{position:absolute;border:1px solid #ffffff25;border-radius:5px;background:#214940;padding:5px 9px;font-size:10px;box-shadow:0 3px 10px #0002}.language-chip.es{top:0;right:132px}.language-chip.en{top:18px;right:10px}.language-chip.pt{bottom:12px;right:14px}.language-chip.de{bottom:3px;right:146px}.language-chip.it{top:78px;right:205px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:500}.stat-top svg{width:16px;height:16px;color:#849082}.stat-value{font-size:29px;letter-spacing:-.9px;font-weight:650;margin:9px 0 5px;line-height:1.2}.stat-bottom{font-size:10px;color:#889084}.stat-bottom .good{color:#4b8358}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:14px;font-weight:650}.panel-header p{font-size:11px;color:var(--muted);margin-top:4px}.panel-body{padding:22px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:21px;align-items:start}.section-stack{display:grid;gap:20px}.filter-row{display:flex;gap:5px;padding:13px 21px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.filter{border:0;background:transparent;color:var(--muted);border-radius:5px;padding:5px 10px;font-size:11px}.filter.active{background:#edf2e9;color:var(--green);font-weight:650}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{background:#fafbf8;text-align:left;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:600;color:#899080;padding:12px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #f0f2eb;vertical-align:middle}tr:last-child td{border-bottom:0}.table-name{display:flex;gap:11px;align-items:center}.campaign-icon{width:32px;height:32px;background:#f1f4ec;color:#71826a;border-radius:8px;display:grid;place-items:center}.campaign-icon svg{width:15px;height:15px}.table-name strong{font-size:12px;font-weight:600;display:block}.table-name small{font-size:10px;display:block;margin-top:3px;color:#92988d}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;background:#f1f2ee;color:#737c6f;font-size:10px;font-weight:500}.badge.green{background:#edf5e7;color:#5c7e46}.badge.blue{background:#edf1f8;color:#5d7499}.badge.orange{background:#fbf3e4;color:#a1813d}.badge.red{background:#f9ece8;color:#af6858}.language-pills{display:flex;gap:3px}.language-pills span{font-size:9px;background:#f2f3ed;border:1px solid #e8ebe1;border-radius:3px;width:24px;display:inline-grid;place-items:center;color:#747e6b;padding:2px 0}.empty{padding:44px 20px;text-align:center;white-space:normal;color:var(--muted)}.empty-icon{width:49px;height:49px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;color:#84947c;background:#fafbf7}.empty h3{color:var(--ink);font-size:13px;margin-bottom:7px}.empty p{max-width:350px;margin:auto;font-size:12px;line-height:1.7}.empty .button{margin-top:18px}.panel-footer{padding:13px 22px;background:#fcfcfa;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.lang-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2eb}.lang-item:last-child{border:0;padding-bottom:0}.lang-icon{width:28px;height:28px;display:grid;place-items:center;background:#f2f4ed;border-radius:6px;font-size:10px;color:#718069;font-weight:650}.lang-detail{flex:1}.lang-name{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.lang-bar{height:3px;border-radius:5px;background:#f0f2eb;overflow:hidden}.lang-bar i{display:block;height:100%;background:#83a37a;min-width:0}.note-card{background:#f0f3e9;border:1px solid #e4e9d8;border-radius:10px;padding:19px}.note-card svg{color:#6d805a;margin-bottom:10px}.note-card h3{font-size:12px;margin-bottom:7px}.note-card p{font-size:11px;color:#7c876f;line-height:1.8}.bottom-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#929a89;margin-top:26px}.bottom-note svg{width:12px;height:12px}.notice{padding:12px 15px;border:1px solid #eadfbc;background:#fbf8ed;color:#8c7848;border-radius:8px;font-size:12px;display:flex;align-items:flex-start;gap:9px;margin-bottom:20px}.notice svg{width:17px;height:17px;margin-top:1px}.notice.info{border-color:#dce7dc;background:#f0f5ed;color:#617357}.demo-ribbon{background:#fff7dc;border-bottom:1px solid #ebdfbb;padding:7px 20px;font-size:11px;text-align:center;color:#8e793f}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:17px 22px;border-bottom:1px solid var(--line)}input,textarea,select{width:100%;background:#fff;border:1px solid #dce2d5;border-radius:7px;color:var(--ink);padding:10px 12px;font-size:12px;min-height:39px}input:focus,textarea:focus,select:focus{border-color:#72966d;outline:2px solid #cce0c033}textarea{resize:vertical;min-height:108px;line-height:1.6}input[type=checkbox],input[type=radio]{width:16px;min-height:0;accent-color:var(--green)}label{font-size:12px;font-weight:550;display:block;margin-bottom:7px}.field{margin-bottom:20px}.field small{display:block;margin-top:6px;font-weight:400;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.search{max-width:280px;position:relative}.search input{padding-left:35px}.search svg{position:absolute;left:11px;top:11px;width:16px;height:16px;color:var(--muted)}.toolbar select{max-width:170px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.form-panel{padding:26px}.form-panel h2{font-size:16px;margin-bottom:5px}.form-panel>.muted{margin-bottom:22px}.language-tabs{display:flex;gap:4px;padding:0 0 19px;margin-bottom:23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.language-tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:6px;padding:8px 10px;font-size:11px;display:flex;gap:7px;align-items:center}.language-tab.active{border-color:#dbe7d1;background:#eef4e8;color:var(--green);font-weight:600}.language-tab .dot{width:4px;height:4px}.preview-card{border-radius:12px;border:1px solid var(--line);background:#e9ede4;padding:25px 20px;position:sticky;top:20px}.preview-card>.eyebrow{text-align:center;margin-bottom:19px;font-size:9px}.phone-clock{text-align:center;color:#6e7964;font-size:47px;font-weight:250;letter-spacing:-2px;line-height:1.1}.phone-date{text-align:center;color:#829078;font-size:10px;margin-top:4px;margin-bottom:22px}.notification-preview{border:1px solid #ffffffaa;border-radius:13px;background:#f9fbf6d9;box-shadow:0 5px 20px #3f51370a;overflow:hidden}.notification-preview-top{font-size:9px;color:#7d8772;display:flex;align-items:center;gap:6px;padding:12px 13px 8px}.mini-app{width:16px;height:16px;background:var(--green);border-radius:4px;display:grid;place-items:center;color:var(--lime);font-size:10px;font-weight:700}.notification-preview-top span:last-child{margin-left:auto}.notification-copy{padding:0 13px 14px;overflow-wrap:anywhere}.notification-copy strong{display:block;font-size:11px;color:#384332;margin-bottom:4px}.notification-copy p{font-size:10px;color:#68735e;line-height:1.6}.preview-image{width:100%;height:130px;object-fit:cover;display:block;border-top:1px solid #e3e8dc}.preview-caption{text-align:center;color:#8c9684;font-size:10px;margin-top:16px;line-height:1.6}.form-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding:19px 26px;background:#fcfdf9}.form-actions>div{display:flex;gap:8px}.stepper{display:flex;gap:25px;margin:0 0 26px}.step{font-size:11px;color:#929b88;display:flex;gap:8px;align-items:center}.step b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f0f2eb;font-size:10px;font-weight:550}.step.active{color:var(--green);font-weight:600}.step.active b{background:var(--green);color:white}.check-row{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px;font-weight:400}.check-row input{flex-shrink:0}.choice{border:1px solid var(--line);padding:15px;border-radius:8px;margin-bottom:11px;display:flex;gap:12px;align-items:flex-start;font-size:12px;font-weight:500}.choice input{margin-top:3px}.choice small{display:block;color:var(--muted);margin-top:4px;font-size:11px;font-weight:400}.choice:has(input:checked){border-color:#9bb48e;background:#f4f8ef}.review-card{padding:18px;background:#f6f8f1;border-radius:8px;margin:18px 0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.review-grid small{display:block;font-size:10px}.review-grid strong{display:block;font-size:12px;margin-top:4px}.review-result{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.review-result b{font-size:28px;font-weight:600;display:block}.review-result span{font-size:11px;color:var(--muted)}.review-translations{display:grid;gap:9px}.translation-review{border:1px solid var(--line);border-radius:7px;padding:13px;display:flex;gap:11px}.translation-review strong{font-size:12px}.translation-review p{font-size:11px;color:var(--muted);margin-top:4px}.status-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;gap:15px}.status-line:first-child{padding-top:0}.status-line:last-child{border:0;padding-bottom:0}.status-line strong{display:block;font-size:12px}.status-line p{font-size:11px;color:var(--muted);margin-top:4px}.copy-field{display:flex;gap:8px;margin-top:10px}.copy-field input{background:#f9fbf6;font-family:ui-monospace,monospace;font-size:10px}.code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow-wrap:anywhere}.table-actions{display:flex;gap:7px}.text-link{color:var(--green);border:0;background:none;padding:0;font-size:11px;font-weight:600}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--muted)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--green);padding:50px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:white}.auth-story .brand{padding:0;color:white}.auth-story .brand-mark{background:#ffffff12}.auth-story-copy{margin:auto 0;max-width:430px;position:relative;z-index:1;padding:50px 0}.auth-story .eyebrow{color:#b8c7af;margin-bottom:22px}.auth-story h1{font-size:48px;line-height:1.13;letter-spacing:-1.8px;font-weight:550}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{color:#c0cdb8;line-height:1.8;font-size:14px;margin-top:23px}.auth-story .auth-foot{font-size:11px;color:#91ae96}.auth-main{display:grid;place-items:center;padding:40px;background:#fafbf7}.auth-box{width:100%;max-width:370px}.auth-box h2{font-size:26px;margin-bottom:9px;letter-spacing:-.8px}.auth-box>p{color:var(--muted);margin-bottom:29px;font-size:13px}.auth-box .button{width:100%;margin-top:5px}.auth-box .auth-note{font-size:11px;color:#92998b;text-align:center;margin-top:22px;line-height:1.7}.auth-error{background:#fbf0e9;border:1px solid #f0dcd0;color:#a47354;border-radius:8px;padding:14px;font-size:12px;margin:20px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#263b2c;color:#fff;max-width:min(90vw,550px);padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #132c2325;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8c493c}dialog{border:1px solid var(--line);border-radius:13px;max-width:540px;width:calc(100% - 40px);padding:0;box-shadow:0 25px 100px #18322635;color:var(--ink)}dialog::backdrop{background:#17332855;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:17px 24px;border-top:1px solid var(--line);background:#fafbf7}.modal-body .field:last-child{margin-bottom:0}.mobile-menu{display:none}.pager{display:flex;gap:8px;align-items:center}.pager .button{padding:4px 8px;font-size:10px}.inline-error{color:#a45543;font-size:12px;margin-top:12px}.spaced-top{margin-top:20px}.full{width:100%}.hidden{display:none!important}
@media(min-width:1550px){.content{padding-top:45px}.hero{min-height:213px;padding:35px}.stat{padding:24px}.hero h2{font-size:29px}}
@media(max-width:1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:26px 14px}.topbar{padding:0 25px}.content{padding:28px 25px}.two-columns{grid-template-columns:1fr}.section-stack{grid-template-columns:1fr 1fr}.hero h2{font-size:23px}.stat{padding:16px}.stat-value{font-size:25px}.stat-top{font-size:10px}.form-layout{grid-template-columns:minmax(0,1fr) 270px}.form-panel{padding:22px}.language-tab{padding:7px 6px}.form-actions{padding:17px 22px}.orbit-visual{min-width:195px}}
@media(max-width:900px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding:25px 10px}.brand{font-size:23px;padding:0 10px}.workspace{padding:9px;margin-top:28px}.workspace small{font-size:9px}.side-note{padding:12px}.content{padding:25px 20px}.topbar{padding:0 20px}.hero{padding:25px;min-height:190px}.orbit-visual{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.form-layout{grid-template-columns:1fr}.preview-card{position:static;max-width:400px;width:100%;margin:auto}.form-layout>.preview-card{order:-1;display:none}.auth-story{padding:35px}.auth-story h1{font-size:39px}.auth-main{padding:30px}}
@media(max-width:640px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px;box-shadow:20px 0 60px #172a2a25}.sidebar.open{transform:translateX(0)}.main{width:100%}.topbar{height:62px;padding:0 18px}.mobile-menu{display:inline-flex}.breadcrumb{gap:9px;font-size:10px}.topbar-right{gap:10px}.connection{font-size:10px}.topbar-right>.avatar{display:none}.content{padding:25px 17px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:12px}h1{font-size:25px}.page-heading p{font-size:12px;line-height:1.6}.page-heading .heading-actions .button:not(.primary){display:none}.page-heading .button{padding:9px 11px;font-size:11px}.hero{padding:24px;min-height:200px;margin-bottom:18px}.hero h2{font-size:24px}.hero p{font-size:11px}.hero-tags{flex-wrap:wrap}.stat-grid{gap:10px;margin-bottom:19px}.stat{padding:15px}.stat-top svg{width:14px}.stat-value{font-size:26px}.stat-bottom{font-size:9px}.section-stack{grid-template-columns:1fr}.panel-header{padding:18px}.panel-body{padding:18px}.panel-header h2{font-size:13px}.two-columns{gap:18px}.filter-row{padding:11px 13px}.filter{font-size:10px;padding:5px 8px}td{padding:15px 18px}th{padding:12px 18px}.bottom-note{font-size:9px;flex-wrap:wrap;text-align:center}.toolbar{padding:15px}.toolbar .search{max-width:none;flex:1}.toolbar select{max-width:130px}.form-panel{padding:20px}.form-actions{padding:15px;flex-wrap:wrap;justify-content:flex-end}.form-actions>div{gap:5px}.form-actions .button{font-size:10px;padding:9px}.stepper{gap:15px}.step{font-size:10px;gap:6px}.field-row{gap:12px}.review-grid{gap:15px}.review-result{gap:20px}.auth-screen{grid-template-columns:1fr}.auth-story{padding:25px;min-height:235px}.auth-story-copy{padding:28px 0 0}.auth-story .eyebrow,.auth-story p,.auth-story .auth-foot{display:none}.auth-story h1{font-size:31px;max-width:310px}.auth-main{padding:35px 25px}.auth-box h2{font-size:24px}.connection .label{max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-body{padding:20px}.modal-head{padding:18px 20px}.notice{font-size:11px}}