/* Premium overrides occupy one named layer, above older !important rules. */
@layer ap-premium {
/* ARCHER PRASANTA / STAFF PORTAL 5.0
   01 Foundations · 02 Shell · 03 Dashboard · 04 Working screens
   05 Products · 06 Login · 07 Interaction · 08 Responsive & print
   Colour and spacing changes belong in this file. */

/* 01 — Foundations */
:root{--appo-paper:#f4f3ef !important;--appo-white:#fff !important;--appo-ink:#202b34 !important;--appo-muted:#67716f !important;--appo-line:#dfe3dd !important;--appo-navy:#111a3d !important;--appo-cyan:#6fefff !important;--appo-sage:#eaf0e5 !important;--appo-green:#446650 !important;--appo-radius:18px !important;--appo-sidebar:246px !important;--appo-ease:cubic-bezier(.2,.7,.2,1) !important}
html{scroll-padding-top:100px !important}
body.ap-premium-staff{margin:0 !important;background:var(--appo-paper) !important;color:var(--appo-ink) !important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;font-size:14px !important;line-height:1.6 !important;-webkit-font-smoothing:antialiased !important}
body.ap-premium-staff *{box-sizing:border-box !important}
body.ap-premium-staff a{text-decoration:none !important}
body.ap-premium-staff button,body.ap-premium-staff input,body.ap-premium-staff select,body.ap-premium-staff textarea{font:inherit !important}
body.ap-premium-staff button,body.ap-premium-staff a,body.ap-premium-staff input{touch-action:manipulation !important}
body.ap-premium-staff :focus-visible{outline:3px solid #078199 !important;outline-offset:4px !important}
body.ap-premium-staff ::selection{background:#b6f6fa !important;color:var(--appo-navy) !important}
body.ap-premium-staff svg{flex-shrink:0 !important}
body.ap-premium-staff [hidden]:not(#appo-never){display:none !important}
.appo-skip-link{position:fixed !important;top:-100px !important;left:20px !important;z-index:10000 !important;background:var(--appo-cyan) !important;color:var(--appo-navy) !important;padding:12px 22px !important;border-radius:6px !important}
.appo-skip-link:focus{top:15px !important}
.appo-eyebrow{display:block !important;font-size:10px !important;font-weight:650 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:var(--appo-muted) !important}
.appo-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:16px !important;min-height:46px !important;border:1px solid var(--appo-navy) !important;border-radius:8px !important;padding:12px 20px !important;background:var(--appo-navy) !important;color:white !important;font-size:13px !important;font-weight:600 !important;line-height:1.3 !important;cursor:pointer !important;transition:background .2s,box-shadow .2s !important}
.appo-button svg{width:20px !important;height:20px !important}
.appo-button:hover{background:#22315a !important;box-shadow:0 5px 16px #111a3d15 !important}
.appo-button-cyan{background:var(--appo-cyan) !important;border-color:var(--appo-cyan) !important;color:var(--appo-navy) !important}
.appo-button-cyan:hover{background:#a9f7ff !important;border-color:#a9f7ff !important}
.appo-button-light{background:white !important;border-color:var(--appo-line) !important;color:var(--appo-ink) !important}
.appo-button-light:hover{background:var(--appo-sage) !important}
.appo-text-link{display:inline-flex !important;align-items:center !important;gap:9px !important;color:var(--appo-green) !important;font-size:12px !important;font-weight:650 !important;line-height:1.6 !important}
.appo-text-link:hover{color:var(--appo-navy) !important;text-decoration:underline !important;text-underline-offset:5px !important}
.appo-global-notice{padding:15px 20px !important;border:1px solid !important;border-radius:10px !important;margin-bottom:24px !important;font-size:14px !important}
.appo-notice-success{background:#eaf4e9 !important;color:#355b3e !important;border-color:#cbddc7 !important}
.appo-notice-error{background:#fff0ec !important;color:#9a372b !important;border-color:#e8c1b6 !important}

/* 02 — Navigation & the working shell */
.ap-staff-app,.ap-staff-shell{min-height:100vh !important;background:var(--appo-paper) !important}
.ap-staff-sidebar{position:fixed !important;inset:0 auto 0 0 !important;width:var(--appo-sidebar) !important;height:100dvh !important;display:flex !important;flex-direction:column !important;background:#11192b !important;color:#d8deeb !important;border:0 !important;padding:30px 16px 20px !important;z-index:1100 !important;overflow-y:auto !important;scrollbar-width:thin !important;scrollbar-color:#3c465d transparent !important}
.ap-sidebar-brand{display:grid !important;grid-template-columns:40px 1fr !important;gap:0 10px !important;text-align:left !important;padding:0 10px 25px !important;border-bottom:1px solid #ffffff14 !important;margin:0 0 10px !important}
.ap-sidebar-logo{display:flex !important;align-items:center !important;justify-content:center !important;grid-row:1/3 !important;background:var(--appo-cyan) !important;width:37px !important;height:37px !important;color:var(--appo-navy) !important;border:0 !important;border-radius:9px !important;font-size:15px !important;font-weight:750 !important;margin:0 !important}
.ap-sidebar-name{font-size:11px !important;letter-spacing:.12em !important;color:#f0f4fb !important;margin:2px 0 0 !important;white-space:nowrap !important;font-weight:600 !important}
.ap-sidebar-tag{font-size:7px !important;letter-spacing:.09em !important;color:#8b98af !important;margin:2px 0 0 !important;white-space:nowrap !important}
.ap-sidebar-nav{display:flex !important;flex-direction:column !important;gap:3px !important;padding:0 !important;margin:0 !important}
.ap-nav-section{font-size:9px !important;font-weight:600 !important;letter-spacing:.15em !important;text-transform:uppercase !important;padding:20px 14px 7px !important;color:#8592ab !important}
.ap-sidebar-link{display:flex !important;align-items:center !important;gap:12px !important;min-height:41px !important;padding:10px 13px !important;border:1px solid transparent !important;border-radius:7px !important;background:transparent !important;color:#b6c1d3 !important;font-size:12px !important;letter-spacing:0 !important;font-weight:450 !important;line-height:1.3 !important;transition:background .2s,color .2s !important}
.ap-sidebar-link:hover{color:white !important;background:#ffffff07 !important}
.ap-sidebar-link.is-active{color:#91f2ff !important;background:#202e45 !important;border-color:#7df0ff18 !important}
.ap-sidebar-link.is-active:before,.ap-sidebar-link:after{display:none !important}
.ap-side-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:20px !important;height:20px !important;color:inherit !important;font-size:17px !important}
.ap-side-icon svg{width:18px !important;height:18px !important}
.ap-nav-count{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-left:auto !important;min-width:20px !important;min-height:20px !important;border-radius:5px !important;background:#2d3b51 !important;color:#bcf4fa !important;font-size:10px !important;border:0 !important;line-height:1 !important}
.ap-sidebar-footer{margin-top:auto !important;padding:32px 14px 0 !important;border:0 !important;text-align:left !important;color:#8897ae !important}
.ap-sidebar-footer .appo-sidebar-signature{font-size:8px !important;letter-spacing:.13em !important;margin-bottom:10px !important}
.ap-sidebar-footer strong{font-size:20px !important;font-weight:450 !important;line-height:1.25 !important;letter-spacing:-.04em !important;color:#dce3eb !important}
.ap-sidebar-footer strong em{font-family:Georgia,serif !important;font-size:23px !important;font-weight:400 !important;color:#b4c4ab !important;display:inline !important;line-height:1.3 !important;margin:0 !important}
.ap-sidebar-footer>span:last-child{display:block !important;font-size:8px !important;letter-spacing:.1em !important;margin-top:18px !important;color:#8692a6 !important}
.ap-staff-workspace{margin-left:var(--appo-sidebar) !important;width:calc(100% - var(--appo-sidebar)) !important;min-width:0 !important;background:var(--appo-paper) !important}
.ap-staff-topbar{position:sticky !important;top:0 !important;z-index:800 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;min-height:82px !important;height:auto !important;padding:16px 38px !important;background:#f9faf6ee !important;border-bottom:1px solid var(--appo-line) !important;backdrop-filter:blur(18px) !important;box-shadow:none !important}
.ap-topbar-left,.ap-topbar-right{display:flex !important;align-items:center !important;gap:20px !important;min-width:0 !important}
.ap-topbar-search{display:flex !important;align-items:center !important;width:min(350px,29vw) !important;gap:12px !important;background:#ebece6 !important;border:1px solid transparent !important;border-radius:8px !important;min-height:42px !important;padding:0 13px !important}
.ap-topbar-search input{width:100% !important;min-width:0 !important;padding:0 !important;height:40px !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:var(--appo-ink) !important;font-size:12px !important;letter-spacing:0 !important;outline:none !important}
.ap-global-search-icon{color:#7b857e !important;font-size:24px !important}
.ap-topbar-search kbd{font-family:inherit !important;border:1px solid #d3d8cf !important;background:#f8f8f4 !important;color:#727c72 !important;border-radius:4px !important;padding:1px 5px !important;font-size:10px !important;white-space:nowrap !important}
.ap-user-chip{display:flex !important;align-items:center !important;gap:10px !important;border:0 !important;padding:0 !important;min-width:0 !important;background:none !important}
.ap-user-avatar{width:34px !important;height:34px !important;border-radius:50% !important;background:#dfe8d9 !important;color:#446347 !important;border:1px solid #cad5c2 !important;font-size:11px !important;font-weight:650 !important}
.ap-user-chip strong{font-size:12px !important;font-weight:600 !important;color:var(--appo-ink) !important;letter-spacing:0 !important}
.ap-user-chip small{font-size:10px !important;letter-spacing:0 !important;color:var(--appo-muted) !important}
.ap-topbar-logout{display:inline-flex !important;align-items:center !important;min-height:38px !important;padding:8px 0 8px 18px !important;border:0 !important;border-left:1px solid var(--appo-line) !important;background:none !important;color:var(--appo-muted) !important;font-size:11px !important;letter-spacing:0 !important;font-weight:500 !important;cursor:pointer !important}
.appo-logout-form{margin:0 !important}
.ap-notification{width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:none !important;border:0 !important;color:#657061 !important;border-radius:50% !important;cursor:pointer !important}
.ap-notification:hover{background:#e6ece0 !important}
.ap-notification-bell{width:20px !important;height:20px !important}
.ap-notification b{font-size:8px !important;min-width:16px !important;height:16px !important;padding:1px 4px !important;background:#bd624e !important;color:white !important;border:2px solid var(--appo-paper) !important;border-radius:20px !important}
.ap-notification-panel{top:calc(100% + 21px) !important;right:-60px !important;max-width:calc(100vw - 28px) !important;background:#fff !important;border:1px solid var(--appo-line) !important;border-radius:16px !important;box-shadow:0 24px 70px #14202b20 !important;overflow:hidden !important}
.ap-sidebar-toggle{display:none !important;border:1px solid var(--appo-line) !important;background:white !important;border-radius:6px !important;width:38px !important;height:38px !important;color:var(--appo-navy) !important;font-size:21px !important;cursor:pointer !important}
.appo-nav-backdrop{display:none !important}
.ap-dashboard,body.ap-view-dashboard .ap-dashboard{width:100% !important;max-width:1700px !important;margin:0 auto !important;padding:34px 38px 32px !important;background:transparent !important;border:0 !important;min-height:calc(100vh - 82px) !important;color:var(--appo-ink) !important}
.ap-management{max-width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;color:var(--appo-ink) !important}

/* 03 — The overview */
.appo-welcome{position:relative !important;display:grid !important;grid-template-columns:1.15fr 1fr !important;column-gap:30px !important;padding:42px 46px 0 !important;border-radius:var(--appo-radius) !important;background:linear-gradient(112deg,#1c2840,#111a3d 67%,#213c43) !important;overflow:hidden !important;color:white !important;isolation:isolate !important}
.appo-welcome>.appo-hero-art{min-height:250px !important}
.appo-welcome .appo-eyebrow{color:#a6c4c7 !important;display:flex !important;align-items:center !important;gap:9px !important;font-size:9px !important;letter-spacing:.17em !important}
.appo-live-dot{width:5px !important;height:5px !important;display:inline-block !important;background:var(--appo-cyan) !important;box-shadow:0 0 13px #6fefff60 !important;border-radius:50% !important}
.appo-welcome h1{font-size:clamp(36px,3.8vw,65px) !important;font-weight:480 !important;letter-spacing:-.065em !important;line-height:1.04 !important;margin:22px 0 18px !important;color:#f8faf4 !important}
.appo-welcome h1 em{font-family:Georgia,"Times New Roman",serif !important;color:#d1dfc5 !important;font-weight:400 !important;font-size:1.02em !important;letter-spacing:-.055em !important}
.appo-welcome p{color:#a8b7c4 !important;font-size:12px !important;line-height:1.75 !important;margin:0 !important}
.appo-hero-actions{display:flex !important;align-items:center !important;gap:23px !important;margin:24px 0 30px !important;flex-wrap:wrap !important}
.appo-hero-actions .appo-button{min-height:41px !important;font-size:11px !important;border-radius:6px !important;padding:11px 17px !important}
.appo-hero-link{color:#cfdadf !important;font-size:11px !important;border-bottom:1px solid #8ba6a563 !important;padding-bottom:3px !important}
.appo-hero-art{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;perspective:900px !important}
.appo-orbit{position:absolute !important;border:1px solid #7badae38 !important;border-radius:50% !important;pointer-events:none !important}
.appo-orbit-one{width:275px !important;height:275px !important;transform:rotateX(55deg) rotateZ(-35deg) !important}
.appo-orbit-two{width:285px !important;height:285px !important;transform:rotateX(60deg) rotateZ(48deg) !important}
.appo-emblem{width:176px !important;height:195px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:14px !important;border:1px solid #afcac733 !important;border-radius:12px !important;background:linear-gradient(135deg,#73959728,#b5f8fb08) !important;box-shadow:22px 25px 60px #070d2360,inset 1px 1px 0 #b7e2dd33 !important;transform:rotate(-8deg) rotateY(-13deg) !important;color:#b8ddcf !important}
.appo-emblem svg{width:118px !important;height:105px !important}
.appo-emblem span{font-size:7px !important;letter-spacing:.24em !important}
.appo-art-tag{position:absolute !important;right:-10px !important;bottom:35px !important;display:flex !important;flex-direction:column !important;gap:9px !important;color:#bfd2d3 !important}
.appo-art-tag span{font-size:6px !important;letter-spacing:.13em !important}
.appo-art-tag strong{font-size:11px !important;font-weight:400 !important;line-height:1.5 !important}
.appo-hero-foot{grid-column:1/-1 !important;display:flex !important;justify-content:space-between !important;gap:20px !important;padding:15px 0 17px !important;border-top:1px solid #ffffff13 !important;font-size:8px !important;letter-spacing:.11em !important;color:#99adb8 !important;text-transform:uppercase !important}
.appo-section-heading{display:flex !important;align-items:end !important;justify-content:space-between !important;gap:25px !important;margin:34px 0 18px !important}
.appo-section-heading h1{font-size:clamp(30px,3.4vw,49px) !important;line-height:1.15 !important;font-weight:500 !important;letter-spacing:-.055em !important;margin:12px 0 0 !important;color:var(--appo-ink) !important}
.appo-section-heading h1 em{font-family:Georgia,serif !important;font-weight:400 !important;color:#587158 !important}
.appo-section-heading h2{font-size:23px !important;font-weight:500 !important;letter-spacing:-.04em !important;line-height:1.3 !important;margin:8px 0 0 !important;color:var(--appo-ink) !important}
.appo-section-heading p{font-size:13px !important;color:var(--appo-muted) !important;margin:12px 0 0 !important}
.appo-section-heading .appo-eyebrow{font-size:8px !important;color:#7b857c !important}
.appo-data-note{font-size:10px !important;color:#7f887f !important}
.appo-stats{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;gap:14px !important}
.appo-stat{display:block !important;min-width:0 !important;background:#fafbf7 !important;border:1px solid var(--appo-line) !important;border-radius:12px !important;padding:21px 22px !important;color:var(--appo-ink) !important;transition:border-color .2s,box-shadow .2s !important}
.appo-stat:hover{border-color:#becbb7 !important;box-shadow:0 8px 22px #23322306 !important}
.appo-stat>div{display:flex !important;justify-content:space-between !important;gap:8px !important;font-size:11px !important;color:var(--appo-muted) !important}
.appo-stat svg{width:18px !important;height:18px !important;color:#819177 !important}
.appo-stat>strong{display:block !important;font-size:clamp(23px,2.35vw,36px) !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:-.045em !important;margin:17px 0 18px !important;white-space:nowrap !important;font-variant-numeric:tabular-nums !important}
.appo-stat>small{display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:9px !important;color:#7b837a !important;gap:5px !important}
.appo-stat>small b{font-weight:400 !important;font-size:16px !important;color:#62765d !important}
.appo-stat-highlight{background:#e5eddc !important;border-color:#d2dec7 !important}
.appo-desk-grid{display:grid !important;grid-template-columns:1.35fr 1fr !important;gap:18px !important;margin-top:22px !important}
.appo-desk-grid>section:only-child{grid-column:1/-1 !important}
.appo-panel{min-width:0 !important;border:1px solid var(--appo-line) !important;border-radius:var(--appo-radius) !important;background:#fafbf7 !important;overflow:hidden !important}
.appo-panel>header{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;padding:24px 25px 19px !important;border-bottom:1px solid #e4e7df !important}
.appo-panel>header h2{font-size:18px !important;font-weight:500 !important;letter-spacing:-.035em !important;line-height:1.3 !important;margin:7px 0 0 !important;color:var(--appo-ink) !important}
.appo-panel>header .appo-eyebrow{font-size:8px !important;color:#889080 !important}
.appo-panel>header .appo-text-link{font-size:10px !important;white-space:nowrap !important}
.appo-panel>header>svg{width:22px !important;height:22px !important;color:#819177 !important}
.appo-empty-state{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:11px !important;text-align:center !important;padding:40px 25px !important;min-height:225px !important;color:var(--appo-muted) !important}
.appo-empty-state>svg{width:36px !important;height:36px !important;color:#9eae94 !important;margin:0 0 8px !important}
.appo-empty-state h3,.appo-empty-state h2{font-size:19px !important;letter-spacing:-.03em !important;font-weight:500 !important;margin:0 !important;color:var(--appo-ink) !important}
.appo-empty-state p{font-size:12px !important;margin:0 !important;line-height:1.7 !important}
.appo-empty-inline{flex-direction:row !important;justify-content:flex-start !important;text-align:left !important;min-height:140px !important;padding:25px !important;gap:20px !important}
.appo-empty-inline .appo-button{margin-left:auto !important;font-size:11px !important}
.appo-arrivals>a{display:flex !important;align-items:center !important;gap:18px !important;padding:19px 25px !important;border-bottom:1px solid #e5e8e0 !important;color:var(--appo-ink) !important}
.appo-arrivals>a:hover,.appo-job-row:hover{background:#f0f3eb !important}
.appo-arrivals>a:last-child{border:0 !important}
.appo-arrivals time{flex-shrink:0 !important;font-size:12px !important;font-weight:600 !important;font-variant-numeric:tabular-nums !important;color:#596d5c !important;width:72px !important}
.appo-arrivals a>span:nth-child(2){flex:1 !important;min-width:0 !important}
.appo-arrivals strong{display:block !important;font-size:12px !important;font-weight:600 !important;line-height:1.4 !important}
.appo-arrivals small{display:block !important;font-size:10px !important;color:var(--appo-muted) !important;margin-top:5px !important}
.appo-pill{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:5px 9px !important;border-radius:5px !important;background:#e5eddf !important;color:#4b6d46 !important;border:1px solid #d6e1ce !important;font-size:9px !important;font-weight:550 !important;white-space:nowrap !important;line-height:1.4 !important}
.appo-pill-amber{background:#f5eddb !important;color:#906b29 !important;border-color:#eaddbe !important}
.appo-receipts{padding-bottom:20px !important;background:#eef1e7 !important}
.appo-receipts>header{border:0 !important;padding-bottom:0 !important}
.appo-chart-total{font-size:31px !important;font-weight:500 !important;letter-spacing:-.05em !important;line-height:1.2 !important;padding:21px 25px 0 !important;color:#30432e !important}
.appo-chart-total>span{display:block !important;font-size:9px !important;font-weight:400 !important;letter-spacing:0 !important;color:#798573 !important;margin-top:6px !important}
.appo-chart{display:flex !important;align-items:end !important;gap:14px !important;padding:18px 25px 0 !important;height:125px !important}
.appo-chart-day{flex:1 !important;min-width:0 !important;text-align:center !important;align-self:stretch !important}
.appo-chart-track{height:76px !important;position:relative !important;border-bottom:1px solid #dce3d3 !important}
.appo-chart-bar{position:absolute !important;bottom:0 !important;left:18% !important;right:18% !important;height:var(--bar-height,2%) !important;min-height:2px !important;background:#829b6e !important;border-radius:3px 3px 0 0 !important}
.appo-chart-day:last-child .appo-chart-bar{background:#415c41 !important}
.appo-chart-day>span{font-size:8px !important;color:#7b8874 !important}
.appo-receipts>.appo-text-link{margin:10px 25px 0 !important;font-size:10px !important}
.appo-jobs{margin-top:22px !important}
.appo-job-row{display:flex !important;align-items:center !important;gap:18px !important;padding:18px 25px !important;border-bottom:1px solid #e5e8e0 !important;color:var(--appo-ink) !important}
.appo-job-row:last-child{border-bottom:0 !important}
.appo-job-icon{width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:9px !important;background:#edf0e7 !important;color:#7a8e71 !important}
.appo-job-icon svg{width:25px !important;height:25px !important}
.appo-job-row>span:nth-child(2){flex:1 !important;min-width:0 !important}
.appo-job-row strong{display:block !important;font-size:13px !important;font-weight:550 !important}
.appo-job-row small{display:block !important;font-size:10px !important;color:var(--appo-muted) !important;margin-top:3px !important}
.appo-job-service{font-size:11px !important;max-width:190px !important;color:#707a6d !important}
.appo-job-row>b{font-weight:400 !important;font-size:20px !important;color:#778a6f !important;margin-left:16px !important}
.appo-tool-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:13px !important}
.appo-tool{display:block !important;position:relative !important;border:1px solid var(--appo-line) !important;border-radius:12px !important;padding:23px 23px 21px !important;background:#fafbf7 !important;color:var(--appo-ink) !important;transition:background .2s,border-color .2s !important}
.appo-tool:hover{background:#edf1e7 !important;border-color:#ced9c5 !important}
.appo-tool-icon{display:flex !important;width:32px !important;height:32px !important;align-items:center !important;color:#7b9272 !important;margin-bottom:17px !important}
.appo-tool-icon svg{width:25px !important;height:25px !important}
.appo-tool h3{font-size:15px !important;font-weight:550 !important;letter-spacing:-.02em !important;margin:0 0 7px !important;color:var(--appo-ink) !important}
.appo-tool p{font-size:11px !important;line-height:1.7 !important;margin:0 !important;color:var(--appo-muted) !important;max-width:210px !important}
.appo-tool-arrow{position:absolute !important;top:22px !important;right:24px !important;font-size:21px !important;color:#9ca995 !important}
.appo-workspace-foot{display:flex !important;justify-content:space-between !important;gap:20px !important;margin-top:35px !important;padding-top:20px !important;border-top:1px solid var(--appo-line) !important;font-size:9px !important;color:#7e897b !important;letter-spacing:.04em !important}

/* 04 — Established working screens: preserve every existing form and action */
.ap-dashboard .ap-management-header{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:24px !important;padding:4px 0 25px !important;margin:0 0 25px !important;border-bottom:1px solid var(--appo-line) !important;background:transparent !important}
.ap-dashboard .ap-management-kicker{font-size:10px !important;letter-spacing:.14em !important;color:#7c8775 !important;margin:0 0 12px !important}
.ap-dashboard .ap-management-title{font-size:clamp(29px,3vw,43px) !important;line-height:1.15 !important;font-weight:500 !important;letter-spacing:-.05em !important;color:var(--appo-ink) !important;margin:0 !important}
.ap-dashboard .ap-management-description{font-size:13px !important;line-height:1.75 !important;color:var(--appo-muted) !important;margin:12px 0 0 !important;max-width:750px !important}
.ap-dashboard .ap-primary-button,.ap-dashboard .ap-login-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:18px !important;background:var(--appo-navy) !important;color:#edfcff !important;border:1px solid var(--appo-navy) !important;border-radius:7px !important;min-height:43px !important;padding:12px 17px !important;font-size:11px !important;line-height:1.3 !important;letter-spacing:.025em !important;font-weight:550 !important;box-shadow:none !important;cursor:pointer !important}
.ap-dashboard .ap-primary-button:hover{background:#233258 !important;border-color:#233258 !important;color:white !important}
.ap-dashboard .ap-secondary-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;min-height:41px !important;padding:11px 16px !important;font-size:11px !important;line-height:1.3 !important;letter-spacing:.015em !important;font-weight:500 !important;background:#fafbf7 !important;color:var(--appo-ink) !important;border:1px solid #d1d9cb !important;border-radius:7px !important;cursor:pointer !important}
.ap-dashboard .ap-secondary-button:hover{background:#e6eddf !important;color:#273c2a !important;border-color:#bfcfb5 !important}
.ap-dashboard .ap-danger-button{font-size:10px !important;letter-spacing:0 !important;min-height:35px !important;border-radius:6px !important;background:#fff0eb !important;border:1px solid #e2c6b9 !important;color:#9a4937 !important;padding:9px 13px !important;cursor:pointer !important}
.ap-dashboard input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),.ap-dashboard select,.ap-dashboard textarea{background:#fff !important;color:var(--appo-ink) !important;border:1px solid #ccd5c7 !important;border-radius:7px !important;box-shadow:none !important;padding:12px 13px !important;font-size:13px !important;letter-spacing:0 !important;min-height:44px !important;line-height:1.5 !important;max-width:100% !important;accent-color:#4d6f46 !important}
.ap-dashboard input::placeholder,.ap-dashboard textarea::placeholder{font-size:12px !important;line-height:1.6 !important;color:#8b9587 !important;opacity:1 !important}
.ap-dashboard input:focus,.ap-dashboard select:focus,.ap-dashboard textarea:focus{border-color:#64806b !important;box-shadow:0 0 0 3px #95b99b22 !important;outline:none !important}
.ap-dashboard input[type=checkbox],.ap-dashboard input[type=radio]{accent-color:#456148 !important;min-height:0 !important;width:16px !important;height:16px !important;border-radius:3px !important;flex-shrink:0 !important}
.ap-dashboard input[type=file]{font-size:11px !important;white-space:normal !important;overflow:hidden !important}
.ap-dashboard input::file-selector-button{border:0 !important;border-radius:4px !important;background:#e8eedf !important;color:#3d563e !important;padding:7px 10px !important;margin-right:10px !important;font:inherit !important;cursor:pointer !important}
.ap-dashboard textarea{resize:vertical !important}
.ap-dashboard label{color:#53664f !important;font-size:11px !important;letter-spacing:.015em !important;font-weight:550 !important;line-height:1.5 !important}
.ap-dashboard :disabled{opacity:.58 !important;cursor:not-allowed !important}
.ap-dashboard .ap-staff-form,.ap-dashboard .ap-customer-panel,.ap-dashboard .ap-customer-profile-head,.ap-dashboard .ap-motorcycle-profile-head,.ap-dashboard .ap-motorcycle-card,.ap-dashboard .ap-settings-section,.ap-dashboard .ap-support-panel,.ap-dashboard .ap-sr-section,.ap-dashboard .ap-sr-step-intro,.ap-dashboard .ap-order-row,.ap-dashboard .ap-inspection-card,.ap-dashboard .ap-service-record-card{border-color:var(--appo-line) !important;border-radius:13px !important;background:#fafbf7 !important;box-shadow:0 4px 22px #182b2203 !important;color:var(--appo-ink) !important;overflow:hidden !important}
.ap-dashboard .ap-form-note,.ap-dashboard .ap-form-field small,.ap-dashboard .ap-sr-help{color:var(--appo-muted) !important;font-size:11px !important;letter-spacing:0 !important;line-height:1.7 !important}
.ap-dashboard .ap-form-actions{border-color:var(--appo-line) !important;gap:12px !important}
.ap-dashboard .ap-customer-search,.ap-dashboard .ap-motorcycle-search,.ap-dashboard .ap-appointment-filter,.ap-dashboard .ap-support-filters{background:#ebeee5 !important;border:1px solid #dce2d5 !important;border-radius:11px !important;padding:19px !important;gap:12px !important}
.ap-dashboard .ap-customer-count{color:#808b78 !important;font-size:10px !important;letter-spacing:.03em !important}
.ap-dashboard table{color:var(--appo-ink) !important;background:#fafbf7 !important;border-color:var(--appo-line) !important;border-collapse:collapse !important}
.ap-dashboard th{background:#e9eee2 !important;color:#596b51 !important;font-size:10px !important;letter-spacing:.035em !important;font-weight:600 !important;padding:16px !important;border-color:#d8e1d0 !important;text-align:left !important;line-height:1.5 !important}
.ap-dashboard td{color:#465540 !important;font-size:12px !important;line-height:1.6 !important;padding:17px 16px !important;border-color:#e3e7dd !important}
.ap-dashboard td small{font-size:10px !important;color:#7c8775 !important;letter-spacing:0 !important}
.ap-dashboard tbody tr:hover{background:#f0f4eb !important}
.ap-dashboard .ap-customer-table-wrap,.ap-dashboard .ap-table-wrap{border:1px solid var(--appo-line) !important;border-radius:12px !important;overflow:auto !important;background:#fafbf7 !important}
.ap-dashboard .ap-empty{font-size:13px !important;letter-spacing:0 !important;line-height:1.8 !important;color:#7a8574 !important;background:#f7f9f2 !important;border:1px dashed #d0dbc7 !important;border-radius:10px !important;padding:35px !important;text-align:center !important}
.ap-dashboard .ap-alert{border-radius:9px !important;padding:15px 18px !important;font-size:13px !important;line-height:1.6 !important;letter-spacing:0 !important;margin:16px 0 !important}
.ap-dashboard .ap-alert.error{background:#fff0ec !important;border-color:#e4c4b7 !important;color:#973e2c !important}
.ap-dashboard .ap-alert.success{background:#e9f2e3 !important;border-color:#c5d8b9 !important;color:#456b37 !important}
.ap-dashboard .ap-alert.info{background:#eaf1f3 !important;border-color:#c5d9df !important;color:#43616d !important}
.ap-dashboard .ap-customer-stats,.ap-dashboard .ap-payment-stats,.ap-dashboard .ap-motorcycle-specs{border:1px solid var(--appo-line) !important;border-radius:12px !important;overflow:hidden !important;background:#fafbf7 !important}
.ap-dashboard .ap-customer-stats>div,.ap-dashboard .ap-payment-stats>div,.ap-dashboard .ap-motorcycle-specs>div{background:#fafbf7 !important;border-color:var(--appo-line) !important;padding:20px !important}
.ap-dashboard .ap-customer-stats strong,.ap-dashboard .ap-payment-stats strong{color:var(--appo-ink) !important;font-size:29px !important;font-weight:500 !important;letter-spacing:-.035em !important}
.ap-dashboard .ap-customer-stats span,.ap-dashboard .ap-payment-stats small,.ap-dashboard .ap-motorcycle-specs span{color:#7d8c72 !important;font-size:10px !important;letter-spacing:.04em !important}
.ap-dashboard .ap-customer-name,.ap-dashboard .ap-customer-profile-main h3,.ap-dashboard .ap-motorcycle-card-title,.ap-dashboard .ap-motorcycle-profile-main h3{color:var(--appo-ink) !important;font-weight:500 !important}
.ap-dashboard .ap-customer-avatar{border-radius:50% !important;background:#e4ecd9 !important;color:#4b6b41 !important;border-color:#c9d8bc !important}
.ap-dashboard .ap-customer-email,.ap-dashboard .ap-customer-phone{color:#65765d !important;font-size:11px !important}
.ap-dashboard .ap-customer-panel-head{background:#edf1e7 !important;border-color:#dce4d4 !important;padding:17px 20px !important}
.ap-dashboard .ap-customer-panel-head h3{color:#5c7152 !important;font-size:10px !important;font-weight:600 !important;letter-spacing:.06em !important}
.ap-dashboard .ap-customer-panel-head span{color:#6d8063 !important;font-size:10px !important;letter-spacing:0 !important}
.ap-dashboard .ap-customer-bike-row,.ap-dashboard .ap-customer-record-row{border-color:#dfe6d8 !important;color:#53624c !important;padding:16px 20px !important}
.ap-dashboard .ap-customer-bike-row strong,.ap-dashboard .ap-customer-record-row strong{color:#263b29 !important;font-size:12px !important}
.ap-dashboard .ap-customer-bike-row small,.ap-dashboard .ap-customer-record-row small{color:#75856c !important;font-size:10px !important}
.ap-dashboard .ap-customer-bike-row p,.ap-dashboard .ap-customer-record-row p{color:#6a7d60 !important;font-size:11px !important}
.ap-dashboard .ap-customer-account-info{border-color:#dce4d4 !important;background:#dce4d4 !important;border-radius:9px !important;overflow:hidden !important}
.ap-dashboard .ap-customer-account-info>div{background:#f4f7ef !important}
.ap-dashboard .ap-customer-account-info span{color:#73846a !important;font-size:9px !important}
.ap-dashboard .ap-customer-account-info strong{color:#40573a !important;font-size:12px !important}
.ap-dashboard .ap-management-header .ap-eyebrow{color:#829373 !important}
.ap-dashboard .ap-settings-page{max-width:100% !important;margin:0 !important;padding:0 !important}
.ap-dashboard .ap-sr-steps{border-radius:11px !important;overflow:hidden !important;border-color:#d9e1d2 !important}
.ap-dashboard .ap-sr-step.is-current,.ap-dashboard .ap-sr-step.is-active{background:#172641 !important;color:#e7fcff !important;border-color:#172641 !important}
.ap-dashboard .ap-support-status,.ap-dashboard .ap-order-status-badge,.ap-dashboard .ap-customer-mini-status{font-size:9px !important;letter-spacing:.03em !important;border-radius:5px !important;padding:6px 9px !important}
.ap-dashboard .ap-invoice-page{background:transparent !important}

/* 05 — Product collection & editor */
.appo-catalog>.appo-section-heading,.appo-product-editor>.appo-section-heading{margin-top:0 !important}
.appo-filter{display:flex !important;align-items:flex-end !important;gap:14px !important;background:#e9eee1 !important;border:1px solid #d9e2d1 !important;border-radius:12px !important;padding:20px !important;margin-top:27px !important}
.appo-filter>div{flex:1 !important;min-width:0 !important}
.appo-filter>div:first-of-type{flex:2 !important}
.appo-filter label{display:block !important;margin-bottom:7px !important}
.appo-filter input,.appo-filter select{width:100% !important}
.appo-filter>.appo-button{min-height:45px !important}
.appo-list-meta{display:flex !important;justify-content:space-between !important;color:#7a8870 !important;font-size:11px !important;margin:23px 0 14px !important}
.appo-product-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:17px !important}
.appo-product-card{overflow:hidden !important;border-radius:13px !important;border:1px solid var(--appo-line) !important;background:#fafbf7 !important;display:flex !important;flex-direction:column !important}
.appo-product-image{display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;aspect-ratio:1.15 !important;background:#e8ece1 !important;border-bottom:1px solid #e0e6d9 !important;padding:18px !important}
.appo-product-image img{display:block !important;width:100% !important;height:100% !important;object-fit:contain !important;mix-blend-mode:multiply !important;max-height:235px !important}
.appo-product-image .appo-pill{position:absolute !important;top:12px !important;left:12px !important;font-size:9px !important}
.appo-product-placeholder{display:flex !important;flex-direction:column !important;align-items:center !important;gap:15px !important;color:#97a38c !important}
.appo-product-placeholder svg{width:44px !important;height:44px !important}
.appo-product-placeholder small{font-size:10px !important}
.appo-product-card-body{display:flex !important;flex-direction:column !important;flex:1 !important;padding:19px !important}
.appo-product-card-body>small{font-size:9px !important;letter-spacing:.04em !important;color:#8b967f !important}
.appo-product-card h2{margin:7px 0 17px !important;font-size:14px !important;font-weight:550 !important;line-height:1.55 !important;letter-spacing:-.01em !important}
.appo-product-card h2 a{color:var(--appo-ink) !important}
.appo-product-price{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;margin-top:auto !important}
.appo-product-price strong{color:#324d30 !important;font-size:14px !important;font-weight:600 !important}
.appo-product-price del{opacity:.55 !important;font-size:10px !important;margin-right:5px !important}
.appo-product-price ins{text-decoration:none !important}
.appo-product-price>span{font-size:9px !important;color:#718069 !important}
.appo-product-card footer{display:flex !important;justify-content:space-between !important;gap:10px !important;border-top:1px solid #e2e7dc !important;padding-top:15px !important;margin-top:17px !important;font-size:10px !important}
.appo-product-card footer a{color:#647c57 !important}
.appo-product-card footer a:hover{color:var(--appo-ink) !important;text-decoration:underline !important}
.appo-pagination{display:flex !important;justify-content:center !important;align-items:center !important;gap:20px !important;margin:30px 0 !important;font-size:12px !important;color:#7a8870 !important}
.appo-editor-fields{display:grid !important;grid-template-columns:minmax(0,1fr) 300px !important;gap:22px !important;border:0 !important;padding:0 !important;margin:0 !important;min-width:0 !important}
.appo-editor-fields:disabled{opacity:1 !important}
.appo-editor-main,.appo-editor-aside{min-width:0 !important}
.appo-editor-section{margin-bottom:20px !important;padding:25px !important;background:#fafbf7 !important;overflow:visible !important}
.appo-editor-section>header{padding:0 0 18px !important;margin-bottom:20px !important}
.appo-editor-section h2{font-size:18px !important;font-weight:500 !important;letter-spacing:-.03em !important;color:var(--appo-ink) !important;margin:7px 0 16px !important;line-height:1.4 !important}
.appo-editor-section p{font-size:12px !important;color:#76826d !important;line-height:1.7 !important}
.appo-field{margin:0 0 22px !important}
.appo-field:last-child{margin-bottom:0 !important}
.appo-field>label{display:flex !important;justify-content:space-between !important;gap:10px !important;margin:0 0 9px !important}
.appo-field>label>span{font-size:10px !important;font-weight:400 !important;color:#8b977f !important}
.appo-field>input,.appo-field>textarea,.appo-field>select{width:100% !important}
.appo-field-hint{display:block !important;font-size:11px !important;line-height:1.7 !important;color:#7d8974 !important;margin:8px 0 !important}
.appo-form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 20px !important}
.appo-check{display:flex !important;align-items:center !important;gap:9px !important;margin:12px 0 !important;cursor:pointer !important;color:#687b5a !important;line-height:1.6 !important}
.appo-check input{margin:0 !important}
.appo-category-list{max-height:235px !important;overflow:auto !important;scrollbar-width:thin !important;padding:0 5px 0 0 !important}
.appo-category-list .appo-check{font-size:12px !important}
.appo-publish-panel{background:var(--appo-navy) !important;color:white !important;border-color:var(--appo-navy) !important}
.appo-publish-panel .appo-eyebrow{color:#9ebac6 !important;font-size:9px !important}
.appo-publish-panel h2{color:#f0f6f0 !important;font-size:23px !important;line-height:1.25 !important;margin:17px 0 11px !important}
.appo-publish-panel p{color:#a3b4c6 !important;font-size:11px !important;line-height:1.8 !important;margin-bottom:22px !important}
.appo-publish-panel label{color:#a9c0c5 !important;font-size:10px !important}
.appo-publish-panel .appo-button{width:100% !important;min-height:45px !important}
.appo-publish-panel>small{display:block !important;text-align:center !important;font-size:9px !important;color:#9dadbb !important;margin-top:12px !important}
.appo-rich-toolbar{display:flex !important;flex-wrap:wrap !important;gap:3px !important;background:#edf1e6 !important;border:1px solid #ccd5c7 !important;border-radius:7px 7px 0 0 !important;padding:8px !important}
.appo-rich-toolbar button{display:inline-flex !important;align-items:center !important;justify-content:center !important;border:0 !important;background:transparent !important;color:#586d50 !important;font-size:11px !important;padding:7px 8px !important;border-radius:4px !important;cursor:pointer !important;line-height:1.4 !important;min-height:30px !important}
.appo-rich-toolbar button:hover{background:#dce7d1 !important}
.appo-rich-surface{min-height:330px !important;max-height:600px !important;overflow:auto !important;padding:20px !important;background:white !important;border:1px solid #ccd5c7 !important;border-top:0 !important;border-radius:0 0 7px 7px !important;font-size:13px !important;color:var(--appo-ink) !important;line-height:1.85 !important}
.appo-rich-surface h2{font-size:23px !important;font-weight:550 !important;margin:25px 0 10px !important;color:var(--appo-ink) !important}
.appo-rich-surface h3{font-size:18px !important;font-weight:550 !important;margin:22px 0 10px !important;color:var(--appo-ink) !important}
.appo-rich-surface p{font-size:13px !important;color:var(--appo-ink) !important;line-height:1.85 !important;margin:12px 0 !important}
.appo-rich-surface ul,.appo-rich-surface ol{padding-left:24px !important}
.appo-rich-surface li{margin:6px 0 !important}
.appo-rich-surface img{max-width:100% !important;height:auto !important}
.appo-photo-editor{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important}
.appo-photo-editor>div{min-width:0 !important}
.appo-upload-label{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:145px !important;padding:20px !important;background:#eff3e7 !important;border:1px dashed #c1d0b5 !important;border-radius:10px !important;text-align:center !important;cursor:pointer !important;gap:10px !important}
.appo-upload-label svg{width:26px !important;height:26px !important;color:#8ba17c !important}
.appo-upload-label strong{font-size:11px !important;font-weight:600 !important}
.appo-upload-label span{font-size:9px !important;color:#829077 !important;font-weight:400 !important}
.appo-photo-editor input[type=file]{width:100% !important;margin-top:10px !important;padding:8px !important}
.appo-current-photo{display:flex !important;align-items:center !important;justify-content:center !important;border:1px solid var(--appo-line) !important;border-radius:10px !important;padding:16px !important;background:white !important}
.appo-current-photo img{width:100% !important;height:180px !important;object-fit:contain !important}
.appo-photo-preview{display:flex !important;flex-wrap:wrap !important;gap:7px !important;margin-top:10px !important}
.appo-photo-preview img{width:65px !important;height:65px !important;object-fit:contain !important;background:white !important;border:1px solid var(--appo-line) !important;border-radius:5px !important}
.appo-photo-preview p{font-size:11px !important;margin:5px 0 !important;overflow-wrap:anywhere !important}
.appo-gallery-keep{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:15px !important}
.appo-gallery-keep label{display:block !important;border:1px solid #d6e0cc !important;border-radius:6px !important;padding:6px !important;background:white !important;font-size:10px !important}
.appo-gallery-keep img{display:block !important;width:65px !important;height:65px !important;object-fit:contain !important}
.appo-gallery-keep span{display:flex !important;gap:6px !important;align-items:center !important;margin-top:8px !important}
.appo-editor-footer{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:20px !important;margin:10px 0 30px !important}

/* 06 — Staff sign-in */
body.ap-login-page{background:#edf0e8 !important}
body.ap-login-page .ap-staff-app{background:transparent !important;padding:0 !important;min-height:100dvh !important}
body.ap-login-page .ap-login{display:grid !important;grid-template-columns:1.05fr 1fr !important;align-items:stretch !important;width:100% !important;max-width:1700px !important;min-height:100dvh !important;padding:20px !important;margin:auto !important;background:transparent !important;gap:0 !important}
body.ap-login-page .appo-login-scene{position:relative !important;display:flex !important;flex-direction:column !important;background:linear-gradient(135deg,#172937,#111a3d 60%,#284345) !important;border-radius:19px !important;overflow:hidden !important;color:white !important;padding:45px 48px !important;min-height:730px !important}
.appo-login-wordmark strong{display:block !important;color:#d9edf1 !important;font-size:28px !important;font-weight:450 !important;letter-spacing:.12em !important;line-height:1.2 !important}
.appo-login-wordmark>span{display:block !important;color:#9fb5c5 !important;font-size:9px !important;letter-spacing:.57em !important;margin-top:7px !important}
.appo-login-art{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;height:240px !important;flex:1 !important;min-height:180px !important;color:#b2d8cb !important}
.appo-login-art>span{font-size:87px !important;font-weight:300 !important;letter-spacing:-.08em !important;border:1px solid #9cbaad35 !important;padding:12px 43px 20px !important;border-radius:14px !important;transform:rotate(-11deg) !important;background:linear-gradient(135deg,#dafded17,#90c3c203) !important;box-shadow:20px 30px 60px #080f242e !important}
.appo-login-art .appo-orbit{width:340px !important;height:340px !important}
.appo-login-copy .appo-eyebrow{font-size:8px !important;color:#9dafb2 !important}
.appo-login-copy h1{font-size:clamp(42px,5vw,78px) !important;font-weight:450 !important;line-height:1 !important;letter-spacing:-.065em !important;margin:25px 0 !important;color:#eff6eb !important}
.appo-login-copy h1 em{font-family:Georgia,serif !important;font-weight:400 !important;letter-spacing:-.045em !important;color:#ccdcc0 !important}
.appo-login-copy p{font-size:12px !important;color:#a9babe !important;margin:0 0 32px !important}
.appo-login-scene-footer{display:flex !important;justify-content:space-between !important;gap:15px !important;border-top:1px solid #cfddd822 !important;padding-top:22px !important;font-size:7px !important;letter-spacing:.12em !important;color:#879ea5 !important}
body.ap-login-page .ap-login-inner{position:relative !important;align-self:center !important;width:100% !important;max-width:520px !important;padding:50px 42px !important;margin:0 auto !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important}
body.ap-login-page .ap-login:before,body.ap-login-page .ap-login:after,body.ap-login-page .ap-login-inner:before{display:none !important;background:none !important}
body.ap-login-page .ap-brand{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:38px !important;color:var(--appo-ink) !important}
body.ap-login-page .ap-brand-mark{background:#e2ead8 !important;color:#496a45 !important;border:1px solid #cfdbc4 !important;width:41px !important;height:41px !important;border-radius:8px !important;font-size:14px !important}
body.ap-login-page .ap-brand-name{color:#365430 !important;font-size:11px !important;font-weight:650 !important;letter-spacing:.1em !important}
body.ap-login-page .ap-brand-sub{color:#7e8e72 !important;font-size:8px !important;letter-spacing:.13em !important;margin-top:3px !important}
body.ap-login-page .ap-login-heading .ap-eyebrow{color:#829174 !important;font-size:9px !important;letter-spacing:.1em !important}
body.ap-login-page .ap-login-heading h1{font-size:32px !important;font-weight:500 !important;color:var(--appo-ink) !important;letter-spacing:-.045em !important;line-height:1.2 !important;margin:12px 0 14px !important}
body.ap-login-page .ap-login-heading p{font-size:12px !important;line-height:1.7 !important;color:#78866e !important;margin-bottom:28px !important}
body.ap-login-page .ap-tabs{display:flex !important;gap:5px !important;background:#e1e7d9 !important;border:1px solid #d6dfcd !important;padding:5px !important;border-radius:9px !important;margin:26px 0 27px !important}
body.ap-login-page .ap-tab{flex:1 !important;border:0 !important;border-radius:6px !important;padding:11px 8px !important;background:transparent !important;color:#788b6b !important;font-size:10px !important;font-weight:550 !important;letter-spacing:.04em !important;cursor:pointer !important}
body.ap-login-page .ap-tab.active{background:#fcfdf9 !important;color:#344d30 !important;box-shadow:0 2px 8px #243b2010 !important}
body.ap-login-page .ap-login-panel{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;box-shadow:none !important}
body.ap-login-page .ap-login-panel label{font-size:9px !important;color:#69815d !important;letter-spacing:.07em !important;display:block !important;margin:0 0 9px !important;font-weight:600 !important}
body.ap-login-page .ap-login-panel input:not([type=hidden]){width:100% !important;height:49px !important;padding:13px 15px !important;margin:0 0 22px !important;background:#fcfdf9 !important;border:1px solid #c8d5bf !important;border-radius:7px !important;color:var(--appo-ink) !important;font-size:13px !important;box-shadow:none !important}
body.ap-login-page .ap-login-panel input::placeholder{color:#9da794 !important;font-size:12px !important;opacity:1 !important}
body.ap-login-page .ap-login-button{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;background:var(--appo-navy) !important;border:1px solid var(--appo-navy) !important;border-radius:7px !important;color:var(--appo-cyan) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.06em !important;min-height:49px !important;padding:14px 18px !important;margin:4px 0 0 !important;cursor:pointer !important}
body.ap-login-page .ap-login-button:hover{background:#223357 !important}
body.ap-login-page .ap-login-footer{border-top:1px solid #d4dfca !important;color:#8b9a7e !important;font-size:7px !important;letter-spacing:.08em !important;padding-top:24px !important;margin-top:30px !important}
body.ap-login-page .ap-otp-verify h3{font-size:20px !important;letter-spacing:-.03em !important;color:#34512c !important}
body.ap-login-page .ap-step-description,body.ap-login-page .ap-security,body.ap-login-page .ap-otp-resend-text{font-size:11px !important;color:#7d8d70 !important;letter-spacing:0 !important}
body.ap-login-page .ap-otp-email{font-size:13px !important;background:#e3ecd9 !important;color:#48623c !important;border:1px solid #ccdbbe !important;border-radius:6px !important;margin:15px 0 22px !important;padding:10px !important}
body.ap-login-page .ap-resend-link,body.ap-login-page .ap-change-email-link{font-size:10px !important;color:#527842 !important;letter-spacing:0 !important}
body.ap-login-page .ap-alert{font-size:12px !important;border-radius:7px !important;line-height:1.8 !important;padding:14px !important}
body.ap-login-page .ap-alert.error{background:#ffefea !important;color:#974230 !important;border-color:#e5c2b6 !important}
body.ap-login-page .ap-alert.success{background:#e4efdb !important;color:#4a713c !important;border-color:#c5d9b4 !important}
.appo-password-wrap{position:relative !important}
.appo-password-wrap input{padding-right:68px !important}
.appo-password-toggle{position:absolute !important;right:9px !important;top:11px !important;font-size:9px !important;color:#6b805e !important;background:#e8eedf !important;border:0 !important;border-radius:4px !important;padding:6px 9px !important;cursor:pointer !important}

/* 07 — Search, accessibility and feedback */
.ap-global-search-overlay{background:#0b152b77 !important;backdrop-filter:blur(7px) !important;padding-top:90px !important}
.ap-global-search-modal{border:1px solid #d7e0cf !important;border-radius:17px !important;background:#f8faf4 !important;box-shadow:0 35px 100px #07121a50 !important;overflow:hidden !important;max-width:760px !important}
.ap-global-search-head{background:#edf2e6 !important;border-color:#d7e1ce !important}
.ap-global-search-head input{font-size:14px !important;background:transparent !important;color:var(--appo-ink) !important;border:0 !important;box-shadow:none !important}
.ap-global-search-result{background:#fafbf7 !important;border-color:#e1e8da !important;border-radius:7px !important;margin:4px 8px !important}
.ap-global-search-result:hover,.ap-global-search-result.is-active{background:#e4eedb !important}
.ap-global-search-result-title{color:#29422c !important;font-size:13px !important}
.ap-global-search-result-meta{color:#819374 !important;font-size:11px !important}
.ap-global-search-result-type{color:#7a9469 !important;font-size:8px !important}
.ap-global-search-result-icon{background:#e3ecd9 !important;color:#6a8957 !important;border:0 !important;border-radius:6px !important}
.ap-global-search-empty{background:transparent !important;color:#7d8e72 !important;font-size:12px !important;line-height:1.9 !important}
.ap-global-search-empty strong{color:#3d5b35 !important;font-size:18px !important;font-weight:500 !important}
.ap-notification-head,.ap-notification-foot{background:#f0f4e9 !important;border-color:#dce7d2 !important}
.ap-notification-head strong{color:#3c5b32 !important;font-size:11px !important;letter-spacing:.07em !important}
.ap-notification-head small{color:#859879 !important;font-size:10px !important}
.ap-notification-item{background:white !important;border-color:#e5ebdf !important}
.ap-notification-item:hover{background:#eff5e8 !important}
.ap-notification-copy strong{color:#36532e !important;font-size:12px !important}
.ap-notification-copy small,.ap-notification-copy em{color:#7c8e70 !important;font-size:10px !important;letter-spacing:0 !important}
.ap-notification-icon{background:#e8f1e0 !important;color:#6c8b57 !important;border-color:#d3e2c6 !important;border-radius:7px !important}
.ap-notification-empty{color:#7a8f6c !important;font-size:11px !important}
.ap-notification-empty strong{color:#4b6b3f !important}
.ap-notification-foot a{color:#567b45 !important;font-size:10px !important;letter-spacing:.03em !important}
.appo-busy{cursor:wait !important;opacity:.7 !important}

/* 08 — Responsive workspace */
@media(min-width:1800px){.appo-welcome h1{font-size:68px !important}.appo-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:1250px){:root{--appo-sidebar:222px !important}.ap-staff-topbar{padding:16px 25px !important}.ap-dashboard,body.ap-view-dashboard .ap-dashboard{padding:28px 25px !important}.appo-welcome{padding:35px 32px 0 !important}.appo-welcome h1{font-size:49px !important}.appo-art-tag{display:none !important}.appo-stat{padding:18px !important}.appo-stat>strong{font-size:27px !important}.appo-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.appo-desk-grid{grid-template-columns:1fr 1fr !important}.appo-arrivals>a{gap:10px !important;padding:16px !important}.appo-arrivals .appo-pill{display:none !important}.appo-product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.appo-editor-fields{grid-template-columns:minmax(0,1fr) 275px !important;gap:16px !important}.appo-editor-section{padding:20px !important}.appo-photo-editor{grid-template-columns:1fr !important}.appo-user-chip{max-width:120px !important}}
@media(max-width:1000px){.ap-topbar-right{gap:14px !important}.ap-user-chip>div:last-child{display:none !important}.ap-topbar-search{width:260px !important;max-width:35vw !important}.appo-hero-art{display:none !important}.appo-welcome{grid-template-columns:1fr !important}.appo-welcome h1{font-size:50px !important}.appo-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.appo-desk-grid{grid-template-columns:1fr !important}.appo-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.appo-editor-fields{grid-template-columns:1fr !important}.appo-editor-aside{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important;align-items:start !important}.appo-editor-aside .appo-publish-panel{grid-column:1/-1 !important}.appo-filter{flex-wrap:wrap !important}.appo-filter>div:first-of-type{flex-basis:100% !important}.appo-filter>div{min-width:160px !important}.appo-job-service{display:none !important}.appo-empty-inline{flex-wrap:wrap !important}.appo-empty-inline .appo-button{margin-left:56px !important}body.ap-login-page .ap-login{grid-template-columns:1fr 1fr !important;padding:12px !important}body.ap-login-page .appo-login-scene{padding:34px !important;min-height:720px !important}.appo-login-copy h1{font-size:53px !important}.appo-login-art .appo-orbit{width:240px !important;height:240px !important}.appo-login-art>span{font-size:68px !important;padding:13px 33px !important}body.ap-login-page .ap-login-inner{padding:40px 28px !important}.appo-login-scene-footer{flex-direction:column !important;font-size:7px !important}}
@media(max-width:780px){:root{--appo-sidebar:246px !important}.ap-staff-sidebar{transform:translateX(-100%) !important;transition:transform .25s var(--appo-ease) !important;z-index:1600 !important;padding-top:25px !important}.ap-staff-workspace{width:100% !important;margin:0 !important}.ap-sidebar-toggle{display:inline-flex !important;align-items:center !important;justify-content:center !important}.ap-staff-topbar{min-height:71px !important;padding:14px 20px !important;gap:12px !important}.ap-topbar-left{gap:12px !important}.ap-topbar-search{width:235px !important;max-width:37vw !important}.ap-topbar-search kbd{display:none !important}.ap-topbar-right{gap:12px !important}.ap-topbar-logout{font-size:10px !important;padding-left:12px !important}.ap-dashboard,body.ap-view-dashboard .ap-dashboard{padding:22px 20px !important;min-height:calc(100vh - 71px) !important}body.appo-nav-open .ap-staff-sidebar{transform:translateX(0) !important}body.appo-nav-open .appo-nav-backdrop{display:block !important;position:fixed !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;background:#0c192c77 !important;backdrop-filter:blur(3px) !important;z-index:1500 !important}.appo-section-heading{align-items:flex-start !important}.appo-data-note{display:none !important}.ap-notification-panel{right:-105px !important;max-width:calc(100vw - 30px) !important}.ap-dashboard .ap-management-header{align-items:flex-start !important;flex-direction:column !important;gap:17px !important}.ap-dashboard .ap-customer-search,.ap-dashboard .ap-motorcycle-search{flex-wrap:wrap !important}.ap-dashboard .ap-customer-stats,.ap-dashboard .ap-payment-stats,.ap-dashboard .ap-motorcycle-specs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.appo-arrivals .appo-pill{display:inline-flex !important}.appo-arrivals>a{padding:19px 23px !important}.appo-hero-actions{gap:20px !important}.appo-product-editor .appo-section-heading{flex-direction:column !important}.appo-photo-editor{grid-template-columns:1fr 1fr !important}}
@media(max-width:600px){.ap-staff-topbar{padding:12px 15px !important}.ap-topbar-right{gap:9px !important}.ap-topbar-left{gap:8px !important}.ap-topbar-search{padding:0 9px !important;width:170px !important;max-width:37vw !important;gap:6px !important;min-height:37px !important}.ap-topbar-search input{font-size:11px !important;height:35px !important}.ap-topbar-search .ap-global-search-icon{font-size:20px !important}.ap-topbar-logout{font-size:9px !important;padding:6px !important;border:0 !important}.ap-user-chip{display:none !important}.ap-sidebar-toggle{width:33px !important;height:36px !important;font-size:19px !important}.ap-notification{width:30px !important;height:32px !important}.ap-dashboard,body.ap-view-dashboard .ap-dashboard{padding:18px 14px 25px !important}.appo-welcome{border-radius:12px !important;padding:28px 25px 0 !important;min-height:0 !important}.appo-welcome h1{font-size:43px !important;margin:22px 0 18px !important}.appo-welcome .appo-eyebrow{font-size:8px !important;letter-spacing:.11em !important}.appo-welcome p{font-size:11px !important}.appo-hero-actions{gap:18px !important;margin:24px 0 !important}.appo-hero-actions .appo-button{font-size:10px !important;padding:12px 13px !important}.appo-hero-link{font-size:10px !important}.appo-hero-foot{font-size:6px !important;letter-spacing:.07em !important;gap:10px !important}.appo-stats{gap:10px !important}.appo-stat{padding:17px 15px !important;border-radius:9px !important}.appo-stat>div{font-size:9px !important}.appo-stat svg{width:14px !important;height:14px !important}.appo-stat>strong{font-size:25px !important;margin:17px 0 !important}.appo-stat>small{font-size:8px !important}.appo-section-heading{margin:28px 0 16px !important;gap:15px !important}.appo-section-heading h2{font-size:21px !important}.appo-section-heading .appo-eyebrow{font-size:7px !important}.appo-panel{border-radius:12px !important}.appo-panel>header{padding:22px 20px 18px !important}.appo-panel>header h2{font-size:18px !important}.appo-arrivals>a{padding:16px !important;gap:10px !important;flex-wrap:wrap !important}.appo-arrivals time{width:62px !important;font-size:11px !important}.appo-arrivals .appo-pill{font-size:8px !important;padding:5px 6px !important}.appo-job-row{gap:12px !important;padding:17px !important}.appo-job-icon{width:37px !important;height:37px !important}.appo-job-row>b{display:none !important}.appo-job-row .appo-pill{font-size:8px !important;padding:5px !important}.appo-job-row strong{font-size:11px !important}.appo-job-row small{font-size:9px !important}.appo-tool-grid{gap:10px !important}.appo-tool{padding:20px 17px !important;min-height:172px !important}.appo-tool h3{font-size:13px !important}.appo-tool p{font-size:10px !important;line-height:1.65 !important}.appo-tool-arrow{font-size:17px !important;right:17px !important;top:18px !important}.appo-tool-icon{margin-bottom:12px !important;width:28px !important;height:28px !important}.appo-tool-icon svg{width:21px !important;height:21px !important}.appo-workspace-foot{font-size:7px !important;letter-spacing:0 !important}.appo-empty-inline{padding:23px 18px !important;gap:15px !important}.appo-empty-inline>svg{width:30px !important;height:30px !important}.appo-empty-inline>div{flex:1 !important}.appo-empty-inline .appo-button{margin-left:45px !important}.appo-empty-state h3{font-size:16px !important}.appo-empty-state p{font-size:11px !important}.appo-filter{padding:16px !important;gap:13px !important}.appo-filter>div{min-width:100% !important;flex-basis:100% !important}.appo-product-grid{gap:11px !important}.appo-product-image{aspect-ratio:.95 !important;padding:12px !important}.appo-product-image .appo-pill{font-size:7px !important;top:9px !important;left:9px !important}.appo-product-card-body{padding:13px !important}.appo-product-card h2{font-size:12px !important}.appo-product-price{flex-direction:column !important;align-items:flex-start !important;gap:5px !important}.appo-product-card footer{font-size:9px !important;gap:7px !important}.appo-editor-fields{display:block !important}.appo-editor-aside{display:block !important}.appo-editor-section{padding:20px 17px !important}.appo-form-grid{grid-template-columns:1fr 1fr !important;gap:0 12px !important}.appo-photo-editor{grid-template-columns:1fr !important}.appo-list-meta{font-size:10px !important}.appo-editor-footer{gap:14px !important}.appo-editor-footer .appo-button{font-size:11px !important}.appo-global-notice{font-size:12px !important;padding:13px 15px !important}.appo-product-placeholder small{font-size:8px !important;text-align:center !important}body.ap-login-page .ap-login{display:block !important;padding:10px !important}body.ap-login-page .appo-login-scene{min-height:265px !important;padding:26px 25px !important;border-radius:12px !important}.appo-login-wordmark strong{font-size:19px !important}.appo-login-wordmark>span{font-size:6px !important;margin-top:4px !important}.appo-login-art{position:absolute !important;right:-30px !important;top:42px !important;width:170px !important;height:190px !important;min-height:0 !important;opacity:.4 !important}.appo-login-art>span{font-size:43px !important;padding:10px 21px !important}.appo-login-art .appo-orbit{width:180px !important;height:180px !important}.appo-login-copy{margin-top:30px !important;position:relative !important;z-index:1 !important}.appo-login-copy .appo-eyebrow{font-size:6px !important}.appo-login-copy h1{font-size:40px !important;margin:16px 0 !important}.appo-login-copy p{font-size:10px !important;margin-bottom:0 !important;max-width:210px !important}.appo-login-scene-footer{display:none !important}body.ap-login-page .ap-login-inner{padding:35px 25px 25px !important;max-width:440px !important}body.ap-login-page .ap-brand{display:none !important}body.ap-login-page .ap-login-heading h1{font-size:28px !important;max-width:280px !important}body.ap-login-page .ap-login-heading .ap-eyebrow{font-size:8px !important}.ap-global-search-overlay{padding:70px 12px 12px !important}.ap-global-search-head input{font-size:12px !important}.ap-notification-panel{right:-71px !important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto !important}.ap-staff-sidebar,.appo-button,.appo-tool,.appo-stat,.ap-sidebar-link{transition:none !important}.appo-orbit,.appo-emblem{animation:none !important}}
@media print{.ap-staff-sidebar,.ap-staff-topbar,.appo-skip-link,.appo-nav-backdrop,.appo-global-notice{display:none !important}.ap-staff-workspace{margin:0 !important;width:100% !important}.ap-dashboard{padding:0 !important;background:white !important}.ap-print-invoice-page .ap-invoice-page{background:white !important;color:black !important}.ap-print-invoice-page .ap-invoice-page :is(h1,h2,h3,p,span,strong,th,td){color:black !important}.ap-print-invoice-page .ap-invoice-page table{background:white !important}.ap-print-invoice-page .ap-invoice-page th,.ap-print-invoice-page .ap-invoice-page td{padding:9px !important}.appo-tool-grid,.appo-hero-actions{display:none !important}}

}