@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap');
:root{--teal:#087F8C;--teal2:#58C5C2;--navy:#172B3A;--mint:#DDF4F0;--bg:#F5F8F7;--border:#DDE6E3;--muted:#6B7A82;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--navy);font-family:Inter,Arial,sans-serif;font-size:14px}body{line-height:1.45}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.top{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.top img{width:142px;height:auto;display:block}.top a{font-size:12px;font-weight:600}
.breadcrumbs{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;white-space:nowrap;font-size:12px;font-weight:600}.breadcrumbs a{color:var(--teal)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs-current{color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:260px}.breadcrumbs-sep{color:#a1afb2;font-size:16px;line-height:1}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:36px 0 60px}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.head h1{font:700 28px 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.4px;margin:0 0 5px}.head p{font-size:13px;color:var(--muted);margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--border);background:#fff;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--navy);cursor:pointer;vertical-align:middle}.btn:hover{text-decoration:none;border-color:#b8cbc7;background:#fbfdfc}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#066e79;border-color:#066e79;color:#fff}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 24px rgba(23,43,58,.06)}.toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.input,.select{height:40px;border:1px solid var(--border);border-radius:9px;padding:0 12px;font-size:12px;background:#fff;color:var(--navy);outline:none}.input{width:310px}.input:focus,.select:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(88,197,194,.14)}
.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#89969b;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);background:#fbfcfc}.table td{font-size:12px;padding:15px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.name{font-weight:700}.sub{font-size:10px;color:var(--muted);margin-top:2px}.tag{display:inline-block;background:var(--mint);color:#066B76;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.note{background:#F7FAF9;border:1px solid #e5efec;border-radius:10px;padding:11px 13px;font-size:11px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric{padding:22px}.metric small{font-size:10px;color:var(--muted)}.metric strong{display:block;font:700 28px 'Plus Jakarta Sans';margin:5px 0 3px}
.modalbg{display:none;position:fixed;inset:0;background:rgba(23,43,58,.52);align-items:center;justify-content:center;padding:20px;z-index:50}.modalbg.open{display:flex}.modal{background:#fff;width:min(650px,100%);border-radius:16px;box-shadow:0 20px 60px rgba(23,43,58,.22);overflow:hidden}.mh,.mf{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.mf{border-top:1px solid var(--border);border-bottom:0}.mh strong{font:700 15px 'Plus Jakarta Sans'}.body{padding:22px}.field{margin-bottom:14px}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 11px;font-size:12px}.field textarea{min-height:80px}.close{border:0;background:transparent;font-size:22px;color:var(--muted);cursor:pointer}
.builder{display:grid;grid-template-columns:210px 1fr 255px;height:calc(100vh - 72px);overflow:hidden}.panel{background:#fff;overflow:auto;padding:18px;border-right:1px solid var(--border)}.panel.right{border-left:1px solid var(--border);border-right:0}.panel h3{font:700 12px 'Plus Jakarta Sans';margin:0 0 12px}.blockbtn{width:100%;padding:11px;margin:4px 0;text-align:left;background:#fff;border:1px solid var(--border);border-radius:9px;font-size:11px;cursor:grab}.blockbtn:hover{border-color:var(--teal2);background:#f7fcfb}.canvas{overflow:auto;background:#EFF3F2;padding:36px;display:flex;justify-content:center}.email{width:600px;min-height:700px;background:#fff;box-shadow:0 10px 40px rgba(23,43,58,.12);padding:35px}.eblock{padding:10px;border:1px solid transparent;margin:5px 0;position:relative}.eblock.dragover{border:2px dashed var(--teal2)}.eblock.selected{outline:2px solid var(--teal2);border-radius:4px}.email h2{font:700 30px 'Plus Jakarta Sans';text-align:center}.email p{text-align:center;color:#5f7077;line-height:1.6;font-size:12px}.email .logo{height:42px;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-weight:700}.email .img{height:170px;background:#EAF5F3;display:grid;place-items:center;color:#5b8b88;font-size:10px}.email .cta{display:block;width:120px;margin:15px auto;background:var(--teal);color:#fff;padding:10px;text-align:center;border-radius:6px;font-size:10px}.email .footer{text-align:center;color:#8a989c;font-size:8px}
.templategrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.template{padding:16px}.template .thumb{height:150px;background:#F4F7F6;padding:20px;display:grid;place-items:center}.mini{width:130px;height:120px;background:#fff;border:1px solid var(--border);padding:10px}.mini .bar{height:12px;background:var(--mint);margin-bottom:10px}.mini .line{height:5px;background:#e6ecea;margin:5px}.mini .btnx{width:50px;height:12px;background:var(--teal);margin:12px auto}
.account-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:22px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 14px rgba(23,43,58,.04)}.account-nav-links{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.account-nav a{padding:9px 13px;border-radius:8px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.account-nav a:hover{text-decoration:none;background:#f5f9f8;color:var(--navy)}.account-nav a.active{background:var(--mint);color:#066B76}.account-workspace-link{margin-left:auto;background:var(--teal);border:1px solid var(--teal);color:#fff!important;padding:9px 13px!important}.account-workspace-link:hover{background:#066e79!important;border-color:#066e79!important;color:#fff!important}.account-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--teal);font-weight:800;margin-bottom:5px}.account-stat{padding:18px}.account-stat small{font-size:10px;color:var(--muted)}.account-stat strong{display:block;font:700 24px 'Plus Jakarta Sans';margin:4px 0}.account-stat .sub{font-size:10px}.account-table{width:100%;border-collapse:collapse}.account-table th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#89969b;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);background:#fbfcfc}.account-table td{font-size:12px;padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:top}.account-table tr:last-child td{border-bottom:0}.account-limit{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.account-limit:last-child{border-bottom:0}.account-limit strong{font-size:12px}.account-muted{font-size:11px;color:var(--muted);line-height:1.55}.account-callout{background:#f7fbfa;border:1px solid #dcebe7;border-radius:11px;padding:13px 15px;font-size:11px;color:#52656b;line-height:1.55}.account-form{max-width:620px}.account-form .field{margin-bottom:16px}.account-form .field small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.account-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.role-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;background:#eef4f4;color:#49646a}.role-pill.owner{background:#e6f5f1;color:#066B76}.role-pill.admin{background:#edf3ff;color:#315d9b}.status-active{background:#e7f7ed;color:#16733f;border:1px solid #9fd1b2}.status-pill.status-active{display:inline-flex}@media(max-width:700px){.account-nav{overflow:auto;flex-wrap:nowrap}.account-nav-links{flex-wrap:nowrap}.account-nav a{flex:0 0 auto}.account-table{min-width:650px}.account-actions{justify-content:stretch}.account-actions .btn{flex:1}}@media(max-width:800px){.breadcrumbs-current{max-width:180px}.grid{grid-template-columns:1fr}.templategrid{grid-template-columns:1fr 1fr}.builder{grid-template-columns:1fr}.panel{display:none}.email{width:94vw}.head{align-items:flex-start;flex-direction:column}.input{width:100%}.top{padding:0 18px}}
@media(max-width:500px){.templategrid{grid-template-columns:1fr}.wrap{width:calc(100% - 24px);padding-top:24px}.top img{width:125px}}


/* Huvoli v34.35.5 — platform-wide navigation and breadcrumb typography.
   Keep all header navigation labels visually identical to the Sign out control. */
nav.breadcrumbs,
nav.breadcrumbs a,
nav.breadcrumbs span,
header .breadcrumbs,
header .breadcrumbs a,
header .breadcrumbs span,
.top nav.breadcrumbs,
.top nav.breadcrumbs a,
.top nav.breadcrumbs span,
header.top > div > a:not(.btn),
header.top > div > span:not(.breadcrumbs-sep),
.top > div > a:not(.btn),
.top > div > span:not(.breadcrumbs-sep) {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--teal, #087F8C) !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    opacity: 1 !important;
    line-height: inherit !important;
}
nav.breadcrumbs, .top nav.breadcrumbs {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    white-space: nowrap !important;
}
nav.breadcrumbs a:hover,
nav.breadcrumbs a:focus,
.top nav.breadcrumbs a:hover,
.top nav.breadcrumbs a:focus,
header.top > div > a:not(.btn):hover,
header.top > div > a:not(.btn):focus,
.top > div > a:not(.btn):hover,
.top > div > a:not(.btn):focus {
    color: var(--teal, #087F8C) !important;
    text-decoration: none !important;
}
nav.breadcrumbs .breadcrumbs-sep,
.top nav.breadcrumbs .breadcrumbs-sep {
    color: var(--teal, #087F8C) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}