:root{--psf-navy: #0c2a4b;--psf-blue: #0f4c81;--psf-blue-light: #1a5f9e;--psf-gold: #c9a227;--psf-gold-soft: rgba(201, 162, 39, .12);--psf-accent: #23a6d5;--psf-surface: #ffffff;--psf-surface-2: #f8fafc;--psf-border: #e2e8f0;--psf-text: #0f172a;--psf-muted: #64748b;--psf-radius: 14px;--psf-radius-lg: 18px;--psf-shadow-sm: 0 1px 2px rgba(12, 42, 75, .05);--psf-shadow: 0 4px 20px rgba(12, 42, 75, .08);--psf-shadow-lg: 0 12px 40px rgba(12, 42, 75, .12);--psf-brand-gradient: linear-gradient(135deg, #1e3a5f 0%, #0f4c81 55%, #0c2a4b 100%)}html[dir=ltr] body{font-family:Figtree,Inter,system-ui,sans-serif}html[dir=rtl] body{font-family:Cairo,Segoe UI,system-ui,sans-serif}body{color:var(--psf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-shell{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(35,166,213,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(15,76,129,.05),transparent),var(--bg, #f5f7fb)}.page-shell>main{width:100%;max-width:1140px;margin-inline:auto;padding-inline:clamp(1rem,3vw,1.75rem);padding-bottom:calc(5rem + var(--safe-bottom, 0px))}.page-container,.profile-page,.admin-page,.training-page,.permits-page,.dashboard-page{max-width:1140px;margin-inline:auto;padding-inline:clamp(.5rem,2vw,.25rem)}.app-content-wrapper{max-width:1140px;margin-inline:auto;padding:0 clamp(.75rem,3vw,1.25rem) 2rem}.page-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--psf-navy);letter-spacing:-.02em;margin-bottom:1.25rem}.page-header{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--psf-border)}.page-header__eyebrow,.content-card__eyebrow{color:var(--psf-blue);font-size:.72rem;font-weight:700;letter-spacing:.08em}.page-header__title{font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:700;color:var(--psf-navy);letter-spacing:-.025em;line-height:1.25}.page-header__subtitle{color:var(--psf-muted);font-size:.95rem;line-height:1.55;max-width:42rem}.content-card{background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .2s ease,border-color .2s ease}.content-card:hover{box-shadow:var(--psf-shadow)}.content-card__header{background:var(--psf-surface-2);border-bottom:1px solid var(--psf-border);padding:1rem 1.35rem}.content-card__title{font-size:1.05rem;font-weight:700;color:var(--psf-navy)}.content-card__body{padding:1.25rem 1.35rem}.content-card__count{background:var(--psf-brand-gradient)!important;box-shadow:0 2px 8px #0f4c8140}.dashboard-welcome{background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-sm);padding:1rem 1.25rem;border-inline-start:4px solid var(--psf-gold)}.dashboard-welcome__title{color:var(--psf-navy)}.dashboard-welcome__eyebrow{color:var(--psf-blue)}.dashboard-stat-card{border-radius:var(--psf-radius);border:1px solid var(--psf-border);box-shadow:var(--psf-shadow-sm);padding:.85rem 1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-stat-card:hover{transform:translateY(-2px);border-color:#0f4c8140;box-shadow:var(--psf-shadow)}.dashboard-stat-card--indigo .dashboard-stat-card__icon{background:#0f4c811a;color:var(--psf-blue)}.dashboard-stat-card__value{color:var(--psf-navy)}.dashboard-card{background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-sm)}.dashboard-card__title{color:var(--psf-navy);font-weight:700}.request-card{background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius);box-shadow:var(--psf-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.request-card:hover{transform:translateY(-2px);box-shadow:var(--psf-shadow);border-color:#0f4c8133}.request-card--approved{border-inline-start:3px solid #16a34a}.request-card--pending{border-inline-start:3px solid var(--psf-gold)}.notification-card{border-radius:var(--psf-radius);border:1px solid var(--psf-border);box-shadow:var(--psf-shadow-sm);border-inline-start-width:4px}.notification-card--unread{border-inline-start-color:var(--psf-blue);background:linear-gradient(90deg,rgba(15,76,129,.04),var(--psf-surface))}.notification-card__title{color:var(--psf-navy)}.notification-card__qr-wrapper--sleepover{background:#0f4c810d!important;border-color:#0f4c8126!important}.alert{border-radius:var(--psf-radius);border:1px solid transparent;border-inline-start-width:4px;font-size:.9rem;box-shadow:var(--psf-shadow-sm)}.alert-success{background:#f0fdf4;border-color:#bbf7d0;border-inline-start-color:#16a34a;color:#166534}.alert-error{background:#fef2f2;border-color:#fecaca;border-inline-start-color:#dc2626;color:#991b1b}.btn-primary,.btn-primary-sm,button[type=submit].btn-primary-sm{background:var(--psf-brand-gradient);color:#fff;border:none;border-radius:10px;font-weight:600;box-shadow:0 2px 8px #0f4c8140;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover,.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f4c8159}.btn-outline-sm{border-radius:10px;border-color:var(--psf-border);color:var(--psf-blue);font-weight:600}.btn-outline-sm:hover{background:#0f4c810f;border-color:var(--psf-blue)}.form-field input,.form-field select,.form-field textarea,.booking-form input,.booking-form select,.booking-form textarea{border-radius:10px;border:1px solid var(--psf-border);transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:none;border-color:var(--psf-blue);box-shadow:0 0 0 3px #0f4c811f}.form-field__label{font-weight:600;color:var(--psf-navy);font-size:.85rem}.week-picker,.arena-filter{background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-sm)}.week-picker__btn:hover:not(:disabled){background:var(--psf-brand-gradient)}.week-picker__date-label svg{color:var(--psf-blue)}.header-nav__link.is-active{background:#ffffff26;color:#fff;box-shadow:inset 0 0 0 1px #c9a22766}.app-bottom-nav{max-width:100%;border-radius:1.25rem 1.25rem 0 0;border-top:1px solid var(--psf-border);box-shadow:0 -8px 32px #0c2a4b1a}.app-bottom-nav__item:hover,.app-bottom-nav__item.active{color:var(--psf-blue)}.app-bottom-nav__item.active{background:#0f4c8114}.empty-state,.dashboard-empty,.permits-empty-state{padding:2.5rem 1.5rem;text-align:center;color:var(--psf-muted);background:var(--psf-surface);border:1px dashed var(--psf-border);border-radius:var(--psf-radius-lg)}.sleepover-modal__content,.permit-modal__content{border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-lg)}.modal-status-badge.approved{background:#dcfce7;color:#166534}.stat-card--admin{border-color:#0f4c8126;background:linear-gradient(145deg,#0f4c810f,#0f4c8105)}.stat-card__value{color:var(--psf-blue)}.permits-form__section{border-radius:var(--psf-radius)}.notification-controls{border-radius:var(--psf-radius);background:var(--psf-surface-2)}.mh-card{border-radius:var(--psf-radius);border:1px solid var(--psf-border);box-shadow:var(--psf-shadow-sm)}.mh-header__title{color:var(--psf-navy)}@media(min-width:768px){.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:.75rem}.page-shell>main{padding-bottom:2rem}}@media(max-width:767px){.page-header{text-align:center}.page-header__subtitle{margin-inline:auto}}.app-shell{min-height:calc(var(--app-vh, 1vh) * 100);min-height:100dvh}.app-shell>main{padding-bottom:calc(5.5rem + var(--safe-bottom, 0px))}.app-quick-actions{margin-bottom:1.25rem}.app-quick-actions__header{margin-bottom:.85rem}.app-quick-actions__title{font-size:1.1rem;font-weight:700;color:var(--psf-navy);letter-spacing:-.02em}.app-quick-actions__subtitle{font-size:.82rem;color:var(--psf-muted);margin-top:.15rem}.app-quick-actions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(min-width:640px){.app-quick-actions__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}}.app-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:6.5rem;padding:.85rem .5rem;text-align:center;text-decoration:none;background:var(--psf-surface);border:1px solid var(--psf-border);border-radius:var(--psf-radius-lg);box-shadow:var(--psf-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.app-action-card:active{transform:scale(.97)}.app-action-card:hover{transform:translateY(-2px);border-color:#0f4c8147;box-shadow:var(--psf-shadow)}.app-action-card__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:linear-gradient(145deg,#0f4c811f,#23a6d514);color:var(--psf-blue)}.app-action-card__icon svg{width:1.45rem;height:1.45rem}.app-action-card__label{font-size:.72rem;font-weight:600;line-height:1.25;color:var(--psf-navy);max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.app-action-card--permits .app-action-card__icon{background:linear-gradient(145deg,#c9a2272e,#c9a2270f);color:#9a7b1a}.app-action-card--training .app-action-card__icon{background:linear-gradient(145deg,#16a34a24,#16a34a0d);color:#15803d}.app-action-card--feed-room .app-action-card__icon{background:linear-gradient(145deg,#23a6d529,#0f4c8114);color:var(--psf-blue-light)}.app-bottom-nav--pro{position:fixed;inset-inline:.65rem;bottom:calc(.45rem + var(--safe-bottom, 0px));z-index:900;display:flex;align-items:stretch;justify-content:space-around;gap:.15rem;max-width:28rem;margin-inline:auto;padding:.35rem .25rem;background:#ffffffeb;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(226,232,240,.9);border-radius:1.15rem;box-shadow:0 8px 32px #0c2a4b24,0 2px 8px #0c2a4b0f}.app-bottom-nav--pro .app-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:3.25rem;min-width:0;padding:.35rem .15rem;border:none;background:transparent;color:var(--psf-muted);text-decoration:none;border-radius:.85rem;cursor:pointer;transition:color .15s ease,background .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.app-bottom-nav--pro .app-bottom-nav__item:active{transform:scale(.94)}.app-bottom-nav--pro .app-bottom-nav__item.active{color:var(--psf-blue);background:#0f4c8117}.app-bottom-nav--pro .app-bottom-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem}.app-bottom-nav--pro .app-bottom-nav__svg{width:1.35rem;height:1.35rem}.app-bottom-nav--pro .app-bottom-nav__label{font-size:.62rem;font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bottom-nav--pro .app-bottom-nav__badge{position:absolute;top:-.2rem;inset-inline-end:-.35rem;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.58rem;font-weight:700;line-height:1rem;text-align:center;color:#fff;background:#dc2626;border-radius:999px;border:2px solid #fff}.app-bottom-nav--pro .app-bottom-nav__item--menu{color:var(--psf-navy)}.site-header--pro{box-shadow:0 2px 16px #0c2a4b14}.header-nav__link{min-height:2.25rem;border-radius:.65rem;font-weight:600;font-size:.82rem}.header-nav__icon{opacity:.9}.hamburger-menu__panel{border-radius:1.25rem 0 0 1.25rem;box-shadow:-8px 0 40px #0c2a4b26}[dir=ltr] .hamburger-menu__panel{border-radius:0 1.25rem 1.25rem 0;box-shadow:8px 0 40px #0c2a4b26}.hamburger-menu__link{min-height:2.75rem;border-radius:.75rem}.hamburger-menu__link.active{background:#0f4c8114;color:var(--psf-blue)}button,.button,.btn-primary,.btn-primary-sm,.btn-outline-sm,.header-nav__link,.form-input,select,input[type=submit]{min-height:2.75rem}@media(min-width:768px){.app-shell>main{padding-bottom:2rem}.app-bottom-nav--pro{display:none}}