*{box-sizing:border-box;margin:0;padding:0}body{color:#212529;background:#f9f9f9;min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%;max-width:100%}.app{background:#fff;max-width:100%;margin:0 auto}.app-header{background:#fff;border-bottom:1px solid #dee2e6;padding:16px 24px}.app-title{color:#212529;margin:0;font-size:1.4em;font-weight:400}.app-main{background:#fff;padding:20px 24px}.app-footer{text-align:center;color:#6c757d;background:#f9f9f9;border-top:1px solid #dee2e6;padding:16px;font-size:.8em}.app-footer a{color:#875a7b;text-decoration:none}.month-navigation{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;display:flex}.current-month{color:#212529;font-size:1.2em;font-weight:400}.btn-nav{color:#495057;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:3px;padding:6px 14px;font-size:.85em;transition:all .15s}.btn-nav:hover{background:#f8f9fa}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #d0d0d0;border-radius:3px;padding:12px 14px}.stat-label{color:#666;margin-bottom:5px;font-size:.75em}.stat-value{color:#212529;font-size:1.2em;font-weight:600}.stat-detail{color:#999;margin-top:3px;font-size:.7em;font-style:italic}.table-container{border:1px solid #dee2e6;border-radius:3px;overflow-x:auto}.planning-table{border-collapse:collapse;width:100%;font-size:.8em}.planning-table th{color:#fff;text-align:center;background:linear-gradient(135deg,#714b67 0%,#875a7b 100%);border-right:1px solid #ffffff1a;padding:8px 4px;font-size:.75em;font-weight:500}.planning-table td{text-align:center;vertical-align:middle;border:1px solid #e9ecef;padding:6px}.col-collaborateur{min-width:160px;text-align:left!important}.col-stats-group{min-width:180px;font-size:.7em;font-weight:400;text-align:left!important}.col-day{min-width:42px;max-width:60px;font-size:.65em}.cell-collaborateur{text-align:left;background:#f8f9fa;border-right:1px solid #dee2e6;padding:6px 10px;font-size:.85em;font-weight:500}.collab-name{color:#875a7b;cursor:pointer;text-decoration:underline}.cell-stats-label{color:#666;text-align:right;background:#f8f9fa;border-right:1px solid #e9ecef;padding:3px 6px;font-size:.7em}.cell-stats-label div{line-height:1.7}.cell-stats-value{text-align:right;background:#f8f9fa;border-right:1px solid #e9ecef;padding:3px 6px;font-size:.7em;font-weight:600}.cell-stats-value div{line-height:1.7}.cell-stats-percent{color:#666;text-align:center;background:#f8f9fa;border-right:1px solid #dee2e6;padding:3px 6px;font-size:.7em}.cell-stats-percent div{line-height:1.7}.row-collab-header td.cell-day{border-bottom:1px solid #f0f0f0}.row-collab-afternoon td.cell-day{border-bottom:1px solid #dee2e6}.cell-day{vertical-align:top;min-height:35px;padding:3px 2px}.non-working{opacity:.6;background:#e9ecef!important}th.non-working{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%)!important}.activites{flex-direction:column;gap:2px;padding:2px;display:flex}.badge{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:center;border-radius:8px;padding:3px 5px;font-size:.65em;font-weight:600;line-height:1.2;text-decoration:none;display:block;overflow:hidden}.badge:hover{opacity:.85}.badge-hours{opacity:.9;font-size:.85em}.badge-mission{color:#fff;background:#7c3aed}.badge-formation{color:#fff;background:#ec4899}.badge-conge{color:#fff;background:#ef4444}.badge-deplacement{color:#fff;background:#3b82f6}.badge-interne{color:#fff;background:#10b981}.badge-autre{color:#fff;background:#000}.error-message{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-left:3px solid #ffc107;border-radius:3px;justify-content:space-between;margin:12px 0;padding:10px 14px;font-size:.85em;display:flex}.btn-retry{color:#212529;cursor:pointer;background:#ffc107;border:none;border-radius:3px;padding:5px 10px;font-size:.85em;font-weight:500}.loading-container{text-align:center;padding:40px 20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#875a7b;border-radius:50%;width:35px;height:35px;margin:0 auto 15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{text-align:center;color:#6c757d;padding:40px 20px}@media (width<=1200px){.planning-table{font-size:.7em}}@media (width<=768px){.month-navigation{flex-direction:column;gap:10px}.stats-grid{grid-template-columns:1fr}}