@layer reset,tokens,base,layout,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}}@layer tokens{:root{--indigo-500: #6366F1;--indigo-500-rgb: 99,102,241;--purple-500: #8B5CF6;--purple-500-rgb: 139,92,246;--bg: #0a0a0f;--bg-elevated: #111118;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.06);--surface-button: rgba(255,255,255,.06);--surface-button-hover: rgba(255,255,255,.1);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--divider: rgba(255,255,255,.05);--overlay: rgba(0,0,0,.55);--text: #ffffff;--text-secondary: rgba(255,255,255,.6);--text-tertiary: rgba(255,255,255,.35);--text-quaternary:rgba(255,255,255,.25);--glass-specular-start: rgba(255,255,255,.07);--glass-specular-mid: rgba(255,255,255,.02);--glass-gleam: rgba(255,255,255,.2);--skeleton-bg: rgba(255,255,255,.05);--skeleton-shimmer: rgba(255,255,255,.07);--ripple-color: rgba(255,255,255,.18);--scrollbar-thumb: rgba(255,255,255,.08);--on-accent: #ffffff;--accent-1: #6366F1;--accent-1-rgb: 99,102,241;--accent-1-hover: #818CF8;--accent-2: #8B5CF6;--accent-2-rgb: 139,92,246;--success: #30D158;--success-rgb: 48,209,88;--success-bg: rgba(48,209,88,.12);--warning: #FF9500;--warning-rgb: 255,149,0;--warning-bg: rgba(255,149,0,.12);--error: #FF3B30;--error-rgb: 255,59,48;--error-bg: rgba(255,59,48,.12);--info: #007AFF;--info-rgb: 0,122,255;--info-bg: rgba(0,122,255,.12);--doc-cni: #6366F1;--doc-cni-bg: rgba(99,102,241,.12);--doc-passeport: #8B5CF6;--doc-passeport-bg: rgba(139,92,246,.12);--doc-permis: #30D158;--doc-permis-bg: rgba(48,209,88,.12);--doc-carte-grise: #FF9500;--doc-carte-grise-bg: rgba(255,149,0,.12);--doc-titre-sejour: #FF2D55;--doc-titre-sejour-bg: rgba(255,45,85,.12);--doc-visa: #30B0C7;--doc-visa-bg: rgba(48,176,199,.12);--doc-autre: #8E8E93;--doc-autre-bg: rgba(142,142,147,.12);--cat-assurance: #6366F1;--cat-assurance-bg: rgba(99,102,241,.12);--cat-abonnement: #30B0C7;--cat-abonnement-bg: rgba(48,176,199,.12);--cat-garantie: #FF9500;--cat-garantie-bg: rgba(255,149,0,.12);--cat-autre: #8E8E93;--cat-autre-bg: rgba(142,142,147,.12);--status-pending: var(--text-tertiary);--status-submitted: var(--accent-1);--status-processing: var(--warning);--status-ready: var(--success);--status-collected: var(--success);--status-rejected: var(--error);--avatar-1: #6366F1;--avatar-2: #8B5CF6;--avatar-3: #AF52DE;--avatar-4: #FF2D55;--avatar-5: #FF9500;--avatar-6: #30D158;--avatar-7: #30B0C7;--sidebar-width: 256px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--bottom-nav-height: 64px;--card-padding: 24px;--modal-max-width: 560px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--stagger-delay: 55ms;--text-xs: clamp(.688rem, .65rem + .1vw, .75rem);--text-sm: clamp(.813rem, .78rem + .15vw, .875rem);--text-base: clamp(.938rem, .9rem + .2vw, 1rem);--text-lg: clamp(1.063rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-fluid-sm: clamp(8px, 1vw, 12px);--space-fluid-md: clamp(16px, 2vw, 24px);--space-fluid-lg: clamp(24px, 3vw, 40px);--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 16px 48px rgba(0,0,0,.5);--glow-accent: 0 0 40px rgba(var(--accent-1-rgb),.3);--glass-blur: 40px;--glass-saturation: 180%;--glass-brightness: 1.02;--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}@supports (color: oklch(0 0 0)){:root{--accent-1: oklch(57% .21 277);--accent-2: oklch(60% .23 298)}}[data-theme=light]{--bg: #F2F2F7;--bg-elevated: #FFFFFF;--surface: rgba(255,255,255,.72);--surface-hover: rgba(255,255,255,.9);--surface-button: rgba(0,0,0,.04);--surface-button-hover: rgba(0,0,0,.08);--border: rgba(0,0,0,.1);--border-hover: rgba(0,0,0,.18);--divider: rgba(0,0,0,.06);--overlay: rgba(0,0,0,.4);--text: #1C1C1E;--text-secondary: #636366;--text-tertiary: #8E8E93;--text-quaternary: #AEAEB2;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--shadow-lg: 0 16px 48px rgba(0,0,0,.16);--glass-brightness: 1;--glass-specular-start: rgba(255,255,255,.5);--glass-specular-mid: rgba(255,255,255,.25);--glass-gleam: rgba(255,255,255,.6);--skeleton-bg: rgba(0,0,0,.05);--skeleton-shimmer: rgba(0,0,0,.04);--ripple-color: rgba(0,0,0,.08);--scrollbar-thumb: rgba(0,0,0,.12);--on-accent: #ffffff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #F2F2F7;--bg-elevated: #FFFFFF;--surface: rgba(255,255,255,.72);--surface-hover: rgba(255,255,255,.9);--surface-button: rgba(0,0,0,.04);--surface-button-hover: rgba(0,0,0,.08);--border: rgba(0,0,0,.1);--divider: rgba(0,0,0,.06);--overlay: rgba(0,0,0,.4);--text: #1C1C1E;--text-secondary: #636366;--text-tertiary: #8E8E93;--text-quaternary: #AEAEB2;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--glass-specular-start: rgba(255,255,255,.5);--glass-specular-mid: rgba(255,255,255,.25);--glass-gleam: rgba(255,255,255,.6);--skeleton-bg: rgba(0,0,0,.05);--skeleton-shimmer: rgba(0,0,0,.04);--ripple-color: rgba(0,0,0,.08);--scrollbar-thumb: rgba(0,0,0,.12)}}@media(prefers-contrast:high){:root{--border: rgba(255,255,255,.25);--text-secondary: rgba(255,255,255,.8);--text-tertiary: rgba(255,255,255,.6)}[data-theme=light],:root:not([data-theme=dark]){--border: rgba(0,0,0,.25);--text-secondary: #3A3A3C;--text-tertiary: #636366}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@layer base{body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;color-scheme:dark light}*:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(var(--accent-1-rgb),.7);border-radius:inherit}.skip{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--accent-1);color:var(--text);border-radius:var(--radius-pill);font-weight:600;z-index:9999;text-decoration:none;transition:top .2s}.skip:focus{top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.15s!important}.stagger{opacity:1!important;transform:none!important}}@media(display-mode:standalone){.topbar{padding-top:max(16px,var(--safe-top))}}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.input-base{height:48px;width:100%;background:var(--surface-button);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 16px;color:var(--text);font-family:inherit;font-size:var(--text-sm);outline:none;transition:all var(--duration-fast) var(--ease-smooth)}.input-base::placeholder{color:var(--text-tertiary)}.input-base:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px rgba(var(--accent-1-rgb),.18)}.form-label{display:block;margin-bottom:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}}@layer layout{.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{width:var(--sidebar-width);height:100dvh;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));transition:width var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-spring);position:relative;z-index:10;overflow:hidden}.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:sticky;top:0;z-index:9}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-content{flex:1;overflow-y:auto;padding:var(--space-fluid-lg);scroll-padding-top:var(--space-6)}.bottom-nav{height:var(--bottom-nav-height);flex-shrink:0;align-items:center;justify-content:space-around;padding:0 var(--space-4);padding-bottom:max(var(--space-3),var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));position:sticky;bottom:0;z-index:10}@media(max-width:1024px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar .sidebar-label{display:none}}@media(min-width:1025px){.main-content{padding:var(--space-8) clamp(32px,4vw,64px)}}.page-title-mobile{display:block}.topbar-title{display:none}@media(min-width:1025px){.topbar-title{display:block}}.charts-responsive{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.charts-responsive{grid-template-columns:2fr 1fr}}}@layer components{@property --angle{syntax:"<angle>"; inherits:false; initial-value:0deg;}.glass{background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.glass{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(var(--glass-brightness))}}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--glass-specular-start) 0%,var(--glass-specular-mid) 30%,transparent 60%);pointer-events:none;z-index:1}.glass:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-gleam),transparent);pointer-events:none;z-index:2}.stagger{opacity:0;transform:translateY(14px);animation:staggerIn var(--duration-slow) var(--ease-out-expo) forwards;animation-delay:calc(var(--i,0) * var(--stagger-delay))}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.skeleton{background:var(--skeleton-bg);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer),transparent);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rip{position:relative;overflow:hidden}.rip-wave{position:absolute;border-radius:50%;background:var(--ripple-color);transform:scale(0);animation:ripOut .55s ease-out forwards;pointer-events:none}@keyframes ripOut{to{transform:scale(4);opacity:0}}@keyframes urgentPulse{0%,to{box-shadow:0 0 rgba(var(--error-rgb),.4)}50%{box-shadow:0 0 0 6px rgba(var(--error-rgb),0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:none}}@keyframes coachPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.relative{position:relative}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.preserve-3d{transform-style:preserve-3d}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.p-card{padding:var(--card-padding)}.p-4{padding:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-6{margin-top:var(--space-6)}.ms-auto{margin-inline-start:auto}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-1)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-heavy{font-weight:800}.uppercase{text-transform:uppercase}.tracking-caps{letter-spacing:.08em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-full{border-radius:50%}.min-h-touch{min-height:44px;min-width:44px}.border-bottom{border-bottom:1px solid var(--divider)}.border-top{border-top:1px solid var(--divider)}.text-gradient{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:1025px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:767px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:767px){.grid-3{grid-template-columns:1fr}}.p-card-responsive{padding:clamp(12px,4vw,24px)}.fab{position:fixed;right:20px;z-index:8;transition:all .3s var(--ease-spring)}.fab{bottom:32px}@media(max-width:767px){.fab{bottom:calc(var(--bottom-nav-height) + 24px)}}.btn-row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:480px){.btn-row{flex-direction:column}.btn-row>*{width:100%}}.form-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--divider)}@media(max-width:640px){.form-row{flex-direction:column;align-items:flex-start;gap:8px}.form-row input,.form-row button{width:100%}}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.content-max{max-width:1200px;margin-left:auto;margin-right:auto}.grid-container{width:100%;max-width:var(--content-max, 1200px);margin:0 auto;padding:0 var(--space-4)}.form-max{max-width:640px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{white-space:nowrap;flex-shrink:0}}@layer overrides{@supports not (backdrop-filter:blur(1px)){.glass{background:var(--bg-elevated)}}@supports not (color:oklch(0 0 0)){:root{--accent-1:#6366F1;--accent-2:#8B5CF6}}}.bottom-nav{display:none!important}@media(max-width:767px){.sidebar{display:none!important}.bottom-nav{display:flex!important}.main-content{padding:var(--space-4)!important}}@media(min-width:1025px){.page-title-mobile{display:none!important}}