/* StaffSwift v4.0.0 — Apple Edition
   Global UI/UX layer for Admin, Staff, Customer, Public, Auth and Installer.
   Uses local/system fonts only and preserves existing business logic. */
:root{
  color-scheme:light;
  --apple-bg:#f5f5f7;
  --apple-bg-elevated:#fbfbfd;
  --apple-surface:rgba(255,255,255,.82);
  --apple-surface-solid:#ffffff;
  --apple-surface-secondary:#f2f2f7;
  --apple-surface-tertiary:#e5e5ea;
  --apple-text:#1d1d1f;
  --apple-text-2:#3a3a3c;
  --apple-muted:#6e6e73;
  --apple-muted-2:#8e8e93;
  --apple-border:rgba(60,60,67,.16);
  --apple-border-strong:rgba(60,60,67,.28);
  --apple-blue:#0071e3;
  --apple-blue-strong:#0066cc;
  --apple-blue-soft:#eaf4ff;
  --apple-green:#248a3d;
  --apple-green-soft:#e8f7ed;
  --apple-orange:#c93400;
  --apple-orange-soft:#fff2e9;
  --apple-red:#d70015;
  --apple-red-soft:#fff0f1;
  --apple-purple:#8944ab;
  --apple-gold:#a56a00;
  --apple-radius-xs:10px;
  --apple-radius-sm:14px;
  --apple-radius:18px;
  --apple-radius-lg:24px;
  --apple-radius-xl:30px;
  --apple-shadow-xs:0 1px 2px rgba(0,0,0,.04);
  --apple-shadow-sm:0 8px 24px rgba(0,0,0,.06);
  --apple-shadow:0 18px 50px rgba(0,0,0,.08);
  --apple-shadow-float:0 22px 65px rgba(0,0,0,.12);
  --apple-sidebar:270px;
  --apple-topbar:64px;
  --page:var(--apple-bg)!important;
  --white:var(--apple-surface-solid)!important;
  --s2:var(--apple-surface-secondary)!important;
  --s3:var(--apple-surface-tertiary)!important;
  --t1:var(--apple-text)!important;
  --t2:var(--apple-text-2)!important;
  --t3:var(--apple-muted)!important;
  --border:var(--apple-border)!important;
  --border2:var(--apple-border-strong)!important;
  --blue:var(--apple-blue)!important;
  --blue-bg:var(--apple-blue-soft)!important;
  --green:var(--apple-green)!important;
  --green-bg:var(--apple-green-soft)!important;
  --red:var(--apple-red)!important;
  --red-bg:var(--apple-red-soft)!important;
  --amber:var(--apple-orange)!important;
  --amber-bg:var(--apple-orange-soft)!important;
  --gold:var(--apple-gold)!important;
  --ss-sidebar-w:var(--apple-sidebar)!important;
  --ss-topbar-h:var(--apple-topbar)!important;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --apple-bg:#000000;
  --apple-bg-elevated:#0a0a0a;
  --apple-surface:rgba(28,28,30,.84);
  --apple-surface-solid:#1c1c1e;
  --apple-surface-secondary:#2c2c2e;
  --apple-surface-tertiary:#3a3a3c;
  --apple-text:#f5f5f7;
  --apple-text-2:#e5e5ea;
  --apple-muted:#a1a1a6;
  --apple-muted-2:#8e8e93;
  --apple-border:rgba(235,235,245,.13);
  --apple-border-strong:rgba(235,235,245,.24);
  --apple-blue:#0a84ff;
  --apple-blue-strong:#409cff;
  --apple-blue-soft:#102b46;
  --apple-green:#30d158;
  --apple-green-soft:#102b19;
  --apple-orange:#ff9f0a;
  --apple-orange-soft:#33200a;
  --apple-red:#ff453a;
  --apple-red-soft:#351315;
  --apple-purple:#bf5af2;
  --apple-gold:#ffd60a;
  --apple-shadow-xs:0 1px 2px rgba(0,0,0,.45);
  --apple-shadow-sm:0 10px 30px rgba(0,0,0,.35);
  --apple-shadow:0 20px 55px rgba(0,0,0,.42);
  --apple-shadow-float:0 28px 75px rgba(0,0,0,.55);
}

/* Core */
html{background:var(--apple-bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:var(--apple-bg)!important;color:var(--apple-text)!important}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
::selection{background:color-mix(in srgb,var(--apple-blue) 24%,transparent)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--apple-blue) 34%,transparent)!important;outline-offset:2px!important}
*{scrollbar-width:thin;scrollbar-color:var(--apple-border-strong) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--apple-border-strong);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}
.ss-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ss-icon-fill{fill:currentColor;stroke:none}

/* Panel shell */
body.staffswift-panel{min-height:100dvh;background:
  radial-gradient(circle at 84% 5%,color-mix(in srgb,var(--apple-blue) 8%,transparent),transparent 30%),
  radial-gradient(circle at 20% 100%,color-mix(in srgb,var(--apple-purple) 6%,transparent),transparent 26%),
  var(--apple-bg)!important;color:var(--apple-text)!important;letter-spacing:-.008em}
.staffswift-panel .shell{background:transparent!important;min-height:100dvh!important}
.staffswift-panel .main{margin-left:calc(var(--apple-sidebar) + 24px)!important;width:calc(100% - var(--apple-sidebar) - 24px)!important;background:transparent!important;min-height:100dvh!important;padding-right:12px}
.staffswift-panel .content{max-width:1680px!important;padding:20px 20px calc(34px + env(safe-area-inset-bottom))!important;margin:0 auto!important}

/* Floating translucent sidebar */
.staffswift-panel .sidebar{position:fixed!important;inset:12px auto 12px 12px!important;width:var(--apple-sidebar)!important;height:auto!important;border-radius:28px!important;background:color-mix(in srgb,var(--apple-surface-solid) 84%,transparent)!important;border:1px solid var(--apple-border)!important;color:var(--apple-text)!important;box-shadow:var(--apple-shadow)!important;backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;overflow:hidden auto!important}
.staffswift-panel .sb-brand{min-height:76px!important;padding:16px 18px!important;border-bottom:1px solid var(--apple-border)!important;background:transparent!important}
.staffswift-panel .sb-brand img{filter:none!important;max-width:154px!important;max-height:34px!important}
.staffswift-panel .sb-wordmark-fallback{color:var(--apple-text)!important;font-size:1.15rem!important}.staffswift-panel .sb-wordmark-fallback b{color:var(--apple-blue)!important}
.staffswift-panel .sb-role-tag{background:var(--apple-surface-secondary)!important;color:var(--apple-muted)!important;border:1px solid var(--apple-border)!important;box-shadow:none!important;padding:5px 9px!important;font-weight:700!important;letter-spacing:.04em!important}
.staffswift-panel .sb-user{grid-template-columns:44px minmax(0,1fr)!important;padding:14px 14px!important;border-bottom:1px solid var(--apple-border)!important;background:transparent!important;color:var(--apple-text)!important}
.staffswift-panel .sb-avatar{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--apple-border)!important;background:linear-gradient(145deg,#8e8e93,#636366)!important;color:#fff!important;box-shadow:var(--apple-shadow-xs)!important;font-weight:700!important}
.staffswift-panel .sb-u-name{color:var(--apple-text)!important;font-size:.9rem!important;font-weight:650!important}.staffswift-panel .sb-u-sub{color:var(--apple-muted)!important;font-size:.72rem!important}.staffswift-panel .sb-u-badge{margin-top:4px!important}.staffswift-panel .sb-u-badge span:not(.dot){color:var(--apple-green)!important;font-weight:650!important}.staffswift-panel .sb-u-badge .dot{width:6px!important;height:6px!important;background:var(--apple-green)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--apple-green) 14%,transparent)!important}
.staffswift-panel .sb-nav{padding:10px 9px 18px!important}
.staffswift-panel .nav-section-label{padding:15px 11px 6px!important;color:var(--apple-muted)!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.08em!important}
.staffswift-panel .nav-item{min-height:42px!important;margin:2px 0!important;padding:9px 11px!important;border:0!important;border-radius:12px!important;color:var(--apple-text-2)!important;font-size:.86rem!important;font-weight:560!important;gap:10px!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.staffswift-panel .nav-item:hover{background:var(--apple-surface-secondary)!important;color:var(--apple-text)!important;transform:none!important}
.staffswift-panel .nav-item.active,.staffswift-panel .nav-item[aria-current="page"]{background:var(--apple-blue)!important;color:#fff!important;box-shadow:0 5px 14px color-mix(in srgb,var(--apple-blue) 22%,transparent)!important}
.staffswift-panel .nav-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;color:var(--apple-muted)!important;filter:none!important;font-size:1rem!important}
.staffswift-panel .nav-item.active .nav-icon,.staffswift-panel .nav-item[aria-current="page"] .nav-icon{color:#fff!important}
.staffswift-panel .nav-badge{background:var(--apple-red)!important;color:#fff!important}
.staffswift-panel .sb-footer{padding:12px 17px 15px!important;border-top:1px solid var(--apple-border)!important;color:var(--apple-muted)!important;background:transparent!important;font-size:.67rem!important}

/* Floating top bar */
.staffswift-panel .topbar{position:sticky!important;top:12px!important;z-index:300!important;min-height:64px!important;margin:12px 8px 0!important;padding:8px 14px!important;border:1px solid var(--apple-border)!important;border-radius:22px!important;background:color-mix(in srgb,var(--apple-surface-solid) 78%,transparent)!important;color:var(--apple-text)!important;box-shadow:var(--apple-shadow-sm)!important;backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important}
.staffswift-panel .topbar-left,.staffswift-panel .topbar-right{gap:8px!important}.staffswift-panel .topbar-page-title{font-size:1rem!important;font-weight:650!important;color:var(--apple-text)!important;letter-spacing:-.02em!important}
.staffswift-panel .hamburger,.staffswift-panel .topbar-btn,.staffswift-panel .ss-theme-toggle{display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;border:1px solid var(--apple-border)!important;background:var(--apple-surface-secondary)!important;color:var(--apple-text)!important;box-shadow:none!important;transition:transform .16s ease,background .16s ease!important}
.staffswift-panel .hamburger:hover,.staffswift-panel .topbar-btn:hover,.staffswift-panel .ss-theme-toggle:hover{background:var(--apple-surface-tertiary)!important;transform:scale(1.04)!important}
.staffswift-panel .topbar-btn .ss-icon,.staffswift-panel .ss-theme-toggle svg,.staffswift-panel .hamburger .ss-icon{width:19px!important;height:19px!important;stroke-width:1.8!important}
.staffswift-panel .topbar-user{border-left:1px solid var(--apple-border)!important;padding-left:12px!important;margin-left:4px!important}.staffswift-panel .topbar-user-name{color:var(--apple-text)!important;font-size:.82rem!important;font-weight:650!important}.staffswift-panel .topbar-user-role{color:var(--apple-muted)!important;font-size:.68rem!important}
.staffswift-panel .topbar-avatar{width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid var(--apple-border)!important;background:linear-gradient(145deg,#8e8e93,#636366)!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important}
.staffswift-panel .topbar-mobile-brand img{width:31px!important;height:31px!important;border-radius:9px!important}

/* Page headings */
.staffswift-panel h1,.staffswift-panel h2,.staffswift-panel h3,.staffswift-panel h4{color:var(--apple-text)!important;letter-spacing:-.025em!important}
.staffswift-panel h1{font-weight:700!important}.staffswift-panel h2,.staffswift-panel h3{font-weight:650!important}
.staffswift-panel .ph,.staffswift-panel .page-head,.staffswift-panel .page-header,.staffswift-panel .apx-page-header{margin-bottom:18px!important}
.staffswift-panel .pt,.staffswift-panel .apx-title{font-size:clamp(1.55rem,2vw,2rem)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.04em!important;color:var(--apple-text)!important}.staffswift-panel .ps,.staffswift-panel .apx-subtitle,.staffswift-panel .sub{color:var(--apple-muted)!important;line-height:1.5!important}
.staffswift-panel .apx-kicker,.staffswift-panel .sec-eyebrow,.staffswift-panel .eyebrow{color:var(--apple-blue)!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.staffswift-panel .apx-heading-icon,.staffswift-panel .ac-ico,.staffswift-panel .fc-ico{background:var(--apple-blue-soft)!important;color:var(--apple-blue)!important;border:0!important;border-radius:14px!important;box-shadow:none!important}

/* Cards / panels / KPIs */
.staffswift-panel .card,.staffswift-panel .ss-card,.staffswift-panel .kpi,.staffswift-panel .apx-panel,.staffswift-panel .apx-stat,.staffswift-panel .spx-card,.staffswift-panel .aic-card,.staffswift-panel .abv-card,.staffswift-panel .acv-card,.staffswift-panel .asd-card,.staffswift-panel .asd-subcard,.staffswift-panel .int-card,.staffswift-panel .cpr-panel,.staffswift-panel .area-card,.staffswift-panel .featured-card,.staffswift-panel .public-content-card{background:var(--apple-surface)!important;border:1px solid var(--apple-border)!important;border-radius:22px!important;color:var(--apple-text)!important;box-shadow:var(--apple-shadow-xs)!important;backdrop-filter:saturate(150%) blur(16px)!important;-webkit-backdrop-filter:saturate(150%) blur(16px)!important}
.staffswift-panel .card:hover,.staffswift-panel .apx-stat:hover,.staffswift-panel .kpi:hover{border-color:var(--apple-border-strong)!important}
.staffswift-panel .ch,.staffswift-panel .card-header,.staffswift-panel .apx-panel-head,.staffswift-panel .int-card-head,.staffswift-panel .cpr-panel-head{padding:16px 18px!important;border-bottom:1px solid var(--apple-border)!important;background:transparent!important}.staffswift-panel .cb,.staffswift-panel .card-body,.staffswift-panel .apx-panel-body,.staffswift-panel .int-body,.staffswift-panel .cpr-panel-body{padding:18px!important}
.staffswift-panel .apx-stat{min-height:122px!important;padding:16px!important}.staffswift-panel .apx-stat-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--apple-surface-secondary)!important;color:var(--apple-blue)!important}.staffswift-panel .apx-stat-label,.staffswift-panel .kl,.staffswift-panel .ks{color:var(--apple-muted)!important;font-size:.72rem!important;font-weight:600!important}.staffswift-panel .apx-stat-value,.staffswift-panel .kv,.staffswift-panel .num{color:var(--apple-text)!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.035em!important}.staffswift-panel .apx-stat-note{color:var(--apple-muted)!important}
.staffswift-panel .chip,.staffswift-panel .badge,.staffswift-panel .apx-badge{border:0!important;border-radius:999px!important;padding:.36rem .62rem!important;font-weight:650!important;letter-spacing:-.01em!important;box-shadow:none!important}

/* Inputs / forms */
.staffswift-panel input:not([type="checkbox"]):not([type="radio"]),.staffswift-panel select,.staffswift-panel textarea,.staffswift-panel .input,.staffswift-panel .ss-input,.staffswift-panel .ss-select,.staffswift-panel .ss-textarea,.staffswift-panel .apx-field input,.staffswift-panel .apx-field select,.staffswift-panel .apx-field textarea,.staffswift-panel .int-field input,.staffswift-panel .int-field select,.staffswift-panel .int-field textarea{width:100%;min-height:44px!important;border:1px solid var(--apple-border)!important;border-radius:12px!important;background:var(--apple-surface-solid)!important;color:var(--apple-text)!important;box-shadow:inset 0 1px 0 rgba(0,0,0,.015)!important;padding:10px 12px!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.staffswift-panel textarea,.staffswift-panel .ss-textarea{min-height:104px!important}
.staffswift-panel input:focus,.staffswift-panel select:focus,.staffswift-panel textarea:focus{border-color:var(--apple-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--apple-blue) 13%,transparent)!important;outline:0!important}
.staffswift-panel label,.staffswift-panel .fg>label,.staffswift-panel .apx-field>label,.staffswift-panel .int-field>label{color:var(--apple-text-2)!important;font-weight:600!important;font-size:.78rem!important}
.staffswift-panel input[type="checkbox"],.staffswift-panel input[type="radio"]{accent-color:var(--apple-blue)!important}
.staffswift-panel input[type="checkbox"]{width:18px!important;height:18px!important;border-radius:5px!important}

/* Buttons */
.staffswift-panel .btn,.staffswift-panel .ss-btn,.staffswift-panel .apx-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:9px 14px!important;border:1px solid transparent!important;border-radius:12px!important;background:var(--apple-blue)!important;color:#fff!important;font-weight:650!important;font-size:.82rem!important;line-height:1.15!important;box-shadow:none!important;text-decoration:none!important;transition:transform .14s ease,filter .14s ease,background .14s ease!important}
.staffswift-panel .btn:hover,.staffswift-panel .ss-btn:hover,.staffswift-panel .apx-btn:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important}.staffswift-panel .btn:active,.staffswift-panel .ss-btn:active,.staffswift-panel .apx-btn:active{transform:scale(.985)!important}
.staffswift-panel .btn.alt,.staffswift-panel .btn.secondary,.staffswift-panel .ss-btn-secondary,.staffswift-panel .apx-btn-secondary,.staffswift-panel .btn-outline{background:var(--apple-surface-secondary)!important;color:var(--apple-blue)!important;border-color:var(--apple-border)!important}.staffswift-panel .btn.brd,.staffswift-panel .ss-punchout-btn,.staffswift-panel button[data-punch-out],.staffswift-panel .btn-danger,.staffswift-panel .danger{background:var(--apple-red)!important;border-color:var(--apple-red)!important;color:#fff!important}.staffswift-panel .btn-success,.staffswift-panel .success{background:var(--apple-green)!important;color:#fff!important}.staffswift-panel .btn-gold,.staffswift-panel .bgold{background:var(--apple-blue)!important;color:#fff!important;border-color:transparent!important}
.staffswift-panel .btn .ss-icon,.staffswift-panel .ss-btn .ss-icon,.staffswift-panel .apx-btn .ss-icon{width:1.05rem;height:1.05rem}

/* Tables */
.staffswift-panel .ss-responsive-table,.staffswift-panel .table-responsive,.staffswift-panel .table-wrap,.staffswift-panel .ss-table-wrap,.staffswift-panel .tbl{border:1px solid var(--apple-border)!important;border-radius:18px!important;background:var(--apple-surface)!important;box-shadow:var(--apple-shadow-xs)!important;overflow:auto!important}
.staffswift-panel table{width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;color:var(--apple-text)!important;font-size:.79rem!important}
.staffswift-panel table thead th{position:sticky;top:0;z-index:2;padding:11px 12px!important;background:color-mix(in srgb,var(--apple-surface-solid) 94%,transparent)!important;color:var(--apple-muted)!important;border:0!important;border-bottom:1px solid var(--apple-border)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.035em!important;text-transform:uppercase!important;white-space:nowrap!important;backdrop-filter:blur(14px)!important}
.staffswift-panel table tbody td{padding:12px!important;border:0!important;border-bottom:1px solid var(--apple-border)!important;color:var(--apple-text-2)!important;vertical-align:middle!important;background:transparent!important}.staffswift-panel table tbody tr:last-child td{border-bottom:0!important}.staffswift-panel table tbody tr{transition:background .14s ease!important}.staffswift-panel table tbody tr:hover{background:color-mix(in srgb,var(--apple-blue) 4%,transparent)!important}.staffswift-panel table tbody tr[data-running-job="1"],.staffswift-panel table tbody tr.is-running,.staffswift-panel tr.ss-row-running{background:color-mix(in srgb,var(--apple-green) 8%,var(--apple-surface-solid))!important}

/* Running jobs / live state */
.staffswift-panel .ss-running-job,.staffswift-panel .running-job,.staffswift-panel [data-running-job="1"],.staffswift-panel .job-running{background:linear-gradient(145deg,color-mix(in srgb,var(--apple-green) 9%,var(--apple-surface-solid)),var(--apple-surface-solid))!important;border:1px solid color-mix(in srgb,var(--apple-green) 26%,var(--apple-border))!important;box-shadow:var(--apple-shadow-sm)!important}
.staffswift-panel .ss-running-job::before,.staffswift-panel .running-job::before,.staffswift-panel [data-running-job="1"]::before{background:var(--apple-green)!important;color:#fff!important;border-radius:999px!important;font-size:.59rem!important;letter-spacing:.06em!important;padding:4px 8px!important}
.staffswift-panel [data-live-timer],.staffswift-panel .live-timer,.staffswift-panel .elapsed-time{font-family:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-variant-numeric:tabular-nums!important;font-weight:650!important;color:var(--apple-text)!important;letter-spacing:0!important}

/* People */
.staffswift-panel .avatar,.staffswift-panel .spx-avatar,.staffswift-panel .customer-avatar,.staffswift-panel .staff-avatar,.staffswift-panel .adm-person-avatar{border-radius:50%!important;border:1px solid var(--apple-border)!important;background:var(--apple-surface-secondary)!important;box-shadow:none!important;overflow:hidden!important}.staffswift-panel .adm-person-fallback{display:inline-grid!important;place-items:center!important;background:var(--apple-surface-secondary)!important;color:var(--apple-muted)!important;font-weight:700!important}

/* Alerts / flash / notices */
.staffswift-panel .ap-flash,.staffswift-panel .ss-alert,.staffswift-panel .alrt,.staffswift-panel .alert{border:1px solid var(--apple-border)!important;border-radius:16px!important;padding:12px 14px!important;box-shadow:none!important}.staffswift-panel .ap-flash-success,.staffswift-panel .ss-alert-success,.staffswift-panel .alert-success{background:var(--apple-green-soft)!important;color:var(--apple-green)!important;border-color:color-mix(in srgb,var(--apple-green) 20%,transparent)!important}.staffswift-panel .ap-flash-error,.staffswift-panel .ss-alert-error,.staffswift-panel .alert-danger,.staffswift-panel .alert-error{background:var(--apple-red-soft)!important;color:var(--apple-red)!important;border-color:color-mix(in srgb,var(--apple-red) 20%,transparent)!important}.staffswift-panel .ap-flash-info,.staffswift-panel .ss-alert-info,.staffswift-panel .alert-info{background:var(--apple-blue-soft)!important;color:var(--apple-blue)!important;border-color:color-mix(in srgb,var(--apple-blue) 20%,transparent)!important}

/* Modals */
.staffswift-panel .modal,.staffswift-panel .modal-overlay{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.staffswift-panel .modal-content,.staffswift-panel .mc,.staffswift-panel dialog{background:color-mix(in srgb,var(--apple-surface-solid) 92%,transparent)!important;color:var(--apple-text)!important;border:1px solid var(--apple-border)!important;border-radius:24px!important;box-shadow:var(--apple-shadow-float)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}

/* Empty state */
.staffswift-panel .ss-empty,.staffswift-panel .apx-empty,.staffswift-panel .empty-state{padding:28px 18px!important;text-align:center!important;color:var(--apple-muted)!important;background:var(--apple-surface-secondary)!important;border:1px dashed var(--apple-border-strong)!important;border-radius:18px!important}.staffswift-panel .apx-empty-icon{color:var(--apple-blue)!important;background:var(--apple-blue-soft)!important;border-radius:50%!important}

/* Responsive mobile table cards */
@media (max-width:700px){
  .staffswift-panel .ss-responsive-table.ss-card-table{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .staffswift-panel table.ss-mobile-cards,.staffswift-panel table.ss-mobile-cards tbody,.staffswift-panel table.ss-mobile-cards tr,.staffswift-panel table.ss-mobile-cards td{display:block!important;width:100%!important;min-width:0!important}
  .staffswift-panel table.ss-mobile-cards thead{display:none!important}
  .staffswift-panel table.ss-mobile-cards tbody{display:grid!important;gap:10px!important}
  .staffswift-panel table.ss-mobile-cards tr{padding:8px 12px!important;border:1px solid var(--apple-border)!important;border-radius:18px!important;background:var(--apple-surface)!important;box-shadow:var(--apple-shadow-xs)!important;overflow:hidden!important}
  .staffswift-panel table.ss-mobile-cards td{display:grid!important;grid-template-columns:minmax(108px,38%) minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:9px 2px!important;border-bottom:1px solid var(--apple-border)!important;text-align:right!important;overflow-wrap:anywhere!important}
  .staffswift-panel table.ss-mobile-cards td:last-child{border-bottom:0!important}
  .staffswift-panel table.ss-mobile-cards td::before{content:attr(data-label);color:var(--apple-muted)!important;font-size:.66rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important;text-align:left!important}
  .staffswift-panel table.ss-mobile-cards td[colspan]{display:block!important;text-align:center!important}.staffswift-panel table.ss-mobile-cards td[colspan]::before{display:none!important}
}

/* Mobile shell + iOS bottom dock */
.ss-mobile-dock{display:none}
@media (max-width:1024px){
  .staffswift-panel .sidebar{inset:10px auto 10px 10px!important;width:min(88vw,330px)!important;border-radius:26px!important;transform:translateX(calc(-100% - 24px))!important;box-shadow:none!important}
  .staffswift-panel.panel-menu-open .sidebar{transform:translateX(0)!important;box-shadow:var(--apple-shadow-float)!important}
  .staffswift-panel .main{margin-left:0!important;width:100%!important;padding-right:0!important}
  .staffswift-panel .topbar{top:8px!important;margin:8px 10px 0!important;border-radius:20px!important}
  .staffswift-panel .content{padding:18px 14px calc(34px + env(safe-area-inset-bottom))!important}
  .staffswift-panel .sb-overlay{background:rgba(0,0,0,.28)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
}
@media (max-width:760px){
  .staffswift-panel .content{padding:14px 11px calc(94px + env(safe-area-inset-bottom))!important}
  .staffswift-panel .topbar{min-height:58px!important;padding:7px 9px!important;border-radius:18px!important}.staffswift-panel .topbar-user>div{display:none!important}.staffswift-panel .topbar-user{border-left:0!important;padding-left:0!important;margin-left:0!important}.staffswift-panel .hide-mobile{display:none!important}.staffswift-panel .topbar-page-title{font-size:.92rem!important;max-width:38vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .staffswift-panel .hamburger,.staffswift-panel .topbar-btn,.staffswift-panel .ss-theme-toggle,.staffswift-panel .topbar-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .staffswift-panel .card,.staffswift-panel .ss-card,.staffswift-panel .kpi,.staffswift-panel .apx-panel,.staffswift-panel .apx-stat,.staffswift-panel .spx-card,.staffswift-panel .aic-card,.staffswift-panel .abv-card,.staffswift-panel .acv-card,.staffswift-panel .asd-card,.staffswift-panel .int-card,.staffswift-panel .cpr-panel{border-radius:18px!important}
  .staffswift-panel .ch,.staffswift-panel .card-header,.staffswift-panel .apx-panel-head,.staffswift-panel .int-card-head{padding:14px!important}.staffswift-panel .cb,.staffswift-panel .card-body,.staffswift-panel .apx-panel-body,.staffswift-panel .int-body{padding:14px!important}
  .staffswift-panel .form-grid,.staffswift-panel .apx-form-grid,.staffswift-panel .spx-form-grid,.staffswift-panel .int-fields,.staffswift-panel .ss-grid-2,.staffswift-panel .grid-2{grid-template-columns:1fr!important}
  .staffswift-panel .apx-stat-grid,.staffswift-panel .kpis,.staffswift-panel .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .staffswift-panel .btn,.staffswift-panel .ss-btn,.staffswift-panel .apx-btn{min-height:42px!important}
  .ss-mobile-dock{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:420;display:grid;grid-template-columns:repeat(var(--dock-count,5),minmax(0,1fr));gap:3px;padding:7px;border:1px solid var(--apple-border);border-radius:22px;background:color-mix(in srgb,var(--apple-surface-solid) 82%,transparent);box-shadow:var(--apple-shadow-float);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px)}
  .ss-mobile-dock a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border-radius:15px;color:var(--apple-muted);font-size:.58rem;font-weight:650;text-decoration:none;white-space:nowrap;overflow:hidden}.ss-mobile-dock a .ss-icon{width:20px;height:20px}.ss-mobile-dock a.is-active{background:var(--apple-blue-soft);color:var(--apple-blue)}
}
@media (max-width:480px){.staffswift-panel .apx-stat-grid,.staffswift-panel .kpis,.staffswift-panel .kpi-grid{grid-template-columns:1fr!important}.staffswift-panel .topbar-mobile-brand{display:none!important}.staffswift-panel .btn,.staffswift-panel .ss-btn,.staffswift-panel .apx-btn{width:100%!important}.staffswift-panel .ph>div:last-child,.staffswift-panel .page-head>div:last-child,.staffswift-panel .page-header>div:last-child,.staffswift-panel .apx-header-actions{width:100%!important}.staffswift-panel .ph>div:last-child>.btn,.staffswift-panel .page-head>div:last-child>.btn,.staffswift-panel .page-header>div:last-child>.btn,.staffswift-panel .apx-header-actions>.btn{flex:1 1 100%!important}}

/* PUBLIC SITE */
body.ss-public,body.ss-standalone-public{background:var(--apple-bg)!important;color:var(--apple-text)!important;letter-spacing:-.008em!important}
.ss-public .ss-site-header{position:sticky!important;top:0!important;z-index:100!important;background:color-mix(in srgb,var(--apple-surface-solid) 78%,transparent)!important;border-bottom:1px solid var(--apple-border)!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;box-shadow:none!important}.ss-public .ss-site-header-inner{min-height:66px!important}.ss-public .ss-site-logo img{max-height:34px!important}.ss-public .ss-site-nav a{color:var(--apple-text-2)!important;font-size:.82rem!important;font-weight:560!important;border-radius:10px!important;padding:8px 10px!important}.ss-public .ss-site-nav a:hover,.ss-public .ss-site-nav a.is-active{background:var(--apple-surface-secondary)!important;color:var(--apple-text)!important}.ss-public .ss-site-login{color:var(--apple-blue)!important;font-weight:600!important}.ss-public .ss-site-btn{border-radius:12px!important;box-shadow:none!important;font-weight:650!important}.ss-public .ss-site-btn-gold,.ss-public .ss-site-btn-blue{background:var(--apple-blue)!important;border-color:var(--apple-blue)!important;color:#fff!important}.ss-public .ss-site-icon-btn,.ss-public .ss-site-menu-btn{border-radius:50%!important;border:1px solid var(--apple-border)!important;background:var(--apple-surface-secondary)!important;color:var(--apple-text)!important;width:40px!important;height:40px!important}.ss-public .ss-main{background:transparent!important}.ss-public .public-page-hero,.ss-public .public-content-card,.ss-public .featured-card,.ss-public .area-card,.ss-public .fc-card{background:var(--apple-surface)!important;border:1px solid var(--apple-border)!important;border-radius:24px!important;box-shadow:var(--apple-shadow-xs)!important}.ss-public .public-page-hero{overflow:hidden!important}.ss-public h1,.ss-public h2,.ss-public h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;color:var(--apple-text)!important;letter-spacing:-.04em!important}.ss-public p{color:var(--apple-muted)!important}.ss-public .ss-site-mobile-menu{background:color-mix(in srgb,var(--apple-surface-solid) 94%,transparent)!important;border-bottom:1px solid var(--apple-border)!important;backdrop-filter:blur(25px)!important}.ss-public .ss-site-mobile-menu a{color:var(--apple-text)!important;border-color:var(--apple-border)!important}

/* AUTH */
body.ss-auth{background:
 radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--apple-blue) 9%,transparent),transparent 32%),
 radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--apple-purple) 8%,transparent),transparent 26%),var(--apple-bg)!important;color:var(--apple-text)!important;min-height:100dvh!important}
.ss-auth .auth-shell{background:transparent!important}.ss-auth .auth-main,.ss-auth .auth-right{background:transparent!important}.ss-auth .auth-card,.ss-auth .ar-inner{background:color-mix(in srgb,var(--apple-surface-solid) 88%,transparent)!important;border:1px solid var(--apple-border)!important;border-radius:30px!important;box-shadow:var(--apple-shadow)!important;backdrop-filter:saturate(180%) blur(28px)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important}.ss-auth .auth-left{background:linear-gradient(155deg,#101010,#1c1c1e 60%,#2c2c2e)!important;color:#fff!important}.ss-auth .auth-left *{color:inherit}.ss-auth .auth-title{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;color:var(--apple-text)!important;font-size:clamp(2rem,4vw,3.1rem)!important;letter-spacing:-.055em!important;font-weight:720!important}.ss-auth .auth-sub,.ss-auth .auth-kicker{color:var(--apple-muted)!important}.ss-auth .auth-kicker{color:var(--apple-blue)!important;font-weight:700!important}.ss-auth .account-type-banner{border:1px solid var(--apple-border)!important;border-radius:16px!important;background:var(--apple-surface-secondary)!important;color:var(--apple-text)!important}.ss-auth .type-icon{background:var(--apple-blue-soft)!important;color:var(--apple-blue)!important;border-radius:12px!important}.ss-auth .tabs{background:var(--apple-surface-secondary)!important;border:1px solid var(--apple-border)!important;border-radius:14px!important;padding:4px!important}.ss-auth .tab{border-radius:10px!important;color:var(--apple-muted)!important}.ss-auth .tab.active{background:var(--apple-surface-solid)!important;color:var(--apple-text)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}.ss-auth .input,.ss-auth input,.ss-auth select,.ss-auth textarea{min-height:46px!important;border:1px solid var(--apple-border)!important;border-radius:12px!important;background:var(--apple-surface-solid)!important;color:var(--apple-text)!important;box-shadow:none!important}.ss-auth input:focus,.ss-auth select:focus,.ss-auth textarea:focus{border-color:var(--apple-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--apple-blue) 13%,transparent)!important;outline:0!important}.ss-auth .btn,.ss-auth .btn-primary{border-radius:12px!important;background:var(--apple-blue)!important;border-color:var(--apple-blue)!important;color:#fff!important;box-shadow:none!important;font-weight:650!important}.ss-auth .social-btn{border:1px solid var(--apple-border)!important;border-radius:13px!important;background:var(--apple-surface-solid)!important;color:var(--apple-text)!important;box-shadow:none!important}.ss-auth .social-btn:hover{background:var(--apple-surface-secondary)!important}.ss-auth .auth-badge{background:var(--apple-surface-secondary)!important;color:var(--apple-muted)!important;border:1px solid var(--apple-border)!important;border-radius:999px!important}.ss-auth .divider:before,.ss-auth .divider:after{background:var(--apple-border)!important}.ss-auth .divider span,.ss-auth label,.ss-auth .auth-foot,.ss-auth .auth-links{color:var(--apple-muted)!important}.ss-auth a{color:var(--apple-blue)!important}.ss-auth .eye{color:var(--apple-muted)!important}

/* Installer */
body.ss-installer,.installer-body{background:var(--apple-bg)!important;color:var(--apple-text)!important}.installer-card,.install-card,.installer-shell{background:var(--apple-surface)!important;border:1px solid var(--apple-border)!important;border-radius:26px!important;box-shadow:var(--apple-shadow)!important}.installer-card input,.installer-card select,.installer-card textarea{border:1px solid var(--apple-border)!important;border-radius:12px!important;background:var(--apple-surface-solid)!important;color:var(--apple-text)!important}.installer-card button,.installer-card .btn{border-radius:12px!important;background:var(--apple-blue)!important;color:#fff!important;border:0!important}

/* Motion */
@keyframes ssAppleRise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.staffswift-panel .content>*,.ss-auth .auth-card,.ss-public .ss-main>*{animation:ssAppleRise .28s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media print{.ss-mobile-dock{display:none!important}.staffswift-panel .sidebar,.staffswift-panel .topbar,.staffswift-panel .sb-overlay{display:none!important}.staffswift-panel .main{margin:0!important;width:100%!important;padding:0!important}.staffswift-panel .content{padding:0!important}.staffswift-panel .card,.staffswift-panel .ss-card,.staffswift-panel .apx-panel{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}}

/* Final component refinements */
.staffswift-panel details{border:1px solid var(--apple-border)!important;border-radius:18px!important;background:var(--apple-surface)!important;overflow:hidden!important}.staffswift-panel details>summary{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;padding:13px 15px!important;color:var(--apple-text)!important;font-weight:620!important;list-style:none!important}.staffswift-panel details>summary::-webkit-details-marker{display:none}.staffswift-panel .ss-details-chevron{margin-left:auto!important;display:grid!important;place-items:center!important;color:var(--apple-muted)!important;transition:transform .18s ease!important}.staffswift-panel details[open] .ss-details-chevron{transform:rotate(90deg)!important}.staffswift-panel details[open]>summary{border-bottom:1px solid var(--apple-border)!important;background:var(--apple-surface-secondary)!important}
.staffswift-panel .pagination,.staffswift-panel .pager{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:wrap!important}.staffswift-panel .pagination a,.staffswift-panel .pagination span,.staffswift-panel .pager a,.staffswift-panel .pager span{display:grid!important;place-items:center!important;min-width:34px!important;height:34px!important;padding:0 9px!important;border:1px solid var(--apple-border)!important;border-radius:10px!important;background:var(--apple-surface)!important;color:var(--apple-text-2)!important;font-size:.74rem!important;text-decoration:none!important}.staffswift-panel .pagination .active,.staffswift-panel .pagination [aria-current="page"],.staffswift-panel .pager .active{background:var(--apple-blue)!important;color:#fff!important;border-color:var(--apple-blue)!important}
.staffswift-panel .progress,.staffswift-panel progress{border-radius:999px!important;overflow:hidden!important;background:var(--apple-surface-secondary)!important}.staffswift-panel progress{accent-color:var(--apple-blue)!important}
.staffswift-panel .apx-stat-grid,.staffswift-panel .kpis,.staffswift-panel .kpi-grid{gap:12px!important}.staffswift-panel .ss-grid,.staffswift-panel .spx-grid{gap:14px!important}
.staffswift-panel .adm-person-cell,.staffswift-panel .person-cell{gap:9px!important}.staffswift-panel .adm-person-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important}
.staffswift-panel a:not(.btn):not(.ss-btn):not(.nav-item):not(.topbar-btn):not(.topbar-avatar){text-underline-offset:3px}.staffswift-panel .content a:not(.btn):not(.ss-btn):not(.apx-btn):not(.chip):not(.badge){color:var(--apple-blue)}
.staffswift-panel .content .card a,.staffswift-panel .content .ss-card a,.staffswift-panel table a{font-weight:560}

/* Apple-style invoices while preserving printable A4 geometry */
body.ss-invoice{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;background:var(--apple-bg)!important;color:var(--apple-text)!important;padding:24px!important}.ss-invoice .page{background:var(--apple-surface-solid)!important;border:1px solid var(--apple-border)!important;border-radius:22px!important;box-shadow:var(--apple-shadow)!important;overflow:hidden!important}.ss-invoice .head-band{background:#1d1d1f!important}.ss-invoice .head-doctype .label,.ss-invoice .party-name,.ss-invoice .job-cell .jv,.ss-invoice .item-title,.ss-invoice .items-table tbody td.num,.ss-invoice .t-row .tv,.ss-invoice .pin-text strong,.ss-invoice .foot-thanks{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important}.ss-invoice .party-block,.ss-invoice .job-strip{border-color:var(--apple-border)!important;border-radius:14px!important;background:var(--apple-surface-secondary)!important}.ss-invoice .items-table thead th{background:#1d1d1f!important}.ss-invoice .t-row.grand{background:#1d1d1f!important;border-radius:12px!important}.ss-invoice .t-row.net{border-radius:12px!important}.ss-invoice .pin-strip{border-radius:12px!important}

/* Standalone public pages */
body.ss-standalone-public{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;background:var(--apple-bg)!important;color:var(--apple-text)!important}.ss-standalone-public header,.ss-standalone-public .topbar,.ss-standalone-public .nav-wrap{background:color-mix(in srgb,var(--apple-surface-solid) 82%,transparent)!important;border-color:var(--apple-border)!important;backdrop-filter:saturate(180%) blur(24px)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important}.ss-standalone-public .card,.ss-standalone-public .hero-card,.ss-standalone-public .service-card,.ss-standalone-public .area-card,.ss-standalone-public section{border-color:var(--apple-border)!important}.ss-standalone-public .card,.ss-standalone-public .hero-card,.ss-standalone-public .service-card,.ss-standalone-public .area-card{background:var(--apple-surface)!important;border-radius:22px!important;box-shadow:var(--apple-shadow-xs)!important}.ss-standalone-public h1,.ss-standalone-public h2,.ss-standalone-public h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.04em!important}.ss-standalone-public .btn,.ss-standalone-public button{border-radius:12px!important;box-shadow:none!important}

/* Installer Apple refinement */
body.ss-installer{background:var(--apple-bg)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important}.ss-installer .brand{background:linear-gradient(155deg,#101010,#1c1c1e 58%,#2c2c2e)!important}.ss-installer .panel{background:var(--apple-surface-solid)!important;border:1px solid var(--apple-border)!important;border-radius:28px!important;box-shadow:var(--apple-shadow)!important}.ss-installer .head{border-color:var(--apple-border)!important}.ss-installer .badge{background:var(--apple-blue-soft)!important;color:var(--apple-blue)!important;border-color:color-mix(in srgb,var(--apple-blue) 18%,transparent)!important}.ss-installer .req,.ss-installer .credential,.ss-installer .check{border-color:var(--apple-border)!important;background:var(--apple-surface-secondary)!important;border-radius:14px!important}.ss-installer .field input,.ss-installer .field select{background:var(--apple-surface-solid)!important;color:var(--apple-text)!important;border-color:var(--apple-border)!important}.ss-installer .field input:focus,.ss-installer .field select:focus{border-color:var(--apple-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--apple-blue) 13%,transparent)!important}.ss-installer .btn-primary{background:var(--apple-blue)!important;color:#fff!important}.ss-installer .btn-secondary{background:var(--apple-surface-secondary)!important;color:var(--apple-blue)!important;border:1px solid var(--apple-border)!important}