@charset "UTF-8";:root{--color-primary-dark: #6e1707;--color-primary-red: #ff3d3d;--color-primary-orange: #e06050;--color-primary-vert: #00e676;--color-background-main: #141414;--color-sidebar-bg: #1c1c1c;--color-content-base: #222222;--color-content-bg-1: #2a2a2a;--color-content-bg-2: #343434;--color-text-light: #f5f5f5;--color-text-dimmed: #c0c0c0;--color-text-muted: #999999;--color-accent-blue: #00c7e0;--color-accent-blue-light: #66ffff;--gradient-border: linear-gradient(90deg, var(--color-primary-red), var(--color-accent-blue));--gradient-sidebar-bg: linear-gradient(180deg, var(--color-sidebar-bg) 0%, #101010 100%);--gradient-menu-item-hover: linear-gradient(90deg, rgba(var(--color-accent-blue), .15) 0%, rgba(var(--color-primary-red), .1) 100%);--glow-effect: 0 0 18px rgba(0, 234, 255, .7), 0 0 30px rgba(0, 234, 255, .4);--glow-effect-red: 0 0 18px rgba(255, 61, 61, .7), 0 0 30px rgba(255, 61, 61, .4);--glow-effect-white: 0 0 18px rgba(255, 255, 255, .7), 0 0 30px rgba(255, 255, 255, .4);--shadow-soft: 0 5px 25px rgba(0, 0, 0, .4);--shadow-deep: 0 8px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,sans-serif;background-color:var(--color-background-main);color:var(--color-text-light);display:flex;min-height:100vh;overflow-x:hidden;line-height:1.6}.mobile-menu-overlay,.mobile-navbar{display:none}.futuristic-sidebar{width:280px;background:var(--gradient-sidebar-bg);padding:30px 0;box-shadow:var(--shadow-deep);display:flex;flex-direction:column;justify-content:flex-start;position:fixed;top:0;left:0;height:100%;overflow-y:auto;border-right:2px solid;border-image:var(--gradient-border) 1;z-index:999;overflow-x:hidden}.futuristic-sidebar:after{content:"";position:absolute;top:0;right:-1px;width:5px;height:100%;background:linear-gradient(to bottom,#00eaff4d,#ff3d3d4d);filter:blur(4px);opacity:.7;pointer-events:none}.futuristic-sidebar .logo-container{padding:20px 0 0;text-align:center;margin-bottom:40px}.futuristic-sidebar .logo-container .company-logo{max-width:180px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 25px rgba(255,61,61,.9)) drop-shadow(0 0 12px rgba(0,234,255,.6));transition:filter .4s ease-out}.menu-list{list-style:none;padding:0 20px 30px;margin:0}.menu-item{margin-bottom:12px;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:border-color .3s ease-out,box-shadow .3s ease-out}.menu-item a{display:flex;align-items:center;padding:18px 15px;text-decoration:none;color:var(--color-text-light);transition:all .3s ease-out;position:relative;z-index:1;cursor:pointer}.menu-item a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:scaleX(0);transform-origin:left;z-index:-1}.menu-item a:hover:before{opacity:1;transform:scaleX(1);background:var(--gradient-menu-item-hover)}.menu-item:hover{box-shadow:0 0 20px #00eaff66;border-color:#00eaff66;transform:translateY(-2px)}.menu-item.active{box-shadow:var(--glow-effect-white);border:1px solid rgba(255,61,61,.7)}.menu-item.active a{color:var(--color-primary-red);font-weight:600;border-left:5px solid var(--color-primary-red)}.menu-item.active a:before{opacity:1;transform:scaleX(1);background:linear-gradient(90deg,#ff3d3d40,#e0605026)}.menu-item.active .menu-icon{color:var(--color-primary-red)}.menu-icon{font-size:1.6em;margin-right:20px;color:var(--color-text-dimmed);transition:color .3s ease-out}.menu-text{flex-grow:1;font-size:1em;font-family:Rajdhani,sans-serif;letter-spacing:.5px}.notification-badge{background-color:var(--color-primary-red);color:var(--color-text-light);font-size:.75em;padding:4px 8px;border-radius:50%;margin-left:15px;min-width:24px;text-align:center;line-height:1;animation:pulse 1.5s infinite alternate;box-shadow:0 0 12px #ff3d3de6}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:.9}}.main-content{margin-left:280px;padding:40px;flex-grow:1;background-color:var(--color-content-base);min-height:100vh;box-sizing:border-box;position:relative;border-left:2px solid;border-image:var(--gradient-border) 1;z-index:1}.main-content:after{content:"";position:absolute;top:0;left:-1px;width:5px;height:100%;background:linear-gradient(to bottom,#00eaff4d,#ff3d3d4d);filter:blur(4px);opacity:.7;pointer-events:none;z-index:0}.main-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:35px 35px;opacity:.8;pointer-events:none;z-index:0}.main-content h1{color:var(--color-primary-orange);font-size:2.8em;margin-bottom:25px;text-shadow:0 0 18px rgba(224,96,80,.8);font-family:Rajdhani,sans-serif;letter-spacing:1px;text-align:center}.main-content p{line-height:1.8;color:var(--color-text-light);margin-bottom:15px}.main-content section{border:1px solid rgba(0,234,255,.3);border-radius:12px;margin-bottom:40px;padding:30px;box-shadow:var(--shadow-soft);background-color:var(--color-content-bg-1);position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;z-index:1}.main-content section:hover{transform:translateY(-5px);box-shadow:var(--shadow-deep),var(--glow-effect);border-color:#00eaff99}.main-content section h2{color:var(--color-accent-blue);font-size:2em;margin-bottom:20px;font-family:Rajdhani,sans-serif;letter-spacing:.8px;text-shadow:0 0 12px rgba(0,234,255,.6)}[class^=bouton-]{color:var(--color-text-light)!important;padding:15px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:transform .3s ease-out,box-shadow .3s ease-out,opacity .3s ease-out;display:flex;justify-content:center;align-items:center;text-decoration:none!important}[class^=bouton-]:hover:not([disabled]){transform:translateY(-3px)}[class^=bouton-][disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.bouton-bleu{background:var(--color-accent-blue)!important}.bouton-bleu:hover{background-color:#0099b2!important;box-shadow:0 0 15px #00eaffb3!important}.bouton-rouge{background:var(--color-primary-orange)!important}.bouton-rouge:hover{background-color:#c45043!important;box-shadow:0 0 15px #e06050b3!important}.bouton-vert{background:var(--color-primary-vert)}.bouton-vert:hover{background-color:#00b35c;box-shadow:0 0 15px #00e676b3}.angular-editor-toolbar{background-color:var(--color-content-bg-1)!important;border:1px solid var(--color-accent-blue)!important;border-bottom:none!important;border-radius:25px 25px 0 0;padding:8px 20px!important;display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex-direction:row}.angular-editor-toolbar .angular-editor-toolbar-set{margin:0!important}.angular-editor-toolbar .angular-editor-toolbar-set button:not([hidden]):first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.angular-editor-toolbar .angular-editor-toolbar-set button:not([hidden]):last-of-type:not([hidden]),.angular-editor-toolbar .angular-editor-toolbar-set button[title=Unlink]{border-top-right-radius:5px;border-bottom-right-radius:5px}.angular-editor-toolbar .angular-editor-toolbar-set button.active{background-color:var(--color-accent-blue)!important;border-color:var(--color-accent-blue)!important;box-shadow:0 0 3px var(--color-accent-blue)!important}.angular-editor-textarea{margin:0!important;border-color:var(--color-accent-blue)!important;background-color:var(--color-content-bg-1)!important}.angular-editor-textarea:focus{outline:none}@media (max-width: 768px){h1{font-size:2em;margin-bottom:20px}.futuristic-sidebar{display:none}.futuristic-sidebar:after{display:none}.mobile-navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;padding:12px 25px;background-color:var(--color-background-main);box-shadow:var(--shadow-soft);z-index:1001;border-bottom:2px solid;border-image:var(--gradient-border) 1}.mobile-logo-container{padding:0;margin:0}.mobile-company-logo{max-width:120px;filter:drop-shadow(0 0 12px rgba(255,61,61,.7))}.hamburger-menu{background:none;border:none;color:var(--color-accent-blue);font-size:2em;cursor:pointer;padding:8px;transition:color .3s ease-out,transform .3s ease-out}.hamburger-menu:hover{color:var(--color-accent-blue-light);transform:scale(1.1)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#141414fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;transform:translate(100%);transition:transform .5s ease-out;overflow-y:auto}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-overlay .close-menu{position:absolute;top:25px;right:25px;background:none;border:none;color:var(--color-primary-red);font-size:2.5em;cursor:pointer;z-index:1002;transition:transform .4s ease-out}.mobile-menu-overlay .close-menu:hover{transform:rotate(180deg)}.mobile-menu-list{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 150px);max-width:450px;margin:auto;padding:50px 0;max-height:calc(100vh - 20px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);gap:10px}.mobile-menu-list .menu-item{display:flex;width:100%;margin-bottom:0;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.mobile-menu-list .menu-item a{padding:20px 15px;justify-content:flex-start;font-size:1.2em;color:var(--color-text-light);flex-direction:row;align-items:center;transform:none}.mobile-menu-list .menu-item a:before{transform:translate(-100%)}.mobile-menu-list .menu-item a:hover{background-color:#6e170766;color:var(--color-accent-blue);transform:translate(8px)}.mobile-menu-list .menu-item a:hover:before{transform:translate(0);background:var(--gradient-menu-item-hover)}.mobile-menu-list .menu-item.active{box-shadow:var(--glow-effect-red);border:1px solid rgba(255,61,61,.7)}.mobile-menu-list .menu-icon{font-size:1.8em;margin-right:25px;margin-bottom:0;color:var(--color-text-dimmed)}.mobile-menu-list .menu-text{font-size:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.mobile-menu-list .notification-badge{position:relative;top:auto;right:auto;transform:scale(1.1);margin-left:auto;font-size:.9em;box-shadow:0 0 12px #ff3d3de6}.main-content{margin-left:0;padding-top:80px;padding-left:30px;padding-right:30px;border-left:none;width:100%}.main-content:after{display:none}.main-content:has(.modal){z-index:9999!important}}@media (max-width: 420px){h1{font-size:1.8em}.mobile-navbar{padding:10px 20px}.mobile-company-logo{max-width:100px}.hamburger-menu{font-size:1.8em}.close-menu{font-size:2.2em;top:20px;right:20px}.mobile-menu-list{padding:0;left:10px;transform:translateY(-50%);width:calc(100% - 85px)}.mobile-menu-list .menu-item a{font-size:1.1em;padding:15px 10px}.mobile-menu-list .menu-icon{font-size:1.6em;margin-right:15px}.main-content{padding-top:70px;padding-left:20px;padding-right:20px}}
