/* StaffSwift V3.3.0 — public, auth, installer and invoice responsive design system */
:root{
  color-scheme:light;
  --ss-page:#f5f5f7;--ss-page-2:#fbfbfd;--ss-surface:#ffffff;--ss-surface-soft:#f1f2f6;
  --ss-text:#171719;--ss-body:#3a3a3f;--ss-muted:#6f737a;--ss-border:#d9dbe2;--ss-border-strong:#b9bec8;
  --ss-accent:#b48722;--ss-accent-2:#8c6615;--ss-accent-soft:#faf2df;--ss-blue:#0877d1;--ss-green:#18864b;--ss-red:#d92d20;
  --ss-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 34px rgba(0,0,0,.075);--ss-shadow-lg:0 25px 70px rgba(0,0,0,.14);
  --ss-radius:20px;--ss-radius-sm:12px;--ss-max:1220px;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ss-page:#090a0c;--ss-page-2:#101114;--ss-surface:#191a1e;--ss-surface-soft:#24262c;
  --ss-text:#f5f7fb;--ss-body:#d6dbe4;--ss-muted:#a7b0be;--ss-border:#353941;--ss-border-strong:#555c67;
  --ss-accent:#d5ad59;--ss-accent-2:#f0cf7f;--ss-accent-soft:#302714;--ss-blue:#5ab0ff;--ss-green:#54d58a;--ss-red:#ff7168;
  --ss-shadow:0 1px 2px rgba(0,0,0,.3),0 16px 42px rgba(0,0,0,.3);--ss-shadow-lg:0 30px 80px rgba(0,0,0,.52)
}
html{background:var(--ss-page);overflow-x:hidden;-webkit-text-size-adjust:100%}
body.ss-public,body.ss-auth,body.ss-installer,body.ss-invoice,body.ss-standalone-public{margin:0;min-height:100vh;background:var(--ss-page)!important;color:var(--ss-text)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","DM Sans",Arial,sans-serif!important;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.ss-public *,body.ss-auth *,body.ss-installer *,body.ss-invoice *,body.ss-standalone-public *{box-sizing:border-box}
body.ss-public h1,body.ss-public h2,body.ss-public h3,body.ss-public h4,body.ss-auth h1,body.ss-auth h2,body.ss-auth h3,body.ss-installer h1,body.ss-installer h2,body.ss-invoice h1,body.ss-invoice h2,body.ss-standalone-public h1,body.ss-standalone-public h2,body.ss-standalone-public h3{color:var(--ss-text)!important;line-height:1.16;letter-spacing:-.026em;text-wrap:balance}
body.ss-public p,body.ss-auth p,body.ss-installer p,body.ss-invoice p,body.ss-standalone-public p{color:var(--ss-body)!important;line-height:1.68}
body.ss-public a,body.ss-auth a,body.ss-installer a,body.ss-invoice a,body.ss-standalone-public a{color:inherit;text-underline-offset:3px}
body.ss-public img,body.ss-auth img,body.ss-installer img,body.ss-invoice img,body.ss-standalone-public img{max-width:100%;height:auto}
.ss-theme-toggle{width:42px;height:42px;min-height:42px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--ss-border)!important;border-radius:50%!important;background:var(--ss-surface)!important;color:var(--ss-text)!important;box-shadow:var(--ss-shadow);cursor:pointer;z-index:1001}.ss-theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.ss-theme-toggle-floating{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
/* Public website */
body.ss-public .ss-container,body.ss-standalone-public .wrap,body.ss-standalone-public .nav-row,body.ss-standalone-public .foot,body.ss-standalone-public .crumb,body.ss-standalone-public .hero-inner,body.ss-standalone-public .sec-head{width:min(var(--ss-max),calc(100% - 32px));margin-inline:auto}
body.ss-public .ss-header,body.ss-standalone-public .site-header,body.ss-standalone-public header{background:rgba(255,255,255,.9)!important;border-color:var(--ss-border)!important;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}html[data-theme="dark"] body.ss-public .ss-header,html[data-theme="dark"] body.ss-standalone-public .site-header,html[data-theme="dark"] body.ss-standalone-public header{background:rgba(25,26,30,.9)!important}
body.ss-public .ss-header-inner,body.ss-standalone-public .nav-row{min-height:68px;display:flex;align-items:center;gap:18px}
body.ss-public .ss-nav,body.ss-standalone-public .nav-links,body.ss-standalone-public .nav-right{display:flex;align-items:center;gap:clamp(8px,1.5vw,22px)}
body.ss-public .ss-nav a,body.ss-standalone-public .nav-links a,body.ss-standalone-public .nav-right a{color:var(--ss-body)!important;font-weight:650}
body.ss-public .ss-main{min-height:55vh;padding-block:clamp(24px,4vw,60px)}
body.ss-public .ss-card,body.ss-public .ss-item,body.ss-public .ss-stat,body.ss-standalone-public .featured-card,body.ss-standalone-public .area-card,body.ss-standalone-public .cat-card,body.ss-standalone-public .hub-card,body.ss-standalone-public .role-card,body.ss-standalone-public .hv-card,body.ss-standalone-public .trust-stat,body.ss-standalone-public .hiw-step,body.ss-standalone-public .fc-head,body.ss-standalone-public .fc-venue-block{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;border-radius:var(--ss-radius)!important;box-shadow:var(--ss-shadow)}
body.ss-public .ss-card,body.ss-standalone-public .featured-card,body.ss-standalone-public .area-card,body.ss-standalone-public .cat-card,body.ss-standalone-public .hub-card,body.ss-standalone-public .role-card{min-width:0;overflow:hidden}
body.ss-public .ss-grid,body.ss-public .ss-grid-2,body.ss-standalone-public .area-grid,body.ss-standalone-public .featured-grid,body.ss-standalone-public .cat-grid,body.ss-standalone-public .hub-grid,body.ss-standalone-public .role-grid,body.ss-standalone-public .trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
body.ss-standalone-public .hero,body.ss-standalone-public .cta-band,body.ss-standalone-public .hero-glow{color:var(--ss-text)}
body.ss-standalone-public .sec-desc,body.ss-standalone-public .fc-desc,body.ss-standalone-public .cat-desc,body.ss-standalone-public .foot-desc,body.ss-standalone-public .role-feat{color:var(--ss-body)!important}
body.ss-public input,body.ss-public select,body.ss-public textarea,body.ss-standalone-public input,body.ss-standalone-public select,body.ss-standalone-public textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border-strong)!important;border-radius:12px!important}
body.ss-public footer,body.ss-standalone-public footer{background:var(--ss-surface)!important;color:var(--ss-body)!important;border-color:var(--ss-border)!important}
body.ss-standalone-public .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
/* Auth */
body.ss-auth{display:block!important}.ss-auth .auth-shell{min-height:100dvh;display:grid!important;grid-template-columns:minmax(330px,42%) minmax(0,1fr);background:var(--ss-page)!important}.ss-auth .auth-side{position:relative;min-width:0;padding:clamp(28px,5vw,72px);background:linear-gradient(145deg,#07113b,#19235d)!important;color:#fff!important;overflow:hidden}.ss-auth .auth-side h1,.ss-auth .auth-side p,.ss-auth .auth-side strong,.ss-auth .auth-side span,.ss-auth .auth-side a{color:#fff!important}.ss-auth .auth-main{min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,54px);background:var(--ss-page)!important}.ss-auth .auth-card{width:min(100%,760px);min-width:0;padding:clamp(20px,3.5vw,42px);background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important;border-radius:26px!important;box-shadow:var(--ss-shadow-lg)}
.ss-auth .auth-title,.ss-auth .step-title,.ss-auth .brand-mini,.ss-auth .account-type-banner strong{color:var(--ss-text)!important}.ss-auth .auth-sub,.ss-auth .step-copy,.ss-auth .account-type-banner em,.ss-auth .phone-status,.ss-auth .help{color:var(--ss-muted)!important}.ss-auth .auth-top,.ss-auth .row-between,.ss-auth .wizard-actions,.ss-auth .actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ss-auth .account-type-banner,.ss-auth .registration-summary,.ss-auth .notice,.ss-auth .alert{background:var(--ss-surface-soft)!important;color:var(--ss-body)!important;border:1px solid var(--ss-border)!important;border-radius:15px!important}.ss-auth .portal-switch,.ss-auth .tabs,.ss-auth .social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ss-auth .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-auth .portal-switch a,.ss-auth .tab,.ss-auth .social-btn{min-width:0;background:var(--ss-surface-soft)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important;border-radius:12px!important}.ss-auth .portal-switch a.active,.ss-auth .tab.active{background:var(--ss-accent-soft)!important;color:var(--ss-accent-2)!important;border-color:var(--ss-accent)!important}.ss-auth .stepper{display:grid;grid-template-columns:repeat(var(--step-count,4),minmax(110px,1fr));gap:8px;overflow-x:auto;padding:4px 1px 10px}.ss-auth .step-indicator{min-height:42px;white-space:nowrap;background:var(--ss-surface-soft)!important;color:var(--ss-muted)!important;border:1px solid var(--ss-border)!important;border-radius:12px!important}.ss-auth .step-indicator.active,.ss-auth .step-indicator.done{background:var(--ss-accent-soft)!important;color:var(--ss-accent-2)!important;border-color:var(--ss-accent)!important}.ss-auth .form-grid,.ss-auth .form-grid.two{display:grid;grid-template-columns:1fr;gap:14px}.ss-auth .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-auth .field{min-width:0}.ss-auth label{display:block;color:var(--ss-body)!important;font-weight:650;margin-bottom:6px}.ss-auth .input,.ss-auth input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ss-auth select,.ss-auth textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;padding:11px 12px;background:var(--ss-surface-soft)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border-strong)!important;border-radius:12px!important}.ss-auth textarea{min-height:100px}.ss-auth input::placeholder,.ss-auth textarea::placeholder{color:var(--ss-muted)!important}.ss-auth input:focus,.ss-auth select:focus,.ss-auth textarea:focus{outline:0;border-color:var(--ss-blue)!important;box-shadow:0 0 0 4px rgba(8,119,209,.15)!important}.ss-auth .field-append,.ss-auth .phone-control{display:flex;align-items:stretch;gap:9px;min-width:0}.ss-auth .field-append .input,.ss-auth .phone-control>.input{flex:1;min-width:0}.ss-auth .country-code-box{display:flex;align-items:center;gap:5px;min-width:105px;padding-left:9px;background:var(--ss-surface-soft);border:1px solid var(--ss-border-strong);border-radius:12px}.ss-auth .country-code-box .input{border:0!important;background:transparent!important;padding-inline:2px;box-shadow:none!important}.ss-auth .eye{width:46px;flex:0 0 46px;border-radius:12px!important;background:var(--ss-surface-soft)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important}.ss-auth .btn,.ss-auth button[type="submit"]{min-height:46px;padding:11px 18px;border-radius:12px!important;font-weight:750}.ss-auth .btn-primary,.ss-auth .btn-gold,.ss-auth button[type="submit"]{background:var(--ss-accent)!important;color:#fff!important;border-color:var(--ss-accent)!important}.ss-auth .btn-secondary,.ss-auth .secondary{background:var(--ss-surface-soft)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}.ss-auth .field-error{color:var(--ss-red)!important}.ss-auth .hidden{display:none!important}
/* Installer */
body.ss-installer{padding:clamp(12px,3vw,34px)}body.ss-installer .wrap,body.ss-installer .installer-wrap,body.ss-installer main{width:min(100%,1060px);margin-inline:auto}body.ss-installer .card,body.ss-installer .panel,body.ss-installer .step,body.ss-installer .box{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;border-radius:var(--ss-radius)!important;box-shadow:var(--ss-shadow)}body.ss-installer .grid,body.ss-installer .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.ss-installer input,body.ss-installer select,body.ss-installer textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:var(--ss-surface-soft)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border-strong)!important;border-radius:11px!important}
/* Invoices */
body.ss-invoice{padding:clamp(10px,3vw,30px)}body.ss-invoice .invoice,body.ss-invoice .sheet,body.ss-invoice .wrap,body.ss-invoice main{width:min(100%,980px);margin-inline:auto;background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border)!important;border-radius:var(--ss-radius)!important;box-shadow:var(--ss-shadow);overflow:hidden}body.ss-invoice table{width:100%;border-collapse:collapse;color:var(--ss-body)}body.ss-invoice th,body.ss-invoice td{padding:10px 12px;border-color:var(--ss-border)!important}body.ss-invoice th{background:var(--ss-surface-soft)!important;color:var(--ss-muted)!important}
@media(max-width:1000px){body.ss-public .ss-grid,body.ss-public .ss-grid-2,body.ss-standalone-public .area-grid,body.ss-standalone-public .featured-grid,body.ss-standalone-public .cat-grid,body.ss-standalone-public .hub-grid,body.ss-standalone-public .role-grid,body.ss-standalone-public .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-auth .auth-shell{grid-template-columns:1fr}.ss-auth .auth-side{min-height:auto;padding:28px clamp(18px,5vw,48px)}.ss-auth .auth-side .side-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ss-auth .auth-main{padding:20px}.ss-auth .auth-card{width:min(100%,780px)}body.ss-standalone-public .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.ss-public .ss-header-inner,body.ss-standalone-public .nav-row{min-height:62px}.ss-public-menu-toggle,body.ss-standalone-public .menu-btn{display:inline-grid!important;margin-left:auto}.ss-public .ss-nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none!important;flex-direction:column;align-items:stretch;padding:12px;background:var(--ss-surface)!important;border:1px solid var(--ss-border)!important;border-radius:16px;box-shadow:var(--ss-shadow-lg);z-index:1000}.ss-public .ss-nav.is-open{display:flex!important}body.ss-standalone-public .mobile-menu{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow-lg)}body.ss-standalone-public .mobile-menu.open{display:block!important}.ss-auth .form-grid.two,.ss-auth .social-grid,.ss-auth .portal-switch,body.ss-installer .grid,body.ss-installer .form-grid{grid-template-columns:1fr}.ss-auth .auth-side .side-list{grid-template-columns:1fr}.ss-auth .auth-side .side-copy,.ss-auth .auth-side .side-list{display:none}.ss-auth .auth-main{padding:12px}.ss-auth .auth-card{padding:20px;border-radius:20px!important}.ss-auth .stepper{grid-template-columns:repeat(var(--step-count,4),minmax(120px,1fr))}.ss-auth .field-append,.ss-auth .phone-control{flex-wrap:wrap}.ss-auth .country-code-box{width:100%;min-width:0}.ss-auth .wizard-actions>.btn,.ss-auth .wizard-actions>button{flex:1 1 140px}body.ss-invoice{padding:0}body.ss-invoice .invoice,body.ss-invoice .sheet,body.ss-invoice .wrap,body.ss-invoice main{border-radius:0!important;border-inline:0!important}body.ss-invoice .table-wrap,body.ss-invoice .items{overflow-x:auto}body.ss-invoice table{min-width:620px}}
@media(max-width:520px){body.ss-public .ss-grid,body.ss-public .ss-grid-2,body.ss-standalone-public .area-grid,body.ss-standalone-public .featured-grid,body.ss-standalone-public .cat-grid,body.ss-standalone-public .hub-grid,body.ss-standalone-public .role-grid,body.ss-standalone-public .trust-grid,body.ss-standalone-public .foot-grid{grid-template-columns:1fr}.ss-auth .auth-side{padding:20px 16px}.ss-auth .side-title{font-size:1.55rem!important}.ss-auth .auth-card{padding:16px}.ss-auth .auth-top{align-items:flex-start}.ss-auth .auth-badge{max-width:100%;white-space:normal}.ss-auth .wizard-actions{display:grid!important;grid-template-columns:1fr;gap:10px}.ss-auth .wizard-actions>*{width:100%}.ss-theme-toggle-floating{width:38px;height:38px;min-height:38px}.ss-auth .phone-control{display:grid;grid-template-columns:1fr}.ss-auth .country-code-box{min-height:46px}}
@media print{html,body{background:#fff!important;color:#111!important}body.ss-invoice{padding:0}body.ss-invoice .invoice,body.ss-invoice .sheet,body.ss-invoice .wrap,body.ss-invoice main{border:0!important;box-shadow:none!important;width:100%!important;max-width:none!important}.ss-theme-toggle{display:none!important}}
.ss-auth .portal-switch{padding:4px;background:var(--ss-surface-soft)!important;border:1px solid var(--ss-border)!important;border-radius:15px!important;box-shadow:none!important}
.ss-auth .stepper{border-color:var(--ss-border)!important}