:root{--brand-dark:#03191c;--brand-dark-2:#082a2e;--brand-dark-3:#0d3537;--brand-mint:#61e7bf;--brand-mint-2:#dffaf1;--brand-paper:#f4f8f7;--brand-line:#d9e5e2;--brand-muted:#6f8581}
body{background:var(--brand-paper)}
.app-shell{background:var(--brand-paper)}
.app-main{background:var(--brand-paper)}
.page-root{background:radial-gradient(circle at 18% 0%,rgba(97,231,191,.10),transparent 28%),var(--brand-paper);min-height:100vh}
.mobile-app-header{background:linear-gradient(135deg,var(--brand-dark),var(--brand-dark-2))!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 8px 24px rgba(3,25,28,.14)}
.mobile-app-header strong{color:#fff;font-size:1.05rem}.mobile-app-header small{color:#a9c1bd}.mobile-app-header .settings-icon{color:var(--brand-mint)!important}.mobile-app-header .settings-icon svg{stroke:currentColor}
.page-head h1{letter-spacing:-.045em}.page-head p{color:var(--brand-muted)}
.welcome-strip{position:relative;overflow:hidden;background:linear-gradient(135deg,#0c3b3b 0%,#052428 72%,#03191c 100%);border:1px solid rgba(97,231,191,.13);border-radius:26px;padding:26px;box-shadow:0 20px 44px rgba(3,25,28,.16)}
.welcome-strip:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-85px;bottom:-125px;background:radial-gradient(circle,rgba(97,231,191,.26),rgba(97,231,191,0) 68%);pointer-events:none}.welcome-strip h2{font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.035em;position:relative;z-index:1}.welcome-strip p{color:#bfd1ce;position:relative;z-index:1}.welcome-strip .plan-badge{background:rgba(97,231,191,.13);border:1px solid rgba(97,231,191,.15);color:var(--brand-mint);position:relative;z-index:1}
.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:18px 0 24px!important}.quick-action{position:relative;min-height:182px;aspect-ratio:1.08/1;border:1px solid rgba(255,255,255,.05)!important;border-radius:24px!important;background:linear-gradient(145deg,#172326,#101a1c)!important;color:#fff!important;padding:20px 20px 26px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;box-shadow:0 14px 30px rgba(4,23,26,.13)!important;overflow:hidden}.quick-action:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-70px;top:-65px;background:radial-gradient(circle,rgba(97,231,191,.13),transparent 70%)}.quick-action:first-child{background:linear-gradient(145deg,#6cf0c5,#48d5aa)!important;color:#062226!important;border-color:transparent!important}.quick-action:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(4,23,26,.18)!important}.quick-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:rgba(97,231,191,.12)!important;color:var(--brand-mint)!important;display:grid!important;place-items:center!important;position:relative;z-index:1}.quick-action:first-child .quick-icon{background:rgba(3,25,28,.09)!important;color:#073035!important}.quick-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-copy{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1;padding-bottom:2px}.quick-copy strong{font-size:1rem;line-height:1.18;color:inherit}.quick-copy small{font-size:.72rem;line-height:1.35;color:#839492;font-weight:650}.quick-action:first-child .quick-copy small{color:#185e52}.quick-action>span:not(.quick-icon):not(.quick-copy){font-size:1rem}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}.stat{border:1px solid var(--brand-line)!important;background:#fff!important;border-radius:18px!important;padding:18px!important;box-shadow:0 8px 20px rgba(3,25,28,.035)}.stat span{color:var(--brand-muted);font-size:.75rem;font-weight:750}.stat strong{color:#08252a;font-size:2rem;letter-spacing:-.05em}
.panel,.info-card,.job-card,.rota-day,.enquiry-card,.request-card{border-color:var(--brand-line)!important;box-shadow:0 10px 28px rgba(3,25,28,.045)}
.primary-btn{background:var(--brand-mint)!important;color:#062226!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(97,231,191,.18)}.secondary-btn,.mini-btn{border-color:#cfddda}.status-chip{border-radius:999px!important}
.modal{backdrop-filter:blur(7px);background:rgba(2,17,19,.58)!important}.modal-card{border-radius:28px!important;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.settings-menu-item{border-color:var(--brand-line)!important;border-radius:18px!important}.settings-menu-icon{background:var(--brand-mint-2)!important;color:#08765e!important}.settings-menu-item.danger .settings-menu-icon{background:#fff0ee!important;color:#a8463b!important}
.settings-menu-compact{display:grid!important;gap:7px!important;margin-top:14px!important}.settings-menu-compact .settings-menu-item{width:100%!important;min-height:66px!important;margin:0!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;background:#fff!important;border:1px solid #dbe6e3!important;border-radius:15px!important;box-shadow:none!important;position:relative}.settings-menu-compact .settings-menu-item:hover{background:#f8fbfa!important}.settings-menu-compact .settings-menu-item.settings-group-start{margin-top:6px!important}.settings-menu-compact .settings-menu-icon{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:0!important;background:#e3faf2!important;color:#0a8066!important}.settings-menu-compact .settings-menu-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.settings-menu-compact .settings-menu-copy{display:block!important;min-width:0!important;flex:1!important}.settings-menu-compact .settings-menu-copy strong{display:block!important;font-size:.94rem!important;line-height:1.18!important;color:#09272b!important}.settings-menu-compact .settings-menu-copy small{display:block!important;margin-top:3px!important;font-size:.71rem!important;line-height:1.2!important;color:#738581!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.settings-menu-compact .settings-menu-item:not(.danger)::after{content:"›";font-size:1.4rem;line-height:1;color:#9aacaa;margin-left:4px}.settings-menu-compact .settings-menu-item[data-sm="availability"]{background:#fff!important}.settings-menu-compact .settings-menu-item.danger{background:#fff!important;border-color:#efdcd8!important}.settings-menu-compact .settings-menu-item.danger .settings-menu-copy strong{color:#963b32!important}.settings-menu-compact .settings-menu-item.danger .settings-menu-icon{background:#fff0ee!important;color:#a8463b!important}.modal-card:has(.settings-menu-compact){width:min(620px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:24px 22px 20px!important}.modal-card:has(.settings-menu-compact)>#modal-content>h2{font-size:1.65rem!important;line-height:1.05!important;margin:0 44px 4px 0!important;letter-spacing:-.035em}.modal-card:has(.settings-menu-compact) .modal-close{top:16px!important;right:16px!important}
.mobile-footer-nav{background:#071416!important;border-top:1px solid rgba(255,255,255,.07)!important;box-shadow:0 -14px 34px rgba(3,20,22,.28)!important}.mobile-footer-nav button{color:#809591!important}.mobile-footer-nav button.active{color:var(--brand-mint)!important;background:#10282a!important}.mobile-footer-nav .footer-icon{background:transparent!important;color:inherit!important}.mobile-footer-nav button.active .footer-icon{background:rgba(97,231,191,.10)!important;color:var(--brand-mint)!important}.mobile-footer-nav .footer-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.auth-shell,.onboarding-shell{background:radial-gradient(circle at 20% 10%,#15594f 0%,#08292d 35%,#03191c 72%)}.auth-brand{color:#fff}.auth-card,.onboarding-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.28)}
.settings-menu-list:has([data-sm="company"]) [data-sm="services"],.settings-menu-list:has([data-sm="company"]) [data-sm="invite"],.settings-menu-list:has([data-sm="company"]) [data-sm="team"],.settings-menu-list:has([data-sm="company"]) [data-sm="requests"],.settings-menu-list:has([data-sm="company"]) [data-sm="supplies"]{display:none!important}
.settings-menu-item[data-sm="availability"] .settings-menu-icon:empty:before{content:"◷";font-size:22px}.settings-menu-item[data-sm="services"] .settings-menu-icon:empty:before{content:"≋";font-size:22px}.settings-menu-item[data-sm="plan"] .settings-menu-icon:empty:before{content:"£";font-size:20px;font-weight:900}.settings-menu-item[data-sm="supplies"] .settings-menu-icon:empty:before{content:"▣";font-size:20px}.settings-menu-item[data-sm="payments"] .settings-menu-icon:empty:before{content:"£";font-size:20px;font-weight:900}
@media(max-width:900px){body{background:var(--brand-paper)}.page-root{padding:26px 18px 28px!important}.page-root>.page-head:first-child{margin-bottom:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat{min-height:112px}.mobile-footer-nav{height:78px!important}.mobile-footer-nav button{font-size:.65rem!important}}
@media(max-width:520px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.quick-action{min-height:160px!important;aspect-ratio:auto!important;border-radius:21px!important;padding:17px 16px 24px!important}.quick-icon{width:43px!important;height:43px!important}.quick-copy{padding-bottom:2px}.quick-copy strong{font-size:.92rem}.quick-copy small{font-size:.65rem;line-height:1.35}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.welcome-strip{padding:22px;border-radius:23px}.welcome-strip h2{font-size:1.45rem}.welcome-strip p{font-size:.86rem}.page-head h1{font-size:2rem}.modal-card{border-radius:24px!important}.modal-card:has(.settings-menu-compact){padding:20px 14px 16px!important}.settings-menu-compact{gap:6px!important}.settings-menu-compact .settings-menu-item{min-height:62px!important;padding:9px 10px!important;border-radius:14px!important}.settings-menu-compact .settings-menu-icon{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}.settings-menu-compact .settings-menu-copy strong{font-size:.9rem!important}.settings-menu-compact .settings-menu-copy small{font-size:.68rem!important}.modal-card:has(.settings-menu-compact)>#modal-content>h2{font-size:1.5rem!important}}