*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f0f9ff 0%,#dbeafe 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{max-width:1200px;margin:0 auto;padding:20px}.app-header{background:#1e3a8a;border-radius:16px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000001a}.header-content h1{color:#fff;margin-bottom:8px;font-size:2.5rem}.subtitle{color:#dbeafe;font-size:1rem}.mode-switch{gap:10px;margin-top:20px;display:flex}.mode-btn{cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:8px;flex:1;padding:12px 24px;font-size:1rem;transition:all .2s}.mode-btn:hover{background:#f0f9ff}.mode-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-main{flex-direction:column;gap:30px;display:flex}.dossier-form{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000001a}.dossier-form h2{color:#1e3a8a;margin-bottom:20px}.dossier-form form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-weight:600}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:8px;padding:12px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.btn-primary{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;padding:14px 28px;font-size:1.1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a66}.dossier-list{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000001a}.dossier-list h2{color:#1e3a8a;margin-bottom:20px}.dossier-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.empty-state{text-align:center;color:#6b7280;padding:60px 20px}.empty-state p{margin-bottom:8px;font-size:1.2rem}.hint{font-size:.9rem;font-style:italic}.dossier-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.dossier-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.dossier-card--red{border-left:6px solid #ef4444}.dossier-card--orange{border-left:6px solid #f97316}.dossier-card--green{border-left:6px solid #22c55e}.dossier-card--expired{opacity:.7;border-left:6px solid #6b7280}.dossier-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dossier-info h3{color:#1e3a8a;margin-bottom:8px;font-size:1.3rem}.badge{border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-info{color:#1e40af;background:#dbeafe}.traffic-light{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:0 2px 8px #0003}.time-remaining{background:#f9fafb;border-radius:8px;margin-bottom:10px;padding:10px;font-size:.95rem}.expired{color:#dc2626;font-weight:600}.assignment{color:#4b5563;margin-bottom:15px;font-size:.95rem}.actions-list h4{color:#374151;margin-bottom:10px;font-size:1rem}.action-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 0;display:flex}.action-item input[type=checkbox]{cursor:pointer;width:20px;height:20px}.action-item span{transition:all .2s}.action-item span.done{color:#9ca3af;text-decoration:line-through}.progress-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;margin:15px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1e3a8a 0%,#3b82f6 100%);height:100%;transition:width .3s}.btn-delete{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .2s}.btn-delete:hover{background:#fecaca}.legend{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000001a}.legend h3{color:#1e3a8a;margin-bottom:15px}.legend ul{flex-direction:column;gap:10px;list-style:none;display:flex}.legend li{color:#4b5563;align-items:center;gap:10px;display:flex}.dot{border-radius:50%;width:20px;height:20px;display:inline-block}.dot.green{background:#22c55e}.dot.orange{background:#f97316}.dot.red{background:#ef4444}@media (width<=768px){.dossier-grid{grid-template-columns:1fr}.header-content h1{font-size:2rem}.mode-switch{flex-direction:column}}.gestion-equipe{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000001a}.gestion-equipe h2{color:#1e3a8a;margin-bottom:20px}.equipe-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.equipe-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.equipe-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.equipe-card h3{color:#1e3a8a;margin-bottom:15px;font-size:1.2rem}.stats{flex-direction:column;gap:10px;display:flex}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#6b7280;font-size:.9rem}.stat-value{color:#1f2937;font-size:1.1rem;font-weight:700}.stat-warning{color:#f97316}.stat-success{color:#22c55e}.equipe-progress{background:#e5e7eb;border-radius:3px;width:100%;height:6px;margin-top:15px;overflow:hidden}.equipe-progress-fill{background:linear-gradient(90deg,#1e3a8a 0%,#3b82f6 100%);height:100%;transition:width .3s}.dossiers-par-equipe{flex-direction:column;gap:20px;display:flex}.equipe-section h3{color:#1e3a8a;margin-bottom:10px;font-size:1.1rem}.dossiers-list{flex-direction:column;gap:8px;list-style:none;display:flex}.dossier-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.dossier-ref{color:#1f2937;font-weight:600}.dossier-status{border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:600}.status-completed{color:#166534;background:#dcfce7}.status-in-progress{color:#92400e;background:#fef3c7}.status-pending{color:#1e40af;background:#dbeafe}.legend-note{color:#1e40af;background:#f0f9ff;border-radius:8px;margin-top:15px;padding:10px;font-size:.9rem;font-style:italic}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}