:root{--color-text-primary: #1a1a1a;--color-text-secondary: rgba(0, 0, 0, .65);--color-text-tertiary: rgba(0, 0, 0, .5);--color-text-disabled: rgba(0, 0, 0, .3);--color-text-inverse: #ffffff;--color-bg-page: #FAF8F5;--color-bg-card: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: #e8e6e0;--color-border-soft: #f0efea;--color-border-strong: #d0cdc6;--color-orange: #ffa500;--color-orange-dark: #e6850a;--color-blue: #1565c0;--color-blue-dark: #0d4a8a;--color-success: #0f6e56;--color-warning: #e6850a;--color-error: #c62828;--color-error-sombre: #D05858;--color-rose: #e11d48;--color-primary-texte: var(--color-primary);--color-error-texte: var(--color-error);--color-rose-texte: var(--color-rose);--color-success-texte: var(--color-success);--color-texte-sur-orange: #1a1a1a;--color-niveau-super-admin: #7b3fa0;--color-niveau-guide-pays: #1565c0;--color-niveau-guide-ville: #0d7a8a;--color-niveau-agent-terrain: #b5451b;--color-niveau-support-pays: #4a1942;--color-niveau-finance: #37474f;--font-family: "DM Sans", sans-serif;--font-family-mono: Menlo, Monaco, "Courier New", monospace;--font-h1: 22px;--font-h2: 18px;--font-h3: 14px;--font-body: 13px;--font-body-sm: 12px;--font-label: 10px;--font-caption: 9px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12);--backdrop-blur: 12px;--opacity-disabled: .42;--opacity-icon-interactive: 1;--opacity-icon-decorative: .5;--opacity-icon-nav: .65;--opacity-bg-hover: .08;--opacity-border-soft: .15;--breakpoint-phone: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--transition-fast: .12s ease;--transition-md: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-sticky: 10;--z-overlay: 50;--z-drawer: 100;--z-backdrop: 150;--z-modal: 200;--z-toast: 300;--z-tooltip: 400}[data-pwa=vitrona]{--color-primary: #0f6e56;--color-primary-subtle: #E8F3F0;--color-primary-light: #1d9e75;--color-primary-dark: #0a5a47;--color-primary-rgb: 15, 110, 86;--color-bg-page: #FAF8F5;--color-bg-page-dark: #0a0a0a;--gradient-primary: linear-gradient(135deg, #0f6e56, #1d9e75);--gradient-orange: linear-gradient(145deg, #ffb84d, #e6850a)}[data-pwa=romero]{--color-primary: #7b3fa0;--color-primary-subtle: #EFE8F3;--color-primary-light: #9d5ec0;--color-primary-dark: #5a2d78;--color-primary-rgb: 123, 63, 160;--color-bg-page: #1a1a2e;--color-bg-card: #2A1D45;--color-bg-card-elevated: #3A2A5A;--color-border: rgba(255, 255, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .72);--color-text-tertiary: rgba(255, 255, 255, .55);--color-text-disabled: rgba(255, 255, 255, .3);--color-primary-texte: #c08ee0;--color-error-texte: #e08a8a;--color-rose-texte: #ef8199;--color-success-texte: #5fd0ac;--gradient-primary: linear-gradient(135deg, #7b3fa0, #5a2d78);--gradient-orange: linear-gradient(145deg, #ffb84d, #e6850a)}[data-pwa=guide]{--color-primary: #0f6e56;--color-primary-subtle: #E8F3F0;--color-primary-light: #1d9e75;--color-primary-dark: #0a5a47;--color-primary-rgb: 15, 110, 86;--color-bg-page: #FAF8F5;--color-bg-sidebar: #062418;--color-bg-sidebar-grad: linear-gradient(180deg, #062418 0%, #0a4032 100%);--color-text-sidebar: rgba(255, 255, 255, .65);--color-text-sidebar-active: #ffffff;--layout-sidebar-width: 240px;--layout-header-height: 56px;--layout-nav-bottom-height: 56px;--gradient-primary: linear-gradient(135deg, #0f6e56, #1d9e75);--gradient-orange: linear-gradient(145deg, #ffb84d, #e6850a)}*,*:before,*:after{box-sizing:border-box}:root{--pwa-primary: var(--color-vitrona-primary);--pwa-primary-dark: var(--color-vitrona-primary-dark);--pro-nav-w: 0px;--ba-nav-h: calc(60px + env(safe-area-inset-bottom, 0px)) }@media (orientation: landscape){:root{--pro-nav-w: calc(60px + env(safe-area-inset-right, 0px)) ;--rom-nav-h: 0px;--ba-nav-h: env(safe-area-inset-bottom, 0px)}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:DM Sans,sans-serif;background:var(--color-bg-page, #FAF8F5);color:var(--color-text-primary, var(--color-text-primary));-webkit-font-smoothing:antialiased}@media (orientation: landscape) and (max-height: 500px){:root{--ba-h: calc(40px + env(safe-area-inset-top, 0px)) }.root-shell,.admin-shell{--ba-h: calc(40px + env(safe-area-inset-top, 0px)) !important}}.ba:has(.ba-menu){z-index:10001!important}.ba .ba-menu{max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - var(--ba-nav-h, 0px));overflow-y:auto;overscroll-behavior:contain}@media (orientation: landscape) and (max-height: 500px){.ba .ba-menu{top:40px!important;display:grid!important;grid-template-columns:1fr 1fr;column-gap:4px;width:min(368px,calc(100vw - var(--pro-nav-w, var(--rom-nav-w, 0px)) - 24px))!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:4px 0!important}.ba .ba-menu>.ba-menu-tete,.ba .ba-menu>.ba-sep,.ba .ba-menu>.ba-item-sortie{grid-column:1 / -1}.ba .ba-menu>.ba-menu-tete{padding:6px 16px 8px!important}.ba .ba-menu>.ba-item{padding:10px 18px!important;font-size:15px!important}}