:root {
  --cp-ink: #06130f;
  --cp-muted: #53635c;
  --cp-border: #b8cab2;
  --cp-border-strong: #8fa883;
  --cp-surface: #ffffff;
  --cp-surface-soft: #f4faf2;
  --cp-brand: #009b86;
  --cp-brand-dark: #007c6d;
  --cp-accent: #8eff2f;
  --cp-warning: #ff9f1c;
  --cp-danger: #d92d20;
  --cp-radius: 8px;
  --cp-shadow: 0 16px 36px rgba(8, 28, 20, .10);
}

html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body { accent-color: var(--cp-brand); }

.button,
button,
input,
select,
textarea,
.saas-account-menu summary,
.saas-nav a {
  font-family: inherit;
}

.button,
button[type="submit"],
.auth-actions .button,
.portal-panel-actions .button {
  border-radius: 999px;
  font-weight: 850;
  letter-spacing: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

input,
select,
textarea {
  border: 1px solid var(--cp-border);
  border-radius: var(--cp-radius);
  color: var(--cp-ink);
  background: #fff;
  font-weight: 700;
  min-height: 42px;
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(0, 155, 134, .24);
  outline-offset: 2px;
  border-color: var(--cp-brand);
}

.portal-overview-panel,
.auth-form,
.account-card,
.notification-inbox-item,
.agency-client-card {
  border-color: var(--cp-border);
  border-radius: 10px;
}

.saas-global-topbar {
  min-height: 64px;
  border-bottom: 1px solid #dce7d8;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
}

.saas-header-search input {
  font-size: 15px;
  font-weight: 800;
}

.saas-account-menu[open] summary,
.saas-account-menu summary:hover {
  border-color: var(--cp-brand);
  box-shadow: 0 10px 24px rgba(0, 155, 134, .12);
}

.saas-account-dropdown {
  z-index: 80;
  box-shadow: var(--cp-shadow);
}

.saas-nav a {
  color: #071006;
  font-weight: 850;
}

.saas-nav a:hover,
.saas-nav a.is-active {
  background: #071006;
  color: #fff;
}

.cp-toast-stack {
  position: fixed;
  right: 22px;
  bottom: 88px;
  z-index: 1000;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 32px));
}

.cp-toast {
  border: 1px solid var(--cp-border);
  border-left: 5px solid var(--cp-brand);
  border-radius: 10px;
  background: #fff;
  color: var(--cp-ink);
  padding: 13px 14px;
  box-shadow: var(--cp-shadow);
  font-weight: 800;
}

.cp-toast small {
  display: block;
  margin-top: 3px;
  color: var(--cp-muted);
  font-weight: 700;
}

.cp-toast.is-error { border-left-color: var(--cp-danger); }
.cp-toast.is-warning { border-left-color: var(--cp-warning); }
.cp-toast.is-success { border-left-color: var(--cp-brand); }

[data-cp-busy="1"] {
  pointer-events: none;
  opacity: .74;
  position: relative;
}

[data-cp-busy="1"]::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: cp-spin .75s linear infinite;
}

[data-cp-dirty="1"] {
  box-shadow: inset 4px 0 0 var(--cp-warning);
}

.cp-field-error {
  border-color: var(--cp-danger) !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, .12) !important;
}

.cp-inline-error {
  display: block;
  color: var(--cp-danger);
  font-size: 12px;
  font-weight: 850;
  margin-top: 5px;
}

@keyframes cp-spin { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
  .saas-global-topbar { min-height: auto; gap: 10px; }
  .button, button[type="submit"] { min-height: 40px; }
  .cp-toast-stack { right: 12px; bottom: 74px; }
}
/* CP Portal Library v2: ruhige CRM-Komponenten */
.template-saas .portal-overview-panel,
.template-saas .auth-form,
.template-saas .auth-card,
.template-saas .account-card,
.template-saas .notification-inbox-item,
.template-saas .agency-client-card,
.template-saas .billing-legal-box{
  border-radius:5px!important;
  border-color:#d4ded0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.template-saas .portal-overview-panel,
.template-saas .auth-form,
.template-saas .auth-card{
  padding:12px!important;
}
.template-saas .account-section-head{gap:10px!important;margin-bottom:10px!important;align-items:center!important;}
.template-saas .account-section-head h2{font-size:17px!important;font-weight:740!important;line-height:1.12!important;margin:0!important;}
.template-saas .account-section-head span,
.template-saas .queue-status,
.template-saas .config-pill{
  border-radius:4px!important;
  font-size:10px!important;
  font-weight:720!important;
  min-height:24px!important;
  padding:4px 7px!important;
}
.template-saas .portal-home-hero,
.template-saas .ops-hero,
.template-saas .account-hero,
.template-saas .system-tabs-hero{
  border-radius:5px!important;
  padding:12px!important;
  box-shadow:none!important;
}
.template-saas .portal-home-hero h1,
.template-saas .ops-hero h1,
.template-saas .account-hero h1{
  font-size:24px!important;
  font-weight:780!important;
  line-height:1.08!important;
}
.template-saas .portal-home-hero p,
.template-saas .ops-hero p,
.template-saas .account-hero p{
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.38!important;
}
.template-saas .tool-table-wrap table,
.template-saas .notification-table,
.template-saas table{font-size:12px!important;border-collapse:separate!important;border-spacing:0!important;}
.template-saas th{font-size:10px!important;font-weight:760!important;color:#58665d!important;}
.template-saas td{font-size:12px!important;font-weight:500!important;}
.template-saas .button,
.template-saas button,
.template-saas input[type=submit]{border-radius:4px!important;box-shadow:none!important;}
.template-saas .saas-global-topbar{height:48px!important;min-height:48px!important;border-bottom:1px solid #d4ded0!important;background:#fff!important;backdrop-filter:none!important;}
.template-saas .saas-header-search input{font-size:12.5px!important;font-weight:560!important;}
.template-saas .saas-nav a{font-weight:660!important;}
.template-saas .saas-account-menu[open] summary,
.template-saas .saas-account-menu summary:hover{box-shadow:none!important;}
.template-saas .cp-toast{border-radius:5px!important;box-shadow:none!important;font-weight:650!important;}
/* CP Portal Library v3: Account-Dropdown wirklich schwebend und kompakt */
.template-saas .portal-account-floating{
  position:fixed!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  width:min(420px,calc(100vw - 18px))!important;
  max-width:420px!important;
  min-width:300px!important;
  padding:7px!important;
  gap:6px!important;
  border:1px solid #07110c!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(7,17,12,.18)!important;
  z-index:2147483600!important;
}
.template-saas .portal-account-floating>div{padding:7px!important;border-radius:4px!important;gap:2px!important;}
.template-saas .portal-account-floating span{font-size:9.5px!important;font-weight:760!important;margin:0 0 3px!important;}
.template-saas .portal-account-floating a{min-height:28px!important;border-radius:4px!important;font-size:12px!important;font-weight:620!important;padding:0 7px!important;}
.template-saas .portal-account-floating .saas-logout-link{min-height:32px!important;border-radius:4px!important;}
/* CP Portal Library v4: kleineres Account-Menü und kompakte Admin-Forms */
.saas-account-menu { position: relative; }
.saas-account-menu summary {
    min-width: 172px;
    max-width: 220px;
    min-height: 42px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}
.saas-account-menu summary > span {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 13px;
}
.saas-account-menu summary strong { font-size: 13px; line-height: 1.05; }
.saas-account-menu summary small { font-size: 10px; }
.saas-account-dropdown,
.portal-account-floating {
    width: min(420px, calc(100vw - 18px)) !important;
    min-width: 300px !important;
    max-width: 420px !important;
    border-radius: 5px !important;
    box-shadow: 0 18px 50px rgba(8, 20, 30, 0.16) !important;
    padding: 10px !important;
    gap: 8px !important;
    font-size: 12px !important;
}
.saas-account-dropdown > div,
.portal-account-floating > div {
    border-radius: 5px !important;
    padding: 9px !important;
}
.saas-account-dropdown span,
.portal-account-floating span {
    font-size: 10px !important;
    letter-spacing: 0 !important;
}
.saas-account-dropdown a,
.portal-account-floating a {
    min-height: 28px !important;
    padding: 6px 7px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}
.admin-blog-console .admin-stack-form {
    display: grid;
    gap: 12px;
}
.admin-blog-console input,
.admin-blog-console textarea,
.admin-blog-console select {
    width: 100%;
    border: 1px solid rgba(20, 64, 54, 0.24);
    border-radius: 5px;
    padding: 10px 12px;
    font: inherit;
    font-size: 13px;
}
.admin-blog-console label {
    display: grid;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
    color: #102018;
}
.admin-blog-list {
    display: grid;
    gap: 10px;
}
.admin-blog-post {
    border: 1px solid rgba(20, 64, 54, 0.16);
    border-radius: 6px;
    background: #fff;
}
.admin-blog-post summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
}
.admin-blog-post summary strong {
    display: block;
    font-size: 16px;
}
.admin-blog-post summary small {
    display: block;
    color: #68756d;
    margin-top: 4px;
}
.admin-blog-post form {
    padding: 0 14px 14px;
    display: grid;
    gap: 12px;
}
.admin-form-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    gap: 10px;
}
@media (max-width: 1100px) {
    .admin-form-grid { grid-template-columns: 1fr 1fr; }
}


/* CP Portal Library v5: always-visible save action */
.template-saas .cp-savebar{position:sticky;top:66px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 12px;padding:8px 9px;border:1px solid #cbd9c5;border-radius:5px;background:rgba(255,255,255,.97);box-shadow:0 8px 20px rgba(6,19,15,.06);backdrop-filter:blur(10px)}
.template-saas .cp-savebar strong,.template-saas .cp-savebar span{display:block}.template-saas .cp-savebar strong{font-size:12px;line-height:1.2;font-weight:760;color:#06130f}.template-saas .cp-savebar span{margin-top:2px;font-size:11.5px;line-height:1.25;font-weight:600;color:#53635c}.template-saas .cp-savebar.is-dirty{border-color:#00a693;background:#f4fffb}.template-saas .cp-savebar.is-dirty span{color:#007c6d}.template-saas .cp-savebar.is-saving{opacity:.82}.template-saas .cp-savebar-button{min-height:34px!important;padding:0 13px!important;border-radius:5px!important;font-size:12px!important;font-weight:780!important;background:#06130f!important;color:#fff!important;border-color:#06130f!important;box-shadow:none!important}.template-saas .cp-savebar-button:hover{background:#009b86!important;border-color:#009b86!important}.template-saas form[data-cp-dirty="1"]{box-shadow:inset 3px 0 0 #00a693}
@media(max-width:760px){.template-saas .cp-savebar{top:8px;align-items:flex-start}.template-saas .cp-savebar-button{width:auto;white-space:nowrap}}


/* CP Portal Library v6: simpler SaaS portal baseline and persistent global save */
.template-saas{--cp-ui-line:#cddac8;--cp-ui-ink:#07110c;--cp-ui-muted:#526159;--cp-ui-soft:#f5f8f3;--cp-ui-accent:#009b8f;}
.template-saas .saas-main{font-size:13px!important;line-height:1.38!important;color:var(--cp-ui-ink)!important;}
.template-saas .saas-main h1{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important;font-weight:760!important;letter-spacing:0!important;}
.template-saas .saas-main h2{font-size:18px!important;line-height:1.12!important;font-weight:740!important;letter-spacing:0!important;}
.template-saas .saas-main h3{font-size:14px!important;line-height:1.18!important;font-weight:720!important;}
.template-saas .saas-main p,.template-saas .saas-main small,.template-saas .auth-note{font-weight:520!important;color:var(--cp-ui-muted)!important;}
.template-saas .auth-card,.template-saas .auth-form,.template-saas .portal-overview-panel,.template-saas .account-card,.template-saas .admin-panel{border-radius:6px!important;border:1px solid var(--cp-ui-line)!important;box-shadow:none!important;background:#fff!important;}
.template-saas .button,.template-saas button[type=submit],.template-saas input[type=submit],.template-saas select,.template-saas input,.template-saas textarea{border-radius:5px!important;}
.template-saas .button,.template-saas button[type=submit],.template-saas input[type=submit]{min-height:34px!important;padding:0 13px!important;font-size:12px!important;font-weight:740!important;box-shadow:none!important;}
.template-saas input,.template-saas select,.template-saas textarea{font-size:13px!important;font-weight:560!important;border-color:var(--cp-ui-line)!important;}
.template-saas .saas-sidebar{width:236px!important;background:#fbfdf9!important;border-right:1px solid var(--cp-ui-line)!important;}
.template-saas .saas-nav-group{gap:4px!important;margin-bottom:14px!important;}
.template-saas .saas-nav-group>span{font-size:10px!important;font-weight:760!important;color:#6a766e!important;letter-spacing:0!important;}
.template-saas .saas-nav-item{min-height:34px!important;padding:5px 8px!important;border-radius:5px!important;font-size:12.5px!important;font-weight:650!important;}
.template-saas .saas-nav-icon{width:24px!important;height:24px!important;border-radius:5px!important;font-size:10px!important;font-weight:760!important;}
.template-saas .saas-topnav{border-radius:6px!important;min-height:42px!important;padding:5px!important;}
.template-saas .saas-topnav-item{min-height:30px!important;border-radius:5px!important;padding:0 11px!important;font-size:12px!important;font-weight:700!important;}
.template-saas .saas-account-menu summary{min-width:156px!important;max-width:190px!important;min-height:38px!important;padding:4px 8px!important;border-radius:6px!important;}
.template-saas .saas-account-menu summary>span{width:28px!important;height:28px!important;border-radius:5px!important;font-size:12px!important;}
.template-saas .saas-account-menu summary strong{font-size:12.5px!important;font-weight:740!important;}
.template-saas .saas-account-menu summary small{font-size:10px!important;font-weight:560!important;}
.template-saas .saas-account-dropdown,.template-saas .portal-account-floating{width:min(360px,calc(100vw - 18px))!important;min-width:280px!important;max-width:360px!important;padding:8px!important;gap:6px!important;border-radius:6px!important;}
.template-saas .saas-account-dropdown>div,.template-saas .portal-account-floating>div{padding:7px!important;border-radius:5px!important;}
.template-saas .saas-account-dropdown a,.template-saas .portal-account-floating a{min-height:26px!important;font-size:11.5px!important;font-weight:650!important;padding:5px 6px!important;}
.template-saas .cp-global-savebar{position:fixed;right:14px;top:58px;z-index:2147483000;display:flex;align-items:center;gap:10px;min-width:280px;max-width:min(420px,calc(100vw - 28px));padding:7px 8px;border:1px solid var(--cp-ui-line);border-radius:6px;background:rgba(255,255,255,.98);box-shadow:0 12px 30px rgba(7,17,12,.14);}
.template-saas .cp-global-savebar>div{min-width:0;flex:1;}.template-saas .cp-global-savebar strong{display:block;font-size:12px;font-weight:760;line-height:1.1;color:var(--cp-ui-ink);}.template-saas .cp-global-savebar span{display:block;margin-top:2px;font-size:11px;font-weight:580;line-height:1.2;color:var(--cp-ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.template-saas .cp-global-savebar.is-dirty{border-color:var(--cp-ui-accent);background:#f4fffb}.template-saas .cp-global-savebar-button{min-height:32px!important;height:32px!important;padding:0 13px!important;border-radius:5px!important;font-size:12px!important;font-weight:780!important;background:#06100b!important;color:#fff!important;border-color:#06100b!important;}
@media(max-width:900px){.template-saas .saas-sidebar{width:72px!important}.template-saas .saas-nav-label,.template-saas .saas-brand strong{display:none!important}.template-saas .cp-global-savebar{left:8px;right:8px;top:auto;bottom:10px;max-width:none;}.template-saas .saas-main{padding-bottom:70px!important;}}


/* v107: kompakte Bedienbarkeit und Sicherheitszustände */
.template-saas{--cp-focus:#00a693;--cp-danger:#c62828;--cp-warn:#b76b00;}
.template-saas :focus-visible{outline:2px solid var(--cp-focus)!important;outline-offset:2px!important;}
.template-saas input,.template-saas select,.template-saas textarea{font-size:12.5px!important;font-weight:580!important;border-radius:5px!important;min-height:34px!important;}
.template-saas textarea{line-height:1.35!important;resize:vertical!important;}
.template-saas label{font-size:11.5px!important;font-weight:700!important;line-height:1.25!important;}
.template-saas .button,.template-saas button,.template-saas input[type=submit]{border-radius:5px!important;font-size:12px!important;font-weight:740!important;letter-spacing:0!important;box-shadow:none!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .tool-card,.template-saas article{border-radius:6px!important;box-shadow:none!important;}
.template-saas [aria-disabled=true],.template-saas .is-locked,.template-saas .locked,.template-saas button:disabled,.template-saas input:disabled,.template-saas select:disabled{opacity:.62!important;cursor:not-allowed!important;}
.template-saas input:invalid:not(:placeholder-shown),.template-saas textarea:invalid:not(:placeholder-shown),.template-saas select:invalid{border-color:var(--cp-danger)!important;background:#fff8f8!important;}
.template-saas .billing-legal-box,.template-saas .security-note,.template-saas .auth-warning{border-radius:5px!important;font-size:12px!important;line-height:1.35!important;}
.template-saas .account-section-head h2,.template-saas .portal-home-hero h1{font-weight:740!important;letter-spacing:0!important;}
.template-saas .account-section-head p,.template-saas .auth-note,.template-saas small{font-weight:520!important;}
.template-saas .cp-global-savebar{top:56px!important;border-radius:5px!important;}
.template-saas .cp-global-savebar:not(.is-dirty){opacity:.82;}
.template-saas form[data-cp-dirty="1"]{box-shadow:inset 2px 0 0 var(--cp-focus)!important;}


/* CP Portal Library v119: one clear global save action */
.template-saas .cp-savebar{display:none!important;}
.template-saas .cp-global-savebar{position:fixed!important;right:12px!important;top:58px!important;z-index:2147483300!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:auto!important;max-width:min(360px,calc(100vw - 24px))!important;padding:6px!important;border:1px solid #b8c9b2!important;border-radius:4px!important;background:#fff!important;box-shadow:0 12px 28px rgba(7,17,12,.14)!important;}
.template-saas .cp-global-savebar>div{display:grid!important;gap:1px!important;min-width:118px!important;max-width:190px!important;}
.template-saas .cp-global-savebar strong{font-size:11.5px!important;font-weight:740!important;line-height:1.05!important;color:#07110c!important;}
.template-saas .cp-global-savebar span{font-size:10.5px!important;font-weight:560!important;line-height:1.15!important;color:#526159!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .cp-global-savebar-button{height:31px!important;min-height:31px!important;border-radius:4px!important;padding:0 12px!important;background:#07110c!important;border-color:#07110c!important;color:#fff!important;font-size:11.5px!important;font-weight:760!important;}
.template-saas .cp-global-savebar.is-dirty{border-color:#009b8f!important;background:#f4fffb!important;}
.template-saas .cp-global-savebar.is-dirty span{color:#007f75!important;}
.template-saas .cp-global-savebar.is-saving{opacity:.76!important;}
.template-saas form[data-cp-dirty="1"]{box-shadow:inset 2px 0 0 #009b8f!important;}
@media(max-width:900px){.template-saas .cp-global-savebar{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;max-width:none!important;justify-content:space-between!important}.template-saas .saas-main{padding-bottom:68px!important;}}

/* CP Portal v127: persistent top save action and reliable account dropdown */
.template-saas.cp-has-global-savebar .saas-global-topbar,
.template-saas.cp-has-global-savebar .saas-topbar{padding-right:392px!important;}
.template-saas .cp-global-savebar{
  position:fixed!important;
  top:7px!important;
  right:12px!important;
  z-index:2147483700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:min(360px,calc(100vw - 24px))!important;
  min-height:38px!important;
  padding:5px!important;
  border:1px solid #aebfad!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#07110c!important;
  box-shadow:0 10px 26px rgba(7,17,12,.13)!important;
}
.template-saas .cp-global-savebar>div{display:grid!important;gap:1px!important;min-width:0!important;}
.template-saas .cp-global-savebar strong{display:block!important;color:#07110c!important;font-size:11.5px!important;font-weight:760!important;line-height:1.05!important;}
.template-saas .cp-global-savebar span{display:block!important;max-width:190px!important;color:#536158!important;font-size:10.5px!important;font-weight:540!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.template-saas .cp-global-savebar-button{height:30px!important;min-height:30px!important;border-radius:4px!important;padding:0 12px!important;border:1px solid #07110c!important;background:#07110c!important;color:#fff!important;font-size:11.5px!important;font-weight:760!important;line-height:1!important;white-space:nowrap!important;}
.template-saas .cp-global-savebar.is-dirty{border-color:#008f84!important;background:#f4fffb!important;}
.template-saas .cp-global-savebar.is-dirty span{color:#007c72!important;font-weight:650!important;}
.template-saas .portal-account-floating{position:fixed!important;right:auto!important;display:grid!important;grid-template-columns:1fr!important;width:min(292px,calc(100vw - 18px))!important;max-width:292px!important;max-height:min(430px,calc(100vh - 64px))!important;overflow:auto!important;border-radius:4px!important;}
@media(max-width:1120px){
  .template-saas.cp-has-global-savebar .saas-global-topbar,
  .template-saas.cp-has-global-savebar .saas-topbar{padding-right:12px!important;padding-bottom:50px!important;height:auto!important;min-height:88px!important;}
  .template-saas .cp-global-savebar{top:47px!important;left:12px!important;right:12px!important;width:auto!important;}
}
@media(max-width:760px){
  .template-saas.cp-has-global-savebar .saas-global-topbar,
  .template-saas.cp-has-global-savebar .saas-topbar{padding-bottom:6px!important;min-height:0!important;}
  .template-saas .cp-global-savebar{top:auto!important;bottom:8px!important;left:8px!important;right:8px!important;width:auto!important;}
  .template-saas .saas-main,.template-saas .auth-main{padding-bottom:66px!important;}
}

/* CP Portal v128: consistent compact information architecture */
.template-saas{
  --cp128-bg:#f5f7f4!important;
  --cp128-panel:#ffffff!important;
  --cp128-ink:#101510!important;
  --cp128-muted:#56645b!important;
  --cp128-line:#d9e2d5!important;
  --cp128-line-strong:#b8c9b2!important;
  --cp128-accent:#008f84!important;
  --cp128-dark:#07100b!important;
  background:var(--cp128-bg)!important;
  color:var(--cp128-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12.5px!important;
  line-height:1.36!important;
}
.template-saas *{letter-spacing:0!important;text-shadow:none!important;box-shadow:none!important;}
.template-saas .saas-app-sidebar{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;background:var(--cp128-bg)!important;min-height:100vh!important;}
.template-saas .saas-sidebar{position:sticky!important;top:0!important;width:220px!important;max-height:100vh!important;overflow:auto!important;padding:12px 10px!important;background:#fff!important;border-right:1px solid var(--cp128-line)!important;}
.template-saas .saas-brand{height:38px!important;padding:0 4px 10px!important;margin:0 0 12px!important;border-bottom:1px solid var(--cp128-line)!important;gap:8px!important;}
.template-saas .saas-brand span{width:28px!important;height:28px!important;border-radius:4px!important;background:#8fff2f!important;color:#07100b!important;font-size:10.5px!important;font-weight:780!important;}
.template-saas .saas-brand strong{font-size:13.5px!important;font-weight:760!important;line-height:1!important;color:#07100b!important;}
.template-saas .saas-nav{display:grid!important;gap:12px!important;padding:0!important;}
.template-saas .saas-nav-group{display:grid!important;gap:3px!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #e5ebe2!important;}
.template-saas .saas-nav-group>span{padding:0 5px 4px!important;margin:0!important;color:#6a766e!important;font-size:9.5px!important;font-weight:740!important;text-transform:uppercase!important;}
.template-saas .saas-nav-item{display:grid!important;grid-template-columns:23px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:3px 6px!important;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:#101510!important;text-decoration:none!important;font-size:12px!important;font-weight:640!important;line-height:1.1!important;}
.template-saas .saas-nav-item:hover{background:#f0f5ed!important;border-color:var(--cp128-line)!important;color:#07100b!important;}
.template-saas .saas-nav-item.is-active{background:#07100b!important;border-color:#07100b!important;color:#fff!important;}
.template-saas .saas-nav-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border:1px solid #bfd0b8!important;border-radius:4px!important;background:#f2f8ef!important;color:#07100b!important;font-size:9px!important;font-weight:760!important;}
.template-saas .saas-nav-item.is-active .saas-nav-icon{background:#8fff2f!important;border-color:#8fff2f!important;color:#07100b!important;}
.template-saas .saas-nav-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:650!important;}
.template-saas .saas-content{min-width:0!important;background:var(--cp128-bg)!important;}
.template-saas .saas-global-topbar,.template-saas .saas-topbar{position:sticky!important;top:0!important;z-index:2147481000!important;display:grid!important;grid-template-columns:minmax(260px,560px) auto!important;align-items:center!important;gap:10px!important;height:48px!important;min-height:48px!important;padding:6px 10px!important;border-bottom:1px solid var(--cp128-line)!important;background:#fff!important;overflow:visible!important;}
.template-saas .saas-header-search{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:7px!important;max-width:640px!important;height:35px!important;margin:0!important;}
.template-saas .saas-header-search label{display:block!important;height:35px!important;min-height:35px!important;border:1px solid var(--cp128-line-strong)!important;border-radius:4px!important;background:#fff!important;overflow:hidden!important;}
.template-saas .saas-header-search label span{display:none!important;}
.template-saas .saas-header-search input{height:33px!important;min-height:33px!important;width:100%!important;border:0!important;padding:0 11px!important;background:#fff!important;color:#07100b!important;font-size:12.5px!important;font-weight:560!important;}
.template-saas .saas-header-search button{height:35px!important;min-height:35px!important;border-radius:4px!important;padding:0 10px!important;background:#07100b!important;border-color:#07100b!important;color:#fff!important;font-size:11.5px!important;font-weight:740!important;}
.template-saas .saas-main,.template-saas .auth-main{min-width:0!important;padding:10px!important;background:var(--cp128-bg)!important;overflow:visible!important;}
.template-saas .auth-shell,.template-saas .portal-home,.template-saas .account-workspace{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important;}
.template-saas .saas-topnav{position:sticky!important;top:48px!important;z-index:900!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:40px!important;margin:0 0 10px!important;padding:5px!important;border:1px solid var(--cp128-line)!important;border-radius:4px!important;background:#fff!important;overflow:hidden!important;}
.template-saas .saas-topnav>span{display:flex!important;align-items:center!important;gap:5px!important;min-width:92px!important;color:#56645b!important;font-size:9.5px!important;font-weight:720!important;text-transform:uppercase!important;}
.template-saas .saas-topnav>span b{color:#07100b!important;font-size:9.5px!important;font-weight:760!important;}
.template-saas .saas-topnav>div{display:flex!important;gap:4px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:thin!important;}
.template-saas .saas-topnav-item{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:4px!important;background:#fff!important;color:#101510!important;text-decoration:none!important;font-size:11.5px!important;font-weight:660!important;white-space:nowrap!important;}
.template-saas .saas-topnav-item:hover{border-color:var(--cp128-line)!important;background:#f5f8f3!important;}
.template-saas .saas-topnav-item.is-active{background:#07100b!important;border-color:#07100b!important;color:#fff!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .auth-form,.template-saas .account-panel,.template-saas .account-plan-card,.template-saas .billing-legal-box,.template-saas article,.template-saas details{border-radius:4px!important;border-color:var(--cp128-line)!important;background:#fff!important;box-shadow:none!important;}
.template-saas .portal-overview-panel,.template-saas .auth-card,.template-saas .account-panel{padding:12px!important;}
.template-saas h1{margin:0!important;color:#07100b!important;font-size:clamp(21px,1.35vw,27px)!important;font-weight:760!important;line-height:1.08!important;}
.template-saas h2{margin:0!important;color:#07100b!important;font-size:17px!important;font-weight:730!important;line-height:1.13!important;}
.template-saas h3{margin:0!important;color:#07100b!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important;}
.template-saas p,.template-saas li,.template-saas small,.template-saas .auth-note{font-size:12px!important;font-weight:500!important;line-height:1.36!important;color:var(--cp128-muted)!important;}
.template-saas .eyebrow{margin:0 0 5px!important;color:#007c72!important;font-size:9.5px!important;font-weight:760!important;line-height:1!important;text-transform:uppercase!important;}
.template-saas .button,.template-saas button,.template-saas input[type=submit],.template-saas a.button{min-height:31px!important;border-radius:4px!important;padding:0 10px!important;font-size:11.5px!important;font-weight:720!important;line-height:1!important;}
.template-saas input,.template-saas select,.template-saas textarea{min-height:34px!important;border-radius:4px!important;border-color:var(--cp128-line-strong)!important;background:#fff!important;color:#07100b!important;font-size:12.5px!important;font-weight:520!important;line-height:1.32!important;padding:7px 9px!important;}
.template-saas label{gap:5px!important;color:#344039!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;}
.template-saas .auth-actions,.template-saas .portal-panel-actions,.template-saas .portal-site-actions,.template-saas .account-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;}
.template-saas .account-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important;}
.template-saas .account-section-head span,.template-saas .config-pill,.template-saas .project-status,.template-saas .invoice-status,.template-saas .team-status{border-radius:4px!important;font-size:9.5px!important;font-weight:720!important;line-height:1!important;padding:5px 7px!important;}
.template-saas table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important;}
.template-saas th{color:#607064!important;font-size:9.5px!important;font-weight:740!important;text-transform:uppercase!important;}
.template-saas td{font-size:12px!important;font-weight:500!important;vertical-align:top!important;}
.template-saas .saas-account-menu{justify-self:end!important;position:relative!important;z-index:2147483000!important;overflow:visible!important;}
.template-saas .saas-account-menu summary{display:grid!important;grid-template-columns:28px minmax(0,1fr) 10px!important;align-items:center!important;gap:7px!important;width:176px!important;min-width:0!important;max-width:176px!important;height:34px!important;min-height:34px!important;padding:2px 7px 2px 2px!important;border:1px solid var(--cp128-line-strong)!important;border-radius:4px!important;background:#fff!important;color:#07100b!important;list-style:none!important;cursor:pointer!important;}
.template-saas .saas-account-menu summary::-webkit-details-marker{display:none!important;}
.template-saas .saas-account-menu summary::after{content:""!important;width:6px!important;height:6px!important;border-right:2px solid #07100b!important;border-bottom:2px solid #07100b!important;transform:rotate(45deg) translateY(-1px)!important;}
.template-saas .saas-account-menu summary>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:4px!important;background:#8fff2f!important;color:#07100b!important;font-size:11px!important;font-weight:780!important;}
.template-saas .saas-account-menu summary strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#07100b!important;font-size:11.5px!important;font-weight:720!important;line-height:1!important;}
.template-saas .saas-account-menu summary small{display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#66736a!important;font-size:9.5px!important;font-weight:520!important;line-height:1!important;}
.template-saas .saas-account-dropdown,.template-saas .portal-account-floating,.portal-account-floating{display:grid!important;grid-template-columns:1fr!important;width:min(280px,calc(100vw - 18px))!important;min-width:0!important;max-width:280px!important;max-height:min(420px,calc(100vh - 64px))!important;overflow:auto!important;padding:6px!important;gap:5px!important;border:1px solid #07100b!important;border-radius:4px!important;background:#fff!important;z-index:2147483600!important;}
.template-saas .saas-account-dropdown{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;left:auto!important;}
.template-saas .portal-account-floating,.portal-account-floating{position:fixed!important;right:auto!important;}
.template-saas .saas-account-dropdown>div,.template-saas .portal-account-floating>div,.portal-account-floating>div{display:grid!important;gap:1px!important;padding:6px!important;border:1px solid var(--cp128-line)!important;border-radius:4px!important;background:#fff!important;}
.template-saas .saas-account-dropdown span,.template-saas .portal-account-floating span,.portal-account-floating span{margin:0 0 4px!important;color:#007c72!important;font-size:8.75px!important;font-weight:740!important;line-height:1!important;text-transform:uppercase!important;}
.template-saas .saas-account-dropdown a,.template-saas .portal-account-floating a,.portal-account-floating a{display:flex!important;align-items:center!important;min-height:25px!important;padding:0 6px!important;border-radius:3px!important;color:#07100b!important;text-decoration:none!important;font-size:11.25px!important;font-weight:600!important;line-height:1.1!important;}
.template-saas .saas-account-dropdown a:hover,.template-saas .portal-account-floating a:hover,.portal-account-floating a:hover{background:#07100b!important;color:#fff!important;}
.template-saas .saas-account-dropdown .saas-logout-link,.template-saas .portal-account-floating .saas-logout-link,.portal-account-floating .saas-logout-link{justify-content:center!important;min-height:29px!important;background:#07100b!important;color:#fff!important;font-weight:720!important;}
.template-saas.cp-has-global-savebar .saas-global-topbar,.template-saas.cp-has-global-savebar .saas-topbar{padding-right:314px!important;}
.template-saas .cp-global-savebar{top:7px!important;right:10px!important;width:min(292px,calc(100vw - 20px))!important;min-height:34px!important;padding:4px!important;border-radius:4px!important;}
.template-saas .cp-global-savebar strong{font-size:11px!important;font-weight:730!important;}
.template-saas .cp-global-savebar span{max-width:150px!important;font-size:10px!important;font-weight:530!important;}
.template-saas .cp-global-savebar-button{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:11px!important;font-weight:720!important;}
@media(max-width:980px){
  .template-saas .saas-app-sidebar{grid-template-columns:1fr!important;}
  .template-saas .saas-sidebar{position:relative!important;width:auto!important;max-height:none!important;}
  .template-saas .saas-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .template-saas .saas-global-topbar,.template-saas .saas-topbar{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;}
  .template-saas.cp-has-global-savebar .saas-global-topbar,.template-saas.cp-has-global-savebar .saas-topbar{padding-right:10px!important;padding-bottom:48px!important;}
  .template-saas .cp-global-savebar{left:10px!important;right:10px!important;top:47px!important;width:auto!important;}
  .template-saas .saas-topnav{position:static!important;grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  .template-saas .saas-nav{grid-template-columns:1fr!important;}
  .template-saas .saas-main,.template-saas .auth-main{padding:8px!important;}
  .template-saas .saas-account-menu{justify-self:stretch!important;}
  .template-saas .saas-account-menu summary{width:100%!important;max-width:none!important;}
  .template-saas .saas-account-dropdown,.template-saas .portal-account-floating,.portal-account-floating{width:min(280px,calc(100vw - 16px))!important;}
  .template-saas .cp-global-savebar{top:auto!important;bottom:8px!important;left:8px!important;right:8px!important;}
  .template-saas.cp-has-global-savebar .saas-global-topbar,.template-saas.cp-has-global-savebar .saas-topbar{padding-bottom:6px!important;}
  .template-saas .saas-main,.template-saas .auth-main{padding-bottom:64px!important;}
}