:root{--ink:#2a2031;--muted:#82788b;--line:#ebe6ee;--purple:#79518c;--light:#f5eff8;--paper:#fbfafc;--pink:#f5d6e4;--green:#34735d;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.wordmark{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:39px;font-weight:800;letter-spacing:-3px}.skip{position:fixed;top:-100px}.skip:focus{top:10px;left:20px;z-index:999;background:white;padding:15px}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 18px 20px;background:white;border-right:1px solid var(--line)}.sidebar .wordmark{padding:0 15px}.org-choice{margin:28px 0 25px;border:1px solid var(--line);border-radius:10px;padding:11px;width:100%;color:var(--ink);background:white;font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:#746a7b;font-weight:500}.nav-link.active{background:var(--light);color:var(--purple)}.nav-link:hover{background:#faf7fb}.nav-link svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}.sidebar-bottom{margin-top:auto;padding:20px 13px 0}.sidebar-bottom img{width:55px;height:55px;object-fit:cover;float:right;border-radius:50%}.sidebar-bottom p{font-size:12px;max-width:125px;margin:6px 0 12px}.profile{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:var(--purple);font-weight:700;flex-shrink:0}.profile .email{max-width:126px;overflow:hidden;text-overflow:ellipsis}.shell{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffc9;gap:15px}.topbar span{font-size:12px;color:var(--muted)}.topbar a{font-size:12px}.content{padding:38px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-heading p{margin-top:9px;color:var(--muted);max-width:650px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 16px;font-weight:500;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn.primary{background:var(--purple);color:white;border-color:var(--purple)}.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn.danger{color:#a3394c}.btn:hover{filter:brightness(.97)}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{display:block;font-size:34px;font-weight:600;letter-spacing:-1px;margin:15px 0 5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.empty{padding:65px 24px;text-align:center;background:white;border:1px dashed #dcd2e2;border-radius:13px}.empty img{width:100px;height:100px;object-fit:contain;margin-bottom:15px}.empty p{max-width:390px;margin:12px auto 22px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.search{max-width:300px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}table.data{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:#fdfcfe;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:500}.data td{padding:16px 18px;border-bottom:1px solid #f3f0f5;font-size:13px}.data tr:last-child td{border:0}.employee-cell{display:flex;gap:12px;align-items:center}.employee-cell img{width:35px;height:35px;border-radius:50%;object-fit:cover}.employee-cell small{display:block;color:var(--muted);margin-top:5px}.badge{font-size:11px;display:inline-flex;padding:5px 9px;border-radius:20px;background:var(--light);color:var(--purple);white-space:nowrap}.badge.green{background:#edf7f1;color:var(--green)}.badge.gray{background:#f1f0f3;color:#817889}.badge.amber{background:#fff3dd;color:#956718}.table-foot{padding:16px 2px;font-size:12px;color:var(--muted)}.form label{display:block;font-size:12px;font-weight:500;margin:19px 0 8px}.form label:first-child{margin-top:0}input,select,textarea{border:1px solid #ded6e4;background:white;border-radius:8px;padding:11px 12px;color:var(--ink);width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--purple)}input[type=color]{height:42px;padding:5px}textarea{resize:vertical;min-height:85px}input:focus,select:focus,textarea:focus{outline:2px solid #d5bce2;outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-row>div{min-width:0}.check{display:flex!important;gap:9px;align-items:center;font-weight:400!important}.field-hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}.form .actions{margin-top:25px}.error{background:#fff0f2;color:#98394e;padding:12px 16px;border-radius:8px;line-height:1.5;margin-bottom:15px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--pink);padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-family:'Bricolage Grotesque';font-size:60px;max-width:400px;line-height:1.04}.login-art img{width:min(100%,490px);align-self:center}.login-form{display:flex;align-items:center;justify-content:center;padding:35px}.login-form .form{width:100%;max-width:360px}.login-form h1{margin-bottom:15px}.login-form p{color:var(--muted);margin-bottom:28px}.login-form .primary{width:100%;margin-top:22px}.loading-screen{padding:25vh 25px;text-align:center}.loading-screen p{color:var(--muted);margin:25px}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.signature-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:white}.signature-card .sig-preview{min-height:225px;padding:25px;display:flex;align-items:center;background:#fcfbfd;overflow:auto}.signature-card-footer{border-top:1px solid var(--line);padding:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.signature-card h3{margin-bottom:6px}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.editor-top input{font-size:20px;font-weight:600;max-width:340px;background:transparent;border-color:transparent}.editor-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:25px;align-items:start}.editor-panel{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.editor-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);padding:8px;gap:3px}.editor-tabs button{border:0;background:none;padding:9px 10px;font-size:11px;border-radius:6px;color:var(--muted)}.editor-tabs button.active{background:var(--light);color:var(--purple)}.editor-fields{padding:21px;max-height:calc(100vh - 255px);overflow:auto}.editor-fields h3{margin-bottom:18px}.editor-fields .check{margin:13px 0}.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layout-option{padding:13px 8px;border:1px solid var(--line);border-radius:8px;background:white;text-align:left;color:var(--muted);font-size:11px}.layout-option.active{border-color:var(--purple);color:var(--purple);background:#faf6fc}.layout-glyph{display:block;font-size:26px;margin-bottom:8px;line-height:1}.editor-canvas{position:sticky;top:25px;min-width:0}.canvas-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.canvas-tools select{max-width:230px;font-size:12px}.email-canvas{border:1px solid var(--line);border-radius:12px;background:white;padding:30px;min-height:420px;overflow:auto}.email-chrome{font-size:12px;color:#b1a7b9;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:15px}.email-body{padding-top:15px;color:#716677;font-size:13px}.email-body p{margin-bottom:20px}.email-signature{padding-top:8px}.canvas-note{font-size:11px;color:var(--muted);padding:15px 0;line-height:1.6}.activity{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.activity small{color:var(--muted);white-space:nowrap}.integration{display:flex;flex-direction:column;gap:15px}.provider-mark{width:45px;height:45px;background:var(--light);border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:600}.integration p{color:var(--muted);font-size:13px;min-height:65px}.integration .actions{margin-top:auto}.setup-list{list-style:none;padding:0;margin:20px 0 0}.setup-list li{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.setup-list .badge{margin-left:auto}.chart{height:160px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);margin-top:30px}.chart-bar{flex:1;min-width:3px;background:#bd9ad0;border-radius:4px 4px 0 0}.chart-bar:hover{background:var(--purple)}dialog{padding:0;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 100px #20102e30;width:min(620px,calc(100vw - 30px));max-height:90vh}dialog::backdrop{background:#26172b55;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.modal-body{padding:24px;overflow:auto}.modal-head button{border:0;background:none;font-size:22px;color:var(--muted)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;padding:13px 24px;border-radius:10px;box-shadow:0 5px 25px #20102e20;transition:transform .2s;z-index:999;font-size:13px;max-width:90vw}#notice.visible{transform:translateX(-50%)}.mobile-menu{display:none}.subheading{margin:30px 0 18px}.inline-code{font-family:monospace;background:#f4f0f7;padding:3px 7px;border-radius:4px;font-size:12px}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.split-summary{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.public-note{background:#fbf7fd;border:1px solid var(--line);border-radius:9px;padding:14px;font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.layout{grid-template-columns:200px minmax(0,1fr)}.content{padding:25px}.sidebar{padding:25px 10px}.editor-grid{grid-template-columns:275px minmax(0,1fr);gap:16px}.email-canvas{padding:20px}.signature-grid{grid-template-columns:1fr}.topbar{padding:0 25px}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;z-index:100;width:235px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:10px 0 40px #26172b30}.mobile-menu{display:block}.topbar{padding:0 20px;height:65px}.content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.stats{gap:8px}.stats .card{padding:15px}.stat-value{font-size:26px}.stat-label{font-size:10px}.editor-grid{display:flex;flex-direction:column}.editor-panel,.editor-canvas{width:100%;position:static}.editor-fields{max-height:none}.editor-top{flex-wrap:wrap}.editor-top input{max-width:100%}.field-row{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh}.data td,.data th{padding:13px}.signature-card .sig-preview{padding:15px}.email-canvas{padding:18px}.signature-card-footer{flex-wrap:wrap}.topbar .small{display:none}.form .actions{gap:8px}.btn{padding:10px 12px;font-size:12px}h1{font-size:27px}.canvas-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.social-login{display:grid;gap:10px;margin:26px 0 12px}.social-button{width:100%;justify-content:center;gap:12px}.login-provider-icon{font:bold 20px Arial}.ms-login-icon{display:grid;grid-template-columns:repeat(2,8px);gap:2px}.ms-login-icon i{width:8px;height:8px;background:#706177}.login-divider{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:12px;margin:24px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:#e8e3ea;flex:1}.social-button:disabled{cursor:not-allowed;opacity:.5}

.login-headline{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(42px,5vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.05em;margin:60px 0 20px}.content,.editor-canvas,.card{min-width:0}.activity span,.profile .email{overflow-wrap:anywhere}.email-signature{overflow:auto}.table-wrap{max-width:100%}dialog::backdrop{overscroll-behavior:contain}
@media(max-width:760px){.topbar{gap:12px}.topbar .actions{min-width:0}.topbar .actions>a[target]{display:none}.toolbar{align-items:stretch;flex-direction:column}.toolbar .actions{flex-wrap:wrap}.login-form{padding:32px 22px}.stats{grid-template-columns:1fr}.stat-label{font-size:12px}.editor-top>div{min-width:0;width:100%}.sidebar{overflow-y:auto}.content{overflow-wrap:anywhere}.btn{min-height:42px}.page-heading .actions{flex-wrap:wrap}}
/* Pomba signature studio */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-name{display:block;font-size:22px;font-weight:600;max-width:360px;border-color:transparent;background:transparent;padding:8px 0}.studio-head .actions{gap:7px}.studio-head [data-studio=publish]{background:var(--purple);color:white}.studio-workbench{display:grid;grid-template-columns:76px 300px minmax(0,1fr);align-items:start;border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;min-height:660px}.studio-rail{padding:12px 5px;border-right:1px solid var(--line);height:100%;background:#fcfafc}.studio-rail button{display:block;width:100%;border:0;background:transparent;border-radius:9px;padding:13px 3px;color:#72657d;font-size:10px;margin-bottom:5px}.studio-rail button span{display:block;font-size:21px;font-weight:600;margin-bottom:5px}.studio-rail button[aria-pressed=true]{background:var(--light);color:var(--purple)}.studio-panel{border-right:1px solid var(--line);max-height:calc(100vh - 220px);min-height:660px;overflow:auto;padding:24px 20px}.studio-panel h2{font-size:20px;margin-bottom:14px}.studio-panel h3{font-size:13px;margin:26px 0 14px}.studio-panel input,.studio-panel textarea,.studio-panel select{margin-top:7px;font-size:12px}.studio-panel input[type=range]{padding:0;accent-color:var(--purple)}.studio-panel .check input{margin:0}.studio-panel .btn{font-size:11px;padding:6px 9px;min-height:30px;white-space:normal}.studio-panel label{margin:16px 0 0}.studio-row{display:flex;gap:10px;justify-content:space-between;align-items:center}.studio-row>label{flex:1;min-width:0}.studio-field-item{padding:16px 0;border-bottom:1px solid var(--line)}.studio-field-item strong{font-size:12px}.studio-block{padding:14px;border:1px solid var(--line);border-radius:10px;margin:12px 0;background:#fefcfe}.studio-block summary{cursor:pointer;font-weight:600;font-size:12px}.studio-block>.actions{margin-top:14px;gap:5px}.studio-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-layouts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.studio-layouts button{border:1px solid var(--line);border-radius:9px;background:white;padding:14px 8px;font-size:11px;color:var(--ink)}.studio-layouts button[aria-pressed=true]{border-color:var(--purple);background:var(--light);box-shadow:0 0 0 1px var(--purple)}.mini-layout{display:block;height:56px;margin-bottom:12px;padding:8px;text-align:left}.mini-layout i{float:left;width:23px;height:23px;border-radius:50%;background:#c6aed2;margin-right:7px}.mini-layout b{display:block;height:4px;background:#dfd4e5;margin:0 0 5px;width:100%}.mini-layout b:first-of-type{background:#79518c;width:85%}.mini-layout.stacked i,.mini-layout.centered i,.mini-layout.vertical i,.mini-layout.logo-top i{float:none;display:block;margin-bottom:7px;width:16px;height:16px}.mini-layout.portrait-right i{float:right;margin-right:0;margin-left:7px}.mini-layout.minimal i{display:none}.mini-layout.card,.mini-layout.business-card{background:#f5f0f8;border:1px solid #c6aed2;border-radius:5px}.mini-layout.editorial{border-top:3px solid #79518c}.mini-layout.banner-top{border-top:9px solid #79518c}.studio-apps{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.studio-preview{background:#f5f2f6;padding:26px;min-height:660px;min-width:0;height:100%}.studio-preview-tools{display:flex;flex-direction:column;gap:15px;margin-bottom:22px}.studio-preview-tools>label{max-width:250px}.studio-preview-tools select{margin-top:7px;font-size:12px}.studio-preview-tools .btn{padding:7px 10px;font-size:11px}.studio-preview-tools button[aria-pressed=true]{background:var(--purple);color:white}.studio-email{background:white;border:1px solid #e2dce6;border-radius:12px;box-shadow:0 10px 35px #30203608;max-width:100%;margin:0 auto;transition:max-width .2s,background .2s;overflow:hidden}.studio-email.mobile-preview{max-width:340px}.studio-email-chrome{padding:15px 20px;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);color:#655b6e}.studio-email-meta{padding:15px 20px;font-size:11px;line-height:2.5;border-bottom:1px solid var(--line);color:#95889e}.studio-email-meta span{margin-left:12px;color:#62586a}.studio-message{padding:25px 20px;overflow:auto;min-height:350px}.studio-message>p{font-size:12px;color:#706577;margin-bottom:20px}#studio-signature{min-width:0;overflow:auto}.studio-email.dark-preview{background:#202027;border-color:#41414c}.studio-email.dark-preview .studio-email-chrome,.studio-email.dark-preview .studio-email-meta,.studio-email.dark-preview .studio-email-meta span,.studio-email.dark-preview .studio-message>p{color:#d0c6d7;border-color:#41414c}.studio-check{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.studio-check p{font-size:11px;color:#786d80;margin-top:7px}.studio-check.pass strong{color:#34735d}.studio-check.warning strong{color:#986827}.studio-check.info strong{color:#79518c}.studio-panel .studio-check~.btn{margin-top:12px}
@media(min-width:1400px){.studio-workbench{grid-template-columns:80px 330px minmax(0,1fr)}.studio-preview{padding:35px}}
@media(max-width:1100px){.studio-head{align-items:flex-start;flex-direction:column}.studio-workbench{grid-template-columns:65px 260px minmax(0,1fr)}.studio-preview{padding:16px}.studio-panel{padding:20px 14px}.studio-head .btn{font-size:12px}}
@media(max-width:900px){.studio-workbench{grid-template-columns:65px minmax(0,1fr)}.studio-panel{border-right:0;max-height:560px;min-height:430px}.studio-preview{grid-column:1 / -1;min-height:500px;border-top:1px solid var(--line)}.studio-rail{min-height:430px}.studio-preview-tools{flex-direction:row;align-items:flex-end;flex-wrap:wrap;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.studio-email{transition:none}}

.studio-panel output{float:right;font-variant-numeric:tabular-nums;color:var(--purple)}.studio-block summary[draggable]{cursor:grab}.studio-block summary[draggable]:active{cursor:grabbing}.sidebar{overflow-y:auto}.studio-row>.btn{flex-shrink:0}