@charset "UTF-8";
:root{--ink:#142b3a;--muted:#526675;--navy:#102939;--navy-deep:#0b202d;--green:#137c69;--mint:#e8f6f0;--line:#e3e9eb;--canvas:#f4f7f8;--white:#fff;--amber:#926315;--amber-bg:#fff5df;--red:#b23c45;--red-bg:#fff0f1;--radius:16px;--shadow:0 8px 28px #17374608}

*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
button:disabled{opacity:.5;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #51bda8;outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1{font-size:32px;line-height:1.25;letter-spacing:-1.1px;font-weight:650}
h2{font-size:19px;line-height:1.4;letter-spacing:-.35px}
h3{font-size:16px;font-weight:650}
.muted{color:var(--muted)}
.small,small{font-size:14px}
.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:750;color:var(--green);display:block;margin-bottom:10px}
.brand{display:flex;align-items:center;gap:11px;color:white;font-size:20px;font-weight:680;letter-spacing:-.6px;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:500;color:#96b5c6;margin-top:2px}
.brand-mark{width:36px;height:39px;display:grid;place-items:center;color:#98f0d9;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:11px;font-size:24px;line-height:1}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;background:var(--navy-deep)}
.sidebar{position:sticky;top:0;align-self:start;height:100vh;height:100svh;width:250px;background:linear-gradient(170deg,var(--navy),var(--navy-deep));padding:28px 17px;color:#adc0cb;z-index:10;overflow-y:auto;display:flex;flex-direction:column}
.sidebar>.brand{margin:0 10px 26px;flex-shrink:0}
#navigation{flex:0 0 auto}
.nav-label{display:block;color:#9ab8c8;font-size:11px;letter-spacing:1.8px;font-weight:700;padding:22px 16px 9px}
.sidebar>.nav-label{padding-top:0}
.nav-item{border:0;background:none;color:#adc0cb;display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border-radius:9px;text-align:left;font-size:14px;margin:3px 0}
.nav-item:hover{color:#fff;background:#ffffff07}
.nav-item.active{background:#225143;color:#b0f2dc;font-weight:650;box-shadow:inset 2px 0 #7be2bd}
.nav-symbol{font-size:19px;width:23px;text-align:center;font-weight:400}
.nav-count{margin-left:auto;background:#ffffff15;font-size:12px;line-height:20px;min-width:22px;text-align:center;border-radius:6px}
.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:32px 14px 6px;font-size:13px}
.sidebar-bottom small{display:block;color:#9ab8c8;font-size:12px}
.mode-dot{width:7px;height:7px;background:#8baba9;border-radius:50%}
.workspace{min-width:0;min-height:100vh;background:var(--canvas)}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}
.breadcrumb{font-size:14px;color:var(--muted)}
.breadcrumb span{padding:0 12px;color:#b4c0c7}
.breadcrumb strong{font-weight:550;color:var(--ink)}
.topbar-right{display:flex;align-items:center;gap:16px}
.user-label{font-size:13px;color:var(--muted)}
#main{padding:34px 42px 20px;max-width:1600px;margin:auto}
.page-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.page-top .eyebrow{margin-bottom:7px}
.page-top p{margin-top:9px;font-size:14px}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.button,.icon-button,.quiet-button{border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;line-height:1.5}
.button:hover{text-decoration:none;filter:brightness(.97)}
.primary{background:var(--green);color:white;border-color:var(--green)}
.secondary{background:white;border-color:var(--line);color:var(--ink)}
.soft{background:var(--mint);color:var(--green)}
.quiet-button{color:var(--muted);background:none;padding:5px}
.icon-button{padding:5px 10px;background:transparent;color:var(--muted);font-size:22px}
.wide{width:100%}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}
.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;box-shadow:var(--shadow)}
.metric-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}
.metric-icon{color:#a0b2ba}
.metric-value{font-size:29px;letter-spacing:-1px;font-weight:650;margin:10px 0 3px;line-height:1.3}
.metric-sub{font-size:12px;color:var(--muted)}
.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin:22px 0}
.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}
.card-head p{font-size:13px;color:var(--muted);margin-top:4px}
.card-head h2{font-size:16px}
.badge{display:inline-block;vertical-align:middle;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:650;letter-spacing:.1px;line-height:1.6;white-space:nowrap}
.neutral{background:#eef2f4;color:#647b8a}
.good{background:var(--mint);color:var(--green)}
.pending{background:var(--amber-bg);color:var(--amber)}
.danger{background:var(--red-bg);color:var(--red)}
.table-wrap{overflow:auto;margin:0 -24px}
table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}
th{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:#627480;background:#fafbfc;padding:12px 24px;border-block:1px solid #edf1f2}
td{padding:16px 24px;border-bottom:1px solid #edf1f2;font-size:13px}
tbody tr:last-child td{border-bottom:0}
td strong{font-size:14px;font-weight:600}
td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
td .quiet-button{font-size:13px}
.row-actions{display:flex;gap:8px;align-items:center}
.table-footer{margin-top:16px;font-size:12px;color:var(--muted)}
.empty{padding:32px 20px;text-align:center;color:var(--muted);font-size:14px}
.empty strong{display:block;font-size:16px;color:var(--ink);margin-bottom:7px}
.empty .button{margin-top:16px}
.checklist{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.step{display:flex;align-items:flex-start;gap:12px}
.step-number{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;background:#eff4f5;border-radius:8px;color:#718691;font-size:13px}
.step-number.done{background:var(--mint);color:var(--green)}
.step h3{font-size:14px;margin-bottom:3px}
.step p{font-size:12px;color:var(--muted)}
.step a{font-size:13px;display:inline-block;margin-top:6px}
.notice{padding:15px 18px;border:1px solid #dce9e2;border-radius:11px;background:#f1f8f3;color:#58756a;font-size:13px;margin:18px 0}
.notice.amber{background:#fffbf0;border-color:#f0e6c9;color:#8a713c}
.notice strong{color:inherit}
.details-list{display:grid;gap:0}
.detail-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f2;font-size:13px}
.detail-row:last-child{border:0}
.detail-row span{color:var(--muted)}
.detail-row strong{font-weight:550;text-align:right}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0}
.spec{background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:14px 10px;text-align:center}
.spec strong{display:block;font-size:20px;font-weight:600}
.spec small{color:var(--muted);font-size:11px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;position:relative}
.plan.featured{border-color:#a8ccbb;background:linear-gradient(#f3faf5,white)}
.plan h2{font-size:18px;margin:14px 0}
.plan-price{font-size:37px;letter-spacing:-1.5px;font-weight:650;margin:18px 0}
.plan-price small{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}
.plan p{color:var(--muted);font-size:14px;min-height:60px}
.plan ul{list-style:none;padding:18px 0;margin:15px 0;border-top:1px solid var(--line);font-size:13px;line-height:2.6}
.plan li:before{content:'✓';color:var(--green);margin-right:9px}
.plan .actions{margin-top:20px}
.search-line{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}
.search-line input{max-width:290px}
.error-box{background:var(--red-bg);color:var(--red);border:1px solid #f1cfd3;padding:12px 15px;border-radius:10px;font-size:14px;margin:14px 0}
.workspace-footer{border-top:1px solid var(--line);margin-top:35px;padding:20px 0 8px;display:flex;justify-content:space-between;gap:15px;color:#627480;font-size:11px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-brand{padding:55px 65px;background:radial-gradient(ellipse at 0 100%,#1d5a50,transparent 70%),var(--navy-deep);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.auth-brand .eyebrow{color:#7bcbb5}
.auth-brand h1{font-size:52px;font-weight:550;line-height:1.18;letter-spacing:-2px;margin:18px 0 25px}
.auth-brand p{max-width:390px;color:#a6bdc7;font-size:15px}
.auth-tags{display:flex;gap:10px;margin-top:30px}
.auth-tags span{font-size:12px;color:#a7d4c7;border:1px solid #ffffff1c;padding:6px 13px;border-radius:30px}
.auth-foot{font-size:12px!important}
.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 25px;gap:30px;background:#fbfcfb}
.auth-card{width:100%;max-width:360px}
.auth-card h2{font-size:30px;margin:12px 0}
.auth-card>p{font-size:14px;margin-bottom:25px}
.auth-card label{margin:17px 0}
.auth-card>.button{margin:13px 0}
.auth-card .small{font-size:12px;line-height:1.7}
.quiet-link{color:var(--muted);font-size:13px}
label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:7px}
input,select,textarea{width:100%;background:white;border:1px solid #dce4e7;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:14px;min-width:0}
input::placeholder,textarea::placeholder{color:#a7b2b9}
textarea{min-height:90px;resize:vertical}
input[readonly]{background:var(--canvas);color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
.form-hint{font-size:12px;color:var(--muted);font-weight:400}
.editor-dialog{width:min(650px,calc(100vw - 32px));max-height:90vh;border:1px solid var(--line);padding:28px;border-radius:20px;box-shadow:0 25px 100px #10293926;color:var(--ink)}
.editor-dialog::backdrop{background:#0e253c66;backdrop-filter:blur(3px)}
.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.dialog-top .eyebrow{font-size:11px;margin-bottom:5px}
.editor-dialog>form>p{font-size:13px;margin:15px 0 24px}
.dialog-bottom{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:13px 23px;border-radius:11px;box-shadow:0 10px 40px #163a3b30;font-size:14px;z-index:100;max-width:90vw}
.report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;background:var(--canvas);padding:18px;border-radius:9px;font-size:12px;line-height:1.8}
.event-list{list-style:none;padding:0;margin:0}
.event-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:15px}
.event-list time{color:var(--muted);font-size:12px}
.calculator{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.calculator-output{background:var(--navy);color:#fff;border-radius:13px;padding:23px;margin-top:20px}
.calculator-output strong{display:block;font-size:29px;font-weight:550;letter-spacing:-1px}
.calculator-output span{color:#a7c1ca;font-size:13px}
.technical-pill{display:inline-block;font-family:Consolas,monospace;background:var(--canvas);padding:3px 7px;border-radius:5px;font-size:13px;margin:3px}
.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.filter-tabs button{padding:7px 12px;border-radius:7px;font-size:13px;border:1px solid var(--line);background:white;color:var(--muted)}
.filter-tabs button.active{color:var(--green);border-color:#b9dace;background:var(--mint)}
.mobile-menu{display:none}
.password-card{max-width:520px}
.password-card label{margin:18px 0}
.catalog{background:#f7faf8}
.catalog-nav{max-width:1100px;margin:auto;padding:26px 35px;display:flex;align-items:center;justify-content:space-between}
.catalog-nav .brand{color:var(--navy)}
.catalog-nav .brand-mark{background:var(--navy);color:#8fe2c8}
.catalog-nav .brand small{color:var(--muted)}
.catalog-hero{max-width:830px;text-align:center;margin:65px auto;padding:0 25px}
.catalog-hero h1{font-size:58px;font-weight:550;letter-spacing:-2.6px;margin:22px 0}
.catalog-hero p{max-width:570px;margin:0 auto 22px;font-size:16px;color:var(--muted)}
.catalog-main{max-width:1100px;margin:auto;padding:0 35px}
.catalog-main .plan p{min-height:65px}
.catalog-footer{max-width:1100px;margin:60px auto 0;padding:25px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}

.card>.actions{margin-top:20px}
.card>label{margin-top:20px}
td small{max-width:320px;white-space:normal;overflow-wrap:anywhere}
.plan .quiet-button{padding-left:0}
.catalog .plan-grid:has(>.empty:only-child){grid-template-columns:1fr}

@media(min-width:1450px){#main{padding:42px 52px}
.topbar{padding-inline:52px}
.metrics{gap:20px}
.metric{padding:25px}
}

@media(max-width:1150px){.shell{grid-template-columns:220px minmax(0,1fr)}
.sidebar{width:220px;padding-inline:12px}
.sidebar>.brand{font-size:18px}
.workspace{margin-left:0}
#main{padding:28px 25px}
.topbar{padding-inline:25px}
.metrics{gap:12px}
.metric{padding:17px}
.metric-value{font-size:25px}
.grid-two{grid-template-columns:1.25fr 1fr}
.card{padding:20px}
.table-wrap{margin-inline:-20px}
td,th{padding-inline:20px}
.plan{padding:22px}
.user-label{display:none}
}

@media(max-width:950px){.metrics{grid-template-columns:1fr 1fr}
.grid-two,.grid-equal{grid-template-columns:1fr}
.plan-grid{grid-template-columns:1fr}
.plan p{min-height:0}
.plan ul{margin-block:8px}
.auth-brand{padding:45px}
.auth-brand h1{font-size:39px}
.page-top{align-items:flex-start}
.page-top .actions{justify-content:flex-end}
.workspace-footer{flex-direction:column}
}

@media(max-width:700px){.shell{display:block}
.sidebar{position:fixed;top:0;left:0;transform:translateX(-100%);visibility:hidden;width:270px;max-width:calc(100vw - 35px);transition:transform .2s,visibility .2s}
.shell.menu-open .sidebar{transform:translateX(0);visibility:visible;box-shadow:30px 0 100px #163a3b50}
.workspace{margin-left:0}
.topbar{height:68px;padding:0 18px;gap:8px}
.mobile-menu{display:inline-flex}
.breadcrumb{display:none}
.breadcrumb span{padding-inline:7px}
.topbar-right{margin-left:auto;gap:4px}
.topbar-right .badge{display:none}
#main{padding:25px 18px}
.page-top{display:block;margin-bottom:20px}
.page-top h1{font-size:27px}
.page-top .actions{margin-top:15px;justify-content:flex-start}
.metrics{gap:10px}
.metric{padding:15px;border-radius:12px}
.metric-value{font-size:25px}
.metric-label{font-size:12px}
.metric-sub{font-size:11px}
.card{border-radius:13px}
.auth-layout{grid-template-columns:1fr}
.auth-brand{padding:25px;gap:35px}
.auth-brand>div:not(.brand){display:none}
.auth-foot{display:none}
.auth-main{padding:40px 26px;justify-content:flex-start}
.auth-brand .brand{font-size:20px}
.form-grid{grid-template-columns:1fr}
.form-grid .full{grid-column:auto}
.editor-dialog{padding:22px}
.event-list li{flex-direction:column;gap:3px}
.catalog-hero{margin:35px auto}
.catalog-hero h1{font-size:39px}
.catalog-nav,.catalog-main{padding-inline:20px}
.catalog-nav .brand{font-size:18px}
.catalog-footer{padding-inline:20px}
.catalog-main .grid-equal{gap:12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}

.scenario-metrics{margin-top:24px}
.mix-count{min-width:85px;max-width:120px}


/* Readable controls and task-focused navigation. */
.button,.icon-button,.quiet-button{min-height:44px}

.nav-item{min-height:46px}

input,select,textarea{font-size:16px;min-height:44px}

.form-hint,.table-footer{line-height:1.7}

.breadcrumb #breadcrumb-root{padding:0;color:var(--muted)}

.skip-link{position:fixed;left:18px;top:12px;padding:12px 18px;background:var(--white);color:var(--ink);border:2px solid var(--green);border-radius:8px;z-index:110;transform:translateY(-180%)}

.skip-link:focus{transform:translateY(0)}

.sidebar-close,.menu-backdrop{display:none}

.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}

.shortcut{display:flex;align-items:center;gap:14px;min-width:0;text-align:left;padding:22px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:var(--shadow);font-weight:400;line-height:1.5}

.shortcut:hover{border-color:#8ab8a9;background:#f7fcf9;text-decoration:none}

.shortcut>span:nth-child(2){min-width:0}

.shortcut strong{display:block;font-size:16px;font-weight:650}

.shortcut small{display:block;margin-top:4px;font-size:13px;color:var(--muted);white-space:normal}

.shortcut-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green);font-size:23px}

.shortcut-arrow{margin-left:auto;color:var(--green);font-size:20px}

.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}

.overview-status a{display:inline-block;margin-left:4px;font-weight:600}

.mail-start{margin-top:0}

.faq{padding:18px 0;border-top:1px solid var(--line)}

.faq:last-child{padding-bottom:0}

.faq summary{cursor:pointer;font-weight:600;font-size:15px;line-height:1.6;padding:5px 0}

.faq summary::marker{color:var(--green)}

.faq summary:focus-visible{outline:3px solid #51bda8;outline-offset:3px;border-radius:4px}

.faq p{font-size:14px;color:var(--muted);line-height:1.85;margin:13px 0 4px;max-width:780px}

@media(max-width:1100px){.shortcut{padding:19px 16px;gap:11px}
.shortcut-symbol{width:34px;height:36px}
.shortcut-arrow{display:none}
}

@media(max-width:950px){.quick-actions{grid-template-columns:1fr}
.shortcut-arrow{display:block}
.shortcut{padding:18px 20px}
}

@media(max-width:700px){
  .menu-backdrop{display:block;position:fixed;inset:0;border:0;background:#0b202d80;z-index:9}

  .sidebar-close{display:inline-flex;align-self:flex-end;position:relative;margin:-20px 0 8px;padding:0 12px;color:#c8e4eb}

  .sidebar>.brand{margin-bottom:22px}

  .topbar .quiet-button{font-size:13px;padding-inline:7px}

  .metrics-three{grid-template-columns:1fr}

  .metric-sub,.metric-label{font-size:13px}

  .quick-actions{gap:12px;margin-bottom:20px}

  .shortcut{min-height:88px}

  .card-head{align-items:flex-start;flex-wrap:wrap}

  .auth-card h2{font-size:27px}

  .workspace-footer{font-size:12px}

}


.extra-mailbox-price{font-size:13px!important;line-height:1.7;min-height:0!important;margin:10px 0 20px}
.checkbox-row{flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.7;padding:12px 0}
.checkbox-row input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:4px 5px 0 0;accent-color:var(--green)}

.customer-tools{display:flex;gap:18px;align-items:flex-end;margin-bottom:18px}
.customer-search{flex:1}
.customer-search input{max-width:none}
.customer-tools>label:last-child{min-width:145px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}
.pagination .actions>span{padding:0 8px;white-space:nowrap}
.mail-overage td{background:#fffbf2}
.mail-overage td:first-child{box-shadow:inset 3px 0 #c29336}
.preview-notice{background:#fff5df;border:1px solid #e5cd91;color:#654a17;border-radius:12px;padding:16px 20px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.preview-notice strong{font-size:15px}
.preview-notice p{font-size:13px;margin-top:3px}
@media(max-width:700px){.customer-tools{align-items:stretch;flex-direction:column}.preview-notice{align-items:flex-start;flex-direction:column}.pagination{align-items:flex-start;flex-direction:column}.pagination .actions{width:100%;justify-content:space-between}}

.public-price-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#e4e9ed)}#public-prices-form>button{margin-top:20px}.details-list strong{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:560px){.public-price-row{grid-template-columns:1fr}.public-price-row strong{margin-top:8px}.topbar-right>a{display:none}}