@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-primary:#F0F4F8;--bg-surface:#FFFFFF;--bg-card:#FFFFFF;--bg-elevated:#F5F7FA;--accent-red:#E53935;--accent-red-dim:rgba(229,57,53,0.10);--accent-orange:#F57C00;--accent-orange-dim:rgba(245,124,0,0.10);--accent-blue:#1565C0;--accent-blue-dim:rgba(21,101,192,0.10);--accent-yellow:#F9A825;--accent-yellow-dim:rgba(249,168,37,0.10);--accent-green:#2E7D32;--accent-green-dim:rgba(46,125,50,0.10);--text-primary:#1A202C;--text-secondary:#2D3748;--text-muted:#718096;--text-faint:#A0AEC0;--border:#E2E8F0;--border-muted:#EDF2F7;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.10);--shadow-lg:0 8px 32px rgba(0,0,0,0.14);--shadow-red:0 0 24px rgba(229,57,53,0.25);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.25}h3{font-size:1.125rem;letter-spacing:-.01em}h3,h4{font-weight:600}h4{font-size:1rem}p{color:var(--text-secondary)}small{font-size:.8125rem;color:var(--text-muted)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--sp-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-5);height:44px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);transition:background var(--transition-fast)}.btn:hover:after{background:rgba(255,255,255,.06)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 2px 12px rgba(41,121,255,.4)}.btn-primary:hover{box-shadow:0 4px 20px rgba(41,121,255,.6)}.btn-danger{background:var(--accent-red);color:#fff;box-shadow:0 2px 12px rgba(255,23,68,.4)}.btn-danger:hover{box-shadow:var(--shadow-red)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-lg{height:64px;font-size:1.125rem;border-radius:var(--radius-lg);padding:0 var(--sp-8)}.btn-xl{height:80px;font-size:1.25rem;border-radius:var(--radius-xl);padding:0 var(--sp-10)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--text-faint);box-shadow:var(--shadow-md)}.card-surface{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--sp-6)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-urgence{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(255,23,68,.3)}.badge-danger{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid rgba(255,109,0,.3)}.badge-assistance{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid rgba(41,121,255,.3)}.badge-technique{background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid rgba(255,214,0,.3)}.badge-active{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(0,230,118,.3)}.badge-muted{background:#F5F7FA;color:var(--text-muted);border:1px solid var(--border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.en_attente{background:var(--accent-yellow);box-shadow:0 0 5px rgba(249,168,37,.5)}.status-dot.en_cours{background:var(--accent-blue);box-shadow:0 0 5px rgba(21,101,192,.5)}.status-dot.resolue{background:var(--accent-green);box-shadow:0 0 5px rgba(46,125,50,.5)}.input-group{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px var(--sp-4);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(41,121,255,.15)}.input::placeholder{color:var(--text-faint)}select.input{appearance:none;cursor:pointer}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th{background:var(--bg-elevated);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border)}.table td,.table th{padding:var(--sp-3) var(--sp-4)}.table td{border-bottom:1px solid var(--border-muted);color:var(--text-secondary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-elevated)}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color var(--transition-base),transform var(--transition-base)}.kpi-card:hover{transform:translateY(-2px);border-color:var(--text-faint)}.kpi-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.kpi-sub{font-size:.8125rem;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideUp .4s ease both}.spinner{animation:spin .8s linear infinite}.pulse-danger{position:relative}.pulse-danger:before{content:"";position:absolute;inset:-4px;border-radius:inherit;background:var(--accent-red);animation:pulse-ring 1.8s cubic-bezier(.2,.8,.4,1) infinite;z-index:-1}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:var(--accent-orange);color:#fff;text-align:center;padding:var(--sp-3) var(--sp-4);font-size:.875rem;font-weight:600;z-index:9999;transform:translateY(100%);transition:transform var(--transition-slow)}.offline-banner.visible{transform:translateY(0)}.safe-bottom{padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom))}.safe-top{padding-top:max(var(--sp-6),env(safe-area-inset-top))}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.8)}.gradient-text{background:linear-gradient(135deg,var(--accent-red) 0,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:1px;background:var(--border);width:100%;margin:var(--sp-4) 0}.skeleton{background:linear-gradient(90deg,#EDF2F7 25%,#E2E8F0 50%,#EDF2F7 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--sp-4);animation:fadeIn .2s ease-out}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--sp-6);width:100%;max-width:500px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}