:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1;text-align:center;margin:.2rem 0}@media (max-width: 768px){h1{font-size:2.5em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}footer{text-align:center;padding:1rem}footer p{margin:0;font-size:.8rem;color:#555}header{display:flex;justify-content:center}header img{margin-right:10px}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}nav{background:#4a4a4acc;padding:10px;border-radius:8px;box-shadow:0 2px 5px #0000001a}nav ul{display:flex;justify-content:space-between;align-items:center;padding:0;flex-wrap:wrap;gap:15px}.nav-login{margin-left:auto}nav ul li{display:inline;white-space:nowrap;flex-shrink:0}nav ul li a{text-decoration:none;color:#fcfcfc;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;background:#505050;transition:background .3s ease,color .3s ease,border-color .3s ease}nav ul li a:hover{background:#e0e0e0;color:#000;border-color:#e0e0e0}nav ul li a.active{background:#e0e0e0;color:#000;border-color:#e0e0e0}.sous-menu{height:3rem}@media (max-width: 768px){.sous-menu{height:2rem}}.nav-status{display:flex;justify-content:right;height:1.8rem}.nav-status span{margin-right:.6rem}@media (max-width: 768px){.nav-status{height:2.8rem}}.burger-button{flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;position:absolute;top:54px;left:10px;z-index:1001;background:#e0e0e0;display:none}.burger-line{width:25px;height:3px;background-color:#333;margin:3px 0;transition:all .3s ease}.burger-button.open .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-button.open .burger-line:nth-child(2){opacity:0}.burger-button.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.burger-button{display:flex}header{position:relative;justify-content:center;align-items:center;padding:10px 0}nav{visibility:hidden;opacity:0;transform:translateY(-20px);transition:transform .3s ease,opacity .3s ease;position:absolute;top:104px;left:8px;right:8px;max-width:100%;background-color:#4a4a4a;z-index:1000;border-radius:8px;box-shadow:0 4px 10px #0000004d}nav.open{visibility:visible;opacity:1;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}nav ul{flex-direction:column;align-items:stretch;gap:12px}nav ul li{width:100%;text-align:center}nav ul li a{display:block;padding:8px 12px;border-radius:6px;font-size:14px;border:1px solid #e0e0e0}}.no-scroll{overflow:hidden}#root{margin:0 auto;text-align:center;padding:0 .5rem}.logo{height:2.2em;margin:1em 2em 1em 0;will-change:filter,transform;transition:filter .3s,transform .2s ease-in-out}.logo:hover{filter:drop-shadow(0 0 1em #8d8d8daa);transform:rotate(30deg)}.logo.react:hover{filter:drop-shadow(0 0 1em #dbdbdbaa);transform:rotate(30deg)}@media (max-width: 768px){.logo{height:1.7em;margin:.9em 1.5em 1em 0}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}form{display:flex;flex-direction:column;margin:auto;max-width:20rem}form div{display:flex;flex-direction:column;margin-bottom:15px}label{margin-bottom:5px}input{padding:8px;border:1px solid #ccc;border-radius:5px}button{padding:10px;background:#505050;color:#fcfcfc;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-top:1rem}button:hover{background:#e0e0e0;color:#000;border-color:#e0e0e0}@media (max-width: 540px){button{border:1px solid #e0e0e0}}.dashboard span{text-align:left}.dashboardContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;justify-items:center}.dashboardCard{display:flex;flex-direction:column}.groupLittle{display:flex;justify-content:space-around;flex-direction:row}@media (max-width: 610px){.groupLittle{display:flex;flex-direction:column}}.cardContainer{background-color:#e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease;width:100%;color:#242424}.cardContainer:hover{transform:scale(1.05)}.card{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:5px;box-sizing:border-box}.editButton{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px}.editButton:hover{background-color:#45a049}.editButton{background-color:#616161;color:#fff;border:none;padding:8px 16px;text-align:center;display:block;width:100%;font-size:14px;cursor:pointer;border-radius:4px;margin-top:auto;transition:background-color .3s ease,transform .2s ease}.editButton:hover{background-color:#424242;transform:scale(1)}.editButton:active{transform:scale(.95)}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;justify-items:center}.request{margin-bottom:4rem}.request a{text-decoration:none;color:#fcfcfc;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;background:#505050;font-size:x-large;transition:background .3s ease,color .3s ease,border-color .3s ease}.request a:hover,.request a.active{background:#e0e0e0;color:#000;border-color:#e0e0e0}.edit-container{margin:auto;padding:20px;display:flex;flex-direction:column;align-items:center}.edit-container form{max-width:100%}.edit-container form div{width:100%}.edit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;align-items:center;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box;overflow-x:hidden}.description-container{grid-column:span 5;grid-row:span 3;grid-auto-flow:row;width:100%}.form-footer{text-align:center;margin-top:20px;margin-bottom:20px}@media (max-width: 2600px){.edit-form{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.description-container{grid-column:span 4}}@media (max-width: 1700px){.edit-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.description-container{grid-column:span 4}}@media (max-width: 940px){.edit-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.description-container{grid-column:span 4;grid-row:span 2}}@media (max-width: 768px){.description-container{grid-column:span 3}}@media (max-width: 590px){.edit-form{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 540px){.edit-form{display:flex;flex-direction:column;gap:15px}.edit-form div{width:100%}textarea#description{width:90%}textarea#description,.edit-form input,.edit-form select{width:100%;max-width:400px;box-sizing:border-box;margin:0 auto}.description-container{width:100%}}textarea#description{height:200px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;resize:vertical}.edit-form label{display:block;font-weight:700}.edit-form input,.edit-form select{padding:8px;border:1px solid #ccc;border-radius:4px}.checkbox-container{display:flex;align-items:center;gap:10px}.checkbox-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid #f9f9f9;border-radius:4px;background:#252525;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s ease,border-color .3s ease}.checkbox-container input[type=checkbox]:checked{background:#e0e0e0;border-color:#e0e0e0}.checkbox-container input[type=checkbox]:after{content:"✓";color:#000;font-size:16px;display:none}.checkbox-container input[type=checkbox]:checked:after{display:block}.checkbox-container label{color:#fcfcfc;font-size:16px;cursor:pointer}.history-section{margin-top:20px;align-self:flex-start;width:100%}.history-log{background-color:#1e1e1e;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:14px;padding:1rem;border-radius:8px;white-space:pre-wrap;box-shadow:0 0 10px #0000004d;border:1px solid #333;width:100%;text-align:left}.history-log li{margin-bottom:.5rem;padding-left:1rem;border-left:2px solid #444}.history-log strong{color:#569cd6}.history-log em{color:#ce9178;font-style:normal}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#3a3a3a;padding:0 1rem 1rem;border-radius:8px;box-shadow:0 0 15px #0000004d;text-align:center}.modal-buttons{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.searchsInputs{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
