@font-face{font-family:Goodtime;src:url(/assets/FONT/goodtimes.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;font-family:Montserrat,Arial,sans-serif;background-image:url(/assets/IMG/EYCO_LOGO_CMJN_COULEUR_FINAL.svg);background-repeat:no-repeat;background-position:45vw center;background-size:auto 240vh;min-height:100vh}@media (max-width: 1024px){body{background-position:right center;background-size:auto 100vh;background-attachment:fixed}}.global-container{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:230px;min-width:200px;background:#00254b;color:#00254b;height:100vh;padding-top:20px;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;gap:30px;font-family:Goodtime,Arial,sans-serif;position:fixed;top:0;left:0;z-index:100;transition:transform .3s ease-in-out}.sidebar-logo{display:block;margin:0 auto 1px;max-width:160px;height:auto;max-height:80px;object-fit:contain;padding:0 20px;cursor:pointer;box-sizing:content-box!important}.sidebar .menu-item{width:100%;box-sizing:border-box;background:none;border:none;color:#fff;padding:16px 24px;font-size:1.1em;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:5px solid transparent;transition:background .2s;font-family:Goodtime,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-decoration:none}.sidebar .menu-item:hover{background:#01ac9f;color:#333}.sidebar-logout{margin-top:auto;padding:16px 24px;margin-bottom:40px}.logout-btn{width:100%;padding:10px 14px;font-size:.9em;border-radius:6px;border:1px solid #b00020;background:#d32f2f;color:#fff;cursor:pointer;font-family:Goodtime,Arial,sans-serif;font-weight:400;transition:background-color .2s,transform .1s,opacity .2s}.logout-btn:hover:not(:disabled){background:#b00020;transform:scale(1.02)}.logout-btn:disabled{opacity:.6;cursor:not-allowed}.main-zone{flex:1;margin-left:230px;display:flex;flex-direction:column;overflow:auto;width:calc(100% - 230px);box-sizing:border-box}.topbar{position:fixed;top:0;left:0;width:100vw;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#00254b;padding:18px 32px 18px 262px;font-size:1.6em;font-weight:400;letter-spacing:1.5px;border-bottom:3px solid #01ac9f;box-shadow:0 4px 20px #00254b14;z-index:10;font-family:Goodtime,Arial,sans-serif;display:flex;align-items:center;flex-wrap:wrap;box-sizing:border-box}.topbar .po-number{font-family:Montserrat,Arial,sans-serif;font-weight:700;color:#00bfa5;margin-left:10px;letter-spacing:.5px}@media (max-width: 900px){body{background-position:right center}.global-container{flex-direction:column;overflow:auto;height:auto;min-height:100vh}.sidebar{position:relative;width:100%;height:auto;min-height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;gap:10px;z-index:100}.sidebar-logo{margin:0;max-width:100px}.sidebar .menu-item{width:auto;padding:10px 15px;font-size:.9em}.sidebar-logout{margin:0;padding:0}.logout-btn{padding:10px 15px}.main-zone{margin-left:0;width:100%;overflow:visible}.topbar{position:relative;padding:18px 20px;width:100%}}.loading-container{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{width:90px;height:90px;animation:spin 1s linear infinite;opacity:.95}.loading-text{margin-top:16px;font-size:18px;font-family:Goodtime,sans-serif;color:#333;letter-spacing:1px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submenu{display:flex!important;flex-direction:column!important;gap:0!important;background:#0000001a!important;margin-top:-5px!important;padding-bottom:5px!important}.submenu-item{color:#ffffffb3!important;padding:12px 24px 12px 50px!important;font-size:.85em!important;text-decoration:none!important;cursor:pointer!important;font-family:Goodtime,Arial,sans-serif!important;transition:all .2s!important;display:block!important;border-left:5px solid transparent!important}.submenu-item:hover{background:#01ac9f1a!important;color:#01ac9f!important}.submenu-item.active{color:#01ac9f!important;background:#0003!important;border-left:5px solid #01ac9f!important}.sidebar .menu-item.active{background:#01ac9f;color:#333}.news-badge-red{background-color:#ef4444;color:#fff!important;font-size:.7em!important;font-weight:700;padding:3px 8px;border-radius:4px;margin-left:8px;display:inline-block;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif!important;box-shadow:0 2px 4px #ef444466}.naming-guide-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:16px 24px;margin-bottom:24px;font-family:Montserrat,sans-serif;box-shadow:0 1px 3px #0000000d}.banner-icon{color:#01ac9f;background:#01ac9f1a;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.banner-text{display:flex;flex-direction:column;flex:1}.banner-title{font-weight:700;font-size:.95em;color:#00254b}.banner-subtitle{font-size:.8em;color:#64748b;margin-top:2px}.banner-download-btn{background-color:#00254b;color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;font-weight:600;font-size:.85em;transition:all .2s ease;white-space:nowrap}.banner-download-btn:hover{background-color:#01ac9f;transform:scale(1.02)}@media (max-width: 768px){.naming-guide-banner{flex-direction:column;text-align:center;gap:12px;padding:16px}.banner-download-btn{width:100%}}