:root{--ink:#162638;--blue:#1767b1;--teal:#10a79f;--soft:#f4f7fa;--line:#dbe5ed;--red:#b53131;--dark:#101d2c}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}.site-header{min-height:72px;background:#fff;border-bottom:1px solid var(--line);padding:11px max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:196px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-header a,.link-button{font:inherit;font-size:.92rem;font-weight:700;color:var(--ink);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.container{max-width:1320px;margin:auto;padding:34px 22px 62px}.site-footer{padding:22px max(22px,calc((100vw - 1320px)/2));background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#5a6b7c;font-size:.9rem}.site-footer a{color:var(--blue);font-weight:700;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--teal);font-size:.76rem;font-weight:800}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 20px rgba(22,43,65,.055)}.grid{display:grid;gap:17px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{font-size:2.25rem;font-weight:830;letter-spacing:-.04em}.muted{color:#617184}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--blue);background:var(--blue);color:#fff!important;border-radius:9px;text-decoration:none;font-weight:800;cursor:pointer}.button-secondary{background:#fff;color:var(--blue)!important}.button-danger{background:var(--red);border-color:var(--red)}.button-small{padding:7px 10px;font-size:.86rem}.button-row{display:flex;gap:10px;flex-wrap:wrap}.notice{background:#e4f7f1;border:1px solid #b8e7da;border-radius:10px;padding:11px 14px;margin-bottom:18px;color:#0b6259}.warning{background:#fff4dc;border:1px solid #f0d69a;border-radius:10px;padding:13px 15px;color:#684b00}.error{color:var(--red)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#647487}.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#e9f2fa;color:#14568e;font-weight:750;font-size:.8rem}.badge-green{background:#e4f7f1;color:#086259}.badge-red{background:#fee9e9;color:#a12828}.form-card{max-width:800px}.field{display:grid;gap:5px;margin-bottom:15px}.field label{font-weight:750}.field input,.field select,.field textarea{font:inherit;width:100%;padding:10px 11px;border:1px solid #b9c7d4;border-radius:8px;background:#fff}.field textarea{min-height:130px}.validation-summary-errors{color:var(--red);margin-bottom:14px}.code{background:var(--dark);color:#dcecff;border-radius:10px;padding:15px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:20px 0}.hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;margin:.25rem 0 1rem}.hero p{font-size:1.08rem;color:#586777}.section-title{margin:28px 0 14px;font-size:1.5rem}.setup-shell{max-width:900px;margin:24px auto}.setup-steps{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 24px}.setup-steps span{padding:6px 9px;background:#e6eef5;border-radius:999px;font-size:.82rem;font-weight:750}.setup-steps .active{background:#d8f2ee;color:#08746e}.key-display{padding:16px;border-radius:10px;background:#101d2c;color:white;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.list{padding-left:20px}.list li{margin:5px 0}
@media(max-width:950px){.grid-4,.grid-3,.hero{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column}.brand img{width:180px}}
.automation-callout{display:flex;align-items:flex-start;gap:14px;margin:22px 0;padding:17px 18px;border:1px solid #b9e8e2;border-radius:14px;background:linear-gradient(135deg,#ecfbf8,#f4fbff)}.automation-callout h2{margin:0 0 4px;font-size:1.05rem}.automation-callout p{margin:0;color:#426070}.automation-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#0f8f89;color:#fff;font-size:1.35rem;font-weight:800}.completion-shell{text-align:center;max-width:920px}.completion-shell h1{margin:.2rem 0 1rem}.completion-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#e1f8ef;color:#087052;font-size:2rem;font-weight:900}.cron-card{text-align:left;margin-top:24px}.cron-card h2{font-size:1.05rem;margin:20px 0 7px}.cron-card h2:first-child{margin-top:0}.cron-schedule{display:inline-block;padding:9px 13px;border-radius:9px;background:#e7f1ff;color:#125493;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.code-wrap{white-space:pre-wrap;word-break:break-word}.completion-actions{justify-content:center;margin-top:20px}.automation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.automation-summary .card{padding:16px}.automation-summary .label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#688092}.automation-summary .value{font-size:1.4rem;font-weight:850;margin-top:3px}.setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}@media(max-width:800px){.automation-summary,.setting-grid{grid-template-columns:1fr}.automation-callout{align-items:flex-start}}


/* Marketplace and built-in Live Chat */
.site-header__bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}
.nav-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:8px 10px;font:inherit;font-weight:800;cursor:pointer}
.site-header nav.is-open{display:flex}
.workspace-page{display:grid;gap:22px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-head h1,.workspace-head h2{margin:.2rem 0}.workspace-head p{margin:5px 0 0}.empty-state{padding:23px;border:1px dashed #b9c7d4;border-radius:14px;background:#fff;color:#617184;text-align:center}.live-chat-inbox{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:17px}.chat-list{display:grid;gap:7px}.chat-list__item{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none}.chat-list__item span{color:#617184;font-size:.8rem}.chat-list__item.is-active{border-color:#1767b1;background:#e9f3fd}.chat-transcript{display:grid;gap:10px;max-height:60vh;overflow:auto;padding:4px 2px}.chat-bubble{max-width:85%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.chat-bubble--agent{margin-left:auto;background:#e8f4ff;border-color:#bddcf5}.chat-bubble p{margin:4px 0}.chat-bubble small{color:#617184}.reply-form{display:grid;gap:10px;margin-top:14px}.reply-form textarea{width:100%;resize:vertical;padding:10px 11px;border:1px solid #b9c7d4;border-radius:8px;font:inherit}.button--small{padding:7px 10px;font-size:.86rem}.button--secondary{background:#fff;color:var(--blue)!important}.button--danger{background:var(--red);border-color:var(--red)}
.swal2-popup{border-radius:16px!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}.swal2-confirm{background:var(--blue)!important}.swal2-cancel{background:#e6eef5!important;color:var(--ink)!important}
@media(max-width:950px){.site-header{padding:10px 18px}.site-header__bar{align-items:flex-start}.nav-toggle{display:inline-flex}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.site-header nav a,.site-header nav form{padding:10px 0;border-bottom:1px solid var(--line)}.site-header nav form{margin:0}.live-chat-inbox{grid-template-columns:1fr}.workspace-head{align-items:stretch;flex-direction:column}.workspace-head .button-row,.workspace-head .button{width:100%}.chat-transcript{max-height:none}.site-footer{padding:20px 18px}}
@media(max-width:600px){.container{padding:25px 14px 44px}.site-header{padding:9px 14px}.brand img{width:155px}.card{padding:17px}.button-row{display:grid;grid-template-columns:1fr}.button-row .button{width:100%}.chat-bubble{max-width:94%}}

/* First-time installation feedback and resilient notifications. */
.field-help{display:block;color:#647487;font-size:.84rem;line-height:1.42}.field .input-validation-error,.setup-form.was-validated .field input:invalid,.setup-form.was-validated .field select:invalid{border-color:#c63c3c;box-shadow:0 0 0 3px rgba(198,60,60,.1)}.field .error:empty{display:none}.terms-field{margin-top:18px}.terms-field>label{display:flex;align-items:flex-start;gap:9px;font-weight:650}.terms-field input{width:auto;margin-top:4px}.setup-feedback{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;padding:13px 15px;border:1px solid;border-radius:11px}.setup-feedback strong{white-space:nowrap}.setup-feedback-error{background:#fff0f0;border-color:#f2b8b8;color:#8d2525}.setup-progress{display:flex;align-items:center;gap:10px;margin:18px 0 14px;padding:12px 14px;border-radius:10px;background:#eaf4ff;color:#144f82;font-weight:700}.setup-progress-spinner{width:18px;height:18px;border:3px solid rgba(20,79,130,.22);border-top-color:#145f9f;border-radius:50%;animation:sysautomator-spin .75s linear infinite}.setup-form button[disabled]{cursor:wait;opacity:.74}.app-toast{position:fixed;z-index:9999;top:22px;right:22px;display:flex;align-items:flex-start;gap:10px;max-width:min(430px,calc(100vw - 32px));padding:13px 12px 13px 14px;border-radius:12px;color:#fff;background:#126a60;box-shadow:0 14px 34px rgba(16,29,44,.24);opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}.app-toast.is-visible{opacity:1;transform:translateY(0)}.app-toast[data-kind="error"]{background:#a12828}.app-toast[data-kind="warning"]{background:#8a5a00}.app-toast-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(255,255,255,.58);border-radius:50%;font-weight:900}.app-toast-message{padding-top:1px;font-size:.92rem;font-weight:650;line-height:1.4}.app-toast-close{margin:-4px -2px -4px 4px;padding:0 4px;border:0;background:transparent;color:#fff;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}@keyframes sysautomator-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.grid-2,.grid-3{grid-template-columns:1fr}.app-toast{top:12px;right:12px}.setup-feedback{flex-direction:column}.setup-feedback strong{white-space:normal}}


/* Setup database preflight and legal agreement */
.setup-database-note{margin:0 0 18px;padding:14px 16px;border:1px solid #b9d9ef;border-radius:12px;background:#f2f9fe;color:#294a63}.setup-database-note strong{display:block;margin-bottom:6px;color:#14568e}.setup-database-note ol{margin:7px 0 0 19px;padding:0}.setup-database-note li{margin:4px 0}.setup-database-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0e4f80}.legal-page{max-width:980px;margin:26px auto;display:grid;gap:18px}.legal-page__header{padding:28px}.legal-page__header h1{margin:.35rem 0 .65rem;letter-spacing:-.03em}.legal-page__header p{color:#516779;line-height:1.62}.legal-document{padding:30px;line-height:1.68}.legal-document h2{margin-top:0;font-size:1.45rem}.legal-document h3{margin:1.5rem 0 .45rem;font-size:1.04rem}.legal-document p{margin:.45rem 0;color:#293947}.footer-legal-link{margin-left:auto}@media(max-width:760px){.legal-document,.legal-page__header{padding:20px}.footer-legal-link{margin-left:0}}

/* --------------------------------------------------------------------------
   Public templates, direct login UI, client area, and accessible buttons.
   These rules intentionally live after legacy styles so the controls render
   with contrast even when the Identity Razor Class Library is unavailable.
   -------------------------------------------------------------------------- */
:root{--brand-accent:#1767B1;--brand-accent-dark:#0f518e;--brand-surface:#edf6ff;--brand-text:#12263a}
body{min-height:100vh;display:flex;flex-direction:column}.container{flex:1;width:100%}.site-header{position:relative;z-index:20}.site-header__bar{width:min(1320px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand__name{display:inline-block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.86rem;font-weight:800}.brand img{width:154px}.site-header nav{justify-content:flex-end}.site-header nav>a{padding:8px 2px}.site-header .header-login,.site-header a.button,.site-header button.button,.identity-submit,.button{background:var(--brand-accent)!important;border-color:var(--brand-accent)!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important}.site-header .header-login:hover,.site-header a.button:hover,.site-header button.button:hover,.identity-submit:hover,.button:hover{background:var(--brand-accent-dark)!important;border-color:var(--brand-accent-dark)!important;color:#fff!important}.button.button-secondary,.button-secondary{background:#fff!important;border-color:var(--brand-accent)!important;color:var(--brand-accent)!important}.button.button-secondary:hover,.button-secondary:hover{background:var(--brand-surface)!important;color:var(--brand-accent-dark)!important}.link-button{color:var(--ink)!important;padding:8px 2px!important;font-weight:800!important}.link-button:hover{color:var(--brand-accent)!important}.nav-signout-form{margin:0}.site-footer{margin-top:auto}.site-footer__links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.identity-shell{min-height:calc(100vh - 270px);display:grid;place-items:center;padding:32px 0}.identity-card{width:min(100%,510px);padding:32px}.identity-card h1{margin:.25rem 0 .55rem;letter-spacing:-.035em}.identity-form{display:grid;gap:14px;margin-top:25px}.identity-form .field{margin:0}.identity-form input[type="email"],.identity-form input[type="password"]{min-height:46px;border:1px solid #9cb1c2;background:#fff;color:#13293d}.identity-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--brand-accent) 20%,transparent);border-color:var(--brand-accent)}.identity-submit{width:100%;min-height:46px;margin-top:2px;font-size:1rem}.identity-help{margin:21px 0 0;color:#607386;font-size:.89rem}.check-row{display:flex;align-items:flex-start;gap:9px;color:#34495c;font-size:.92rem;font-weight:650}.check-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand-accent)}.error-reference{margin-top:15px;padding:10px 12px;border-radius:8px;background:#fff4dc;color:#684b00}.public-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:28px;align-items:stretch;margin:18px 0 32px;padding:clamp(28px,5vw,62px);border:1px solid #d6e4ee;border-radius:24px;background:linear-gradient(135deg,#f9fcff 0%,var(--brand-surface) 100%);overflow:hidden}.public-hero__content{align-self:center}.public-hero h1{max-width:740px;margin:.35rem 0 16px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em;color:#11273b}.public-hero__content>p{max-width:680px;margin:0;color:#4b6377;font-size:1.13rem;line-height:1.7}.public-hero__actions{margin-top:27px}.public-hero__panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-color:color-mix(in srgb,var(--brand-accent) 24%,#dbe5ed)}.public-hero__panel h2{margin:.6rem 0}.public-hero__panel p{margin:0;color:#587083}.public-hero__panel-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-accent);color:#fff;font-weight:950;font-size:1.3rem}.public-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 0}.public-hero__stats div{padding:11px;border:1px solid #dfeaf2;border-radius:10px;background:#fff}.public-hero__stats dt{color:#607386;font-size:.77rem;font-weight:750}.public-hero__stats dd{margin:3px 0 0;color:#183952;font-size:1rem;font-weight:850}.public-hero__support{margin-top:19px!important;font-size:.92rem!important}.public-hero__support a{color:var(--brand-accent);font-weight:800}.public-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:15px}.public-features h2{margin:.35rem 0 .55rem;font-size:1.23rem}.public-features p{margin:0;color:#597082}.template-classic .public-hero{border-radius:5px;background:#f7f4ee;border-color:#d9cfbf}.template-classic .card{border-radius:5px;box-shadow:none}.template-classic .site-header,.template-classic .site-footer{background:#fdfbf7}.template-midnight{background:#0d1825;color:#e8f1f8}.template-midnight .site-header{background:#101e2e;border-color:#294157}.template-midnight .site-header a,.template-midnight .brand__name,.template-midnight .link-button{color:#edf6ff!important}.template-midnight .site-footer{background:#101e2e;border-color:#294157;color:#b9cbd9}.template-midnight .container{background:#0d1825}.template-midnight .public-hero{background:linear-gradient(135deg,#152a40 0%,#0f1d2b 100%);border-color:#29465e}.template-midnight .public-hero h1{color:#fff}.template-midnight .public-hero__content>p,.template-midnight .public-hero__panel p{color:#c0d1df}.template-midnight .public-hero__panel,.template-midnight .public-hero__stats div{background:#13263a;border-color:#2a4c67}.template-midnight .public-hero__stats dt{color:#afc2d1}.template-midnight .public-hero__stats dd{color:#fff}.template-midnight .public-features .card{background:#13263a;border-color:#29465e;color:#f5fbff}.template-midnight .public-features p{color:#c0d1df}.portal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:10px 0 22px}.portal-head h1{margin:.25rem 0}.portal-balance{min-width:250px;display:grid;gap:2px}.portal-balance span{color:#617184;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.portal-balance strong{font-size:2rem;letter-spacing:-.04em}.portal-summary{margin-bottom:18px}.portal-grid{align-items:start;margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-heading h2{margin:.25rem 0 0}.portal-list{display:grid;gap:1px}.portal-list article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.portal-list article:last-child{border-bottom:0}.portal-list span{color:#637488;font-size:.9rem;text-align:right}.settings-page{display:grid;gap:22px}.settings-page__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.settings-page__head h1{margin:.2rem 0 .45rem}.settings-page__head p{margin:0;max-width:830px}.settings-form{max-width:920px}.template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;border:0}.template-options legend{margin-bottom:9px;font-weight:800}.template-option{display:flex;align-items:flex-start;gap:10px;min-height:95px;padding:14px;border:1px solid #cad9e5;border-radius:12px;background:#fff;cursor:pointer}.template-option:has(input:checked){border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 14%,transparent)}.template-option input{width:18px;height:18px;accent-color:var(--brand-accent)}.template-option span{display:grid;gap:4px}.template-option small{color:#637488;line-height:1.35}.table-action{color:var(--brand-accent);font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}.table-action:hover{text-decoration:underline}.site-header a:focus-visible,.button:focus-visible,.link-button:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent) 35%,transparent);outline-offset:2px}
@media(max-width:920px){.site-header__bar{align-items:flex-start;flex-wrap:wrap}.public-hero{grid-template-columns:1fr}.public-features{grid-template-columns:1fr}.template-options{grid-template-columns:1fr}.portal-head{align-items:stretch;flex-direction:column}.portal-balance{min-width:0}.settings-page__head{align-items:stretch;flex-direction:column}.settings-page__head .button{width:100%}}
@media(max-width:760px){.brand__name{display:none}.site-header nav.is-open{display:flex}.site-header nav{width:100%}.site-header nav a,.site-header nav form{width:100%}.site-header .header-login{width:100%;margin-top:7px}.public-hero{padding:27px 20px;border-radius:17px}.public-hero h1{font-size:2.35rem}.public-hero__stats{grid-template-columns:1fr}.portal-list article{align-items:flex-start;flex-direction:column}.portal-list span{text-align:left}.site-footer{align-items:flex-start;flex-direction:column}.site-footer__links{gap:13px}.identity-card{padding:22px}.template-options{gap:9px}}

/* Locale selector is available on public, client and administrator surfaces. */
.locale-form{display:flex;align-items:center;margin-inline-start:.25rem}.locale-form select{min-height:2.2rem;max-width:12rem;border:1px solid rgba(255,255,255,.35);border-radius:.45rem;background:#fff;color:#172033;padding:.3rem .5rem;font:inherit}.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}


/* --------------------------------------------------------------------------
   Original SysAutomator billing portal surface: public, client, and admin.
   This is intentionally a distinct design system, not a copied WHMCS template.
   -------------------------------------------------------------------------- */
.brand-logo{width:154px!important;max-height:44px;object-fit:contain;object-position:left center}.brand--admin .brand-logo{max-width:100%;height:44px}.text-action{display:inline-flex;align-items:center;min-height:40px;color:var(--brand-accent);font-weight:800;text-decoration:none}.text-action:hover{text-decoration:underline}.field-help{font-size:.82rem;color:#617184}.logo-preview{display:flex;align-items:center;gap:18px;padding:14px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.logo-preview img{width:180px;max-height:62px;object-fit:contain;object-position:left center}.admin-app{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);background:#f4f7fb}.admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 14px;background:#111c2a;color:#d4dfeb;border-right:1px solid #25384e}.admin-sidebar .brand{padding:0 10px 23px;margin-bottom:10px;border-bottom:1px solid #263a50}.admin-sidebar .brand__name{color:#fff;font-size:.92rem}.admin-sidebar__label{padding:16px 10px 7px;color:#91a5ba;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.admin-nav{display:grid;gap:3px}.admin-nav a{display:flex;align-items:center;min-height:39px;padding:9px 11px;border-radius:9px;color:#d3dfeb;font-size:.91rem;font-weight:720;text-decoration:none}.admin-nav a:hover,.admin-nav a:focus-visible{background:#203851;color:#fff;outline:none}.admin-main{min-width:0}.admin-topbar{min-height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid #dde6ee}.admin-topbar strong{display:block;color:#18293a;font-size:.94rem}.admin-topbar__eyebrow{display:block;color:#758596;font-size:.71rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.admin-content{padding:30px;max-width:1560px}.is-admin .hero{padding:0;margin-bottom:28px}.is-admin .hero>div{padding:22px 26px;border:1px solid #dce6ee;border-radius:18px;background:linear-gradient(135deg,#fff,#f0f6fb)}.is-admin .hero h1{font-size:clamp(1.8rem,3vw,2.75rem)}.is-admin .card{border-radius:14px;box-shadow:0 5px 17px rgba(23,42,62,.055)}.is-admin .grid-4 .card a{display:inline-block;margin-top:9px;color:var(--brand-accent);font-size:.88rem;font-weight:800;text-decoration:none}.is-admin .grid-4 .card a:hover{text-decoration:underline}.catalog-head,.catalog-group__head,.contact-page{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 26px}.catalog-head h1,.catalog-group__head h2,.contact-page h1{margin:.2rem 0 .5rem}.catalog-group{margin:0 0 35px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{display:flex;flex-direction:column}.catalog-card h3{margin:0 0 8px;font-size:1.2rem}.catalog-card .button{margin-top:auto;align-self:flex-start}.catalog-card__price{margin:18px 0;color:#253d52;font-weight:780}.catalog-prices{display:grid;gap:7px;margin:18px 0}.catalog-prices div{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:3px 10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line)}.catalog-prices div:first-child{border-top:0;padding-top:0}.catalog-prices strong{color:#102d49}.catalog-prices span,.catalog-prices small{color:#607386;font-size:.84rem}.catalog-prices small{grid-column:1 / -1}.search-bar{display:flex;gap:10px;align-items:center;max-width:760px;padding:12px;margin-bottom:20px}.search-bar input{min-width:0;flex:1;padding:11px 12px;border:1px solid #b9c7d4;border-radius:8px;font:inherit}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card h2{margin:.35rem 0 .55rem;font-size:1.2rem}.article-card .table-action{display:inline-block;margin-top:13px}.article-page{max-width:900px;margin:14px auto;padding:clamp(22px,4vw,54px)}.article-page h1{margin:.45rem 0 .8rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.article-page__summary{font-size:1.12rem;color:#526b80}.article-page__body{margin-top:28px;overflow-wrap:anywhere}.article-page__body h2,.article-page__body h3{margin-top:1.6em}.article-page__body a{color:var(--brand-accent)}.contact-page{align-items:stretch;max-width:1050px;margin:18px auto}.contact-page__intro{flex:1;padding:25px 10px}.contact-form{width:min(100%,570px)}.is-client .site-header{box-shadow:0 1px 0 rgba(20,42,62,.04)}.is-client .portal-head,.is-client .workspace-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.is-client .card{border-radius:14px}.is-client .badge{background:#edf5fb;color:#315a7e}.is-client .badge:has(+ *){white-space:nowrap}.identity-help a{color:var(--brand-accent);font-weight:800}.template-midnight .catalog-card,.template-midnight .article-card,.template-midnight .article-page,.template-midnight .contact-form,.template-midnight .search-bar{background:#13263a;border-color:#29465e;color:#f5fbff}.template-midnight .catalog-prices div{border-color:#29465e}.template-midnight .catalog-prices strong,.template-midnight .article-page h1{color:#fff}.template-midnight .catalog-prices span,.template-midnight .catalog-prices small,.template-midnight .article-page__summary{color:#bfd0df}.template-midnight .search-bar input{background:#0f1d2b;border-color:#365977;color:#fff}.template-midnight .contact-page__intro{color:#f4fbff}.template-midnight .contact-page__intro .muted{color:#bfd0df}@media(max-width:1100px){.admin-app{grid-template-columns:220px minmax(0,1fr)}.admin-content{padding:24px}.catalog-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.admin-app{display:block}.admin-sidebar{position:static;height:auto;overflow:visible;padding:14px}.admin-sidebar .brand{padding-bottom:14px}.admin-sidebar__label{display:none}.admin-nav{display:flex;flex-wrap:wrap;gap:5px}.admin-nav a{min-height:34px;padding:7px 9px;font-size:.82rem}.admin-topbar{padding:0 17px}.admin-content{padding:20px 15px}.catalog-head,.catalog-group__head,.contact-page{align-items:stretch;flex-direction:column}.catalog-grid,.article-grid{grid-template-columns:1fr}.contact-form{width:100%}.logo-preview{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.catalog-head .button-row{grid-template-columns:1fr}.catalog-head .button-row a{width:100%}.search-bar{align-items:stretch;flex-direction:column}.search-bar .button{width:100%}.admin-topbar{min-height:62px}.admin-topbar .button{padding:7px 9px}.brand-logo{width:135px!important}}