:root{--bg-base: #10121A;--bg-panel: #181B26;--bg-panel-raised: #1F2330;--bg-panel-hover: #262B3A;--border: #2A2F40;--border-soft: #21252F;--text-primary: #EDEFF6;--text-secondary: #9096AB;--text-tertiary: #5C6178;--beacon: #D71920;--beacon-soft: rgba(215, 25, 32, .14);--status-nouveau: #F2B84B;--status-nouveau-soft: rgba(242, 184, 75, .14);--status-en-cours: #4C8DFF;--status-en-cours-soft: rgba(76, 141, 255, .14);--status-traite: #34D399;--status-traite-soft: rgba(52, 211, 153, .14);--status-clos: #7C8299;--status-clos-soft: rgba(124, 130, 153, .14);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--beacon-soft)}:focus-visible{outline:2px solid var(--beacon);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@keyframes ping{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.status-dot{position:relative;width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit}.status-dot.pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px}.brand-mark{width:30px;height:30px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid var(--border)}.brand-text{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.01em;line-height:1.2}.brand-subtext{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.nav-section-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-secondary);font-weight:500;transition:background .12s,color .12s}.nav-link:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.nav-link.active{background:var(--beacon-soft);color:var(--beacon)}.nav-icon{width:16px;text-align:center;font-size:14px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-soft);padding-top:14px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--bg-panel-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);flex-shrink:0}.user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.user-role{font-size:11px;color:var(--text-tertiary);text-transform:capitalize}.logout-link{display:block;font-size:12px;color:var(--text-tertiary);padding:8px;margin-top:2px}.logout-link:hover{color:var(--beacon)}.main-area{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.page-title{font-family:var(--font-display);font-size:19px;font-weight:600}.page-subtitle{font-size:12.5px;color:var(--text-tertiary);margin-top:2px}.clock{font-family:var(--font-mono);font-size:12.5px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--status-traite);position:relative}.live-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--status-traite);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}.page-content{flex:1;overflow-y:auto;padding:24px 28px 48px}.panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:18px 20px}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.beacon{color:var(--beacon)}.content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.panel-title{font-family:var(--font-display);font-size:14px;font-weight:600}.map-wrap{height:340px;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.bar-list{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:130px 1fr 34px;align-items:center;gap:10px}.bar-row-label{font-size:12.5px;color:var(--text-secondary)}.bar-track{height:7px;background:var(--bg-panel-raised);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--beacon);border-radius:4px}.bar-row-count{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);text-align:right}.filters-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input,.select-input,.date-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-family:var(--font-body)}.search-input{min-width:220px}.search-input::placeholder{color:var(--text-tertiary)}.filter-chip{padding:7px 13px;border-radius:20px;font-size:12.5px;font-weight:500;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.filter-chip.active{background:var(--beacon-soft);border-color:var(--beacon);color:var(--beacon)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:10px 16px;border-bottom:1px solid var(--border-soft);font-weight:500}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border-soft);font-size:13px;vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:var(--bg-panel-hover)}.report-number{font-family:var(--font-mono);font-size:12.5px;color:var(--text-primary);font-weight:500}.table-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary);font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:12.5px;color:var(--text-tertiary)}.pagination-buttons{display:flex;gap:8px}.pg-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-secondary);font-size:12.5px;cursor:pointer}.pg-btn:disabled{opacity:.4;cursor:default}.pg-btn:not(:disabled):hover{color:var(--text-primary);border-color:var(--text-tertiary)}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(215,25,32,.1),transparent 40%),var(--bg-base)}.login-logo{width:64px;height:64px;border-radius:50%;display:block;margin:0 auto 16px;border:1px solid var(--border)}.login-card{width:380px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px 30px}.login-title{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:4px;text-align:center}.login-subtitle{font-size:13px;color:var(--text-tertiary);margin-bottom:24px;text-align:center}.form-field{margin-bottom:14px}.form-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input{width:100%;background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.form-input:focus{border-color:var(--beacon)}.btn-primary{width:100%;background:var(--beacon);color:#fff;border:none;border-radius:var(--radius-sm);padding:11px;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px}.btn-primary:disabled{opacity:.6;cursor:default}.form-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#f87171;font-size:12.5px;padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:14px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.detail-number{font-family:var(--font-mono);font-size:22px;font-weight:500}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.info-row{display:flex;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border-soft);font-size:13px;gap:20px}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-tertiary);flex-shrink:0}.info-value{color:var(--text-primary);text-align:right}.media-section{padding:16px 18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:8px}.media-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-soft);cursor:pointer}.media-empty{font-size:12.5px;color:var(--text-tertiary);padding:6px 0}.audio-player,.video-player{width:100%;margin-top:8px;border-radius:var(--radius-sm)}.select-inline{background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:7px 10px;font-size:12.5px}.comment-list{display:flex;flex-direction:column;gap:12px;padding:16px 18px;max-height:220px;overflow-y:auto}.comment-item{font-size:12.5px}.comment-author{font-weight:600;color:var(--text-primary);margin-right:6px}.comment-date{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.comment-text{color:var(--text-secondary);margin-top:3px}.comment-form{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--border-soft)}.comment-input{flex:1;background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.btn-small{background:var(--beacon);color:#fff;border:none;border-radius:var(--radius-sm);padding:0 16px;font-size:12.5px;font-weight:600;cursor:pointer}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090ed9;display:flex;align-items:center;justify-content:center;z-index:100;padding:40px}.lightbox-img{max-width:100%;max-height:100%;border-radius:var(--radius-md)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px;font-family:var(--font-mono)}