:root{--color-primary: #244e7d;--color-primary-rgb: 36, 78, 125;--color-accent: #00c4eb;--color-accent-rgb: 0, 196, 235;--color-light: #8ec3e6;--color-light-rgb: 142, 195, 230;--color-medium: #578ba2;--color-medium-rgb: 87, 139, 162}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.loading-screen{position:fixed;inset:0;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-logo{width:160px;animation:blink 1.8s infinite ease-in-out}@keyframes blink{0%{opacity:.2;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.4)}to{opacity:.2;filter:brightness(.8)}}.loading-screen-inline{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px 12px;background:transparent;width:100%;min-height:40vh}.loading-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:#244e7d;border-radius:50%;animation:spin 1s linear infinite}.loading-inline-message{font-size:.95rem;color:#333}@keyframes spin{to{transform:rotate(360deg)}}.loading-logo-inline{display:none}.loading-spinner-large{width:96px;height:96px;border-width:8px}.loading-page-message{margin-top:12px;font-size:1.05rem;color:#444}.sidebar-container{width:280px;background-color:#244e7d;color:#fff;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease;box-shadow:2px 0 8px #0000001a}.sidebar-container.sidebar-collapsed{width:70px}@media(max-width:768px){.sidebar-container{transform:translate(-100%)}.sidebar-container.sidebar-mobile-open{transform:translate(0)}}.sidebar-mobile-toggle{display:none;position:fixed;top:16px;left:16px;z-index:999;background-color:#244e7d;color:#fff;border:none;border-radius:8px;padding:12px;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background-color .2s}.sidebar-mobile-toggle:hover{background-color:#578ba2}@media(max-width:768px){.sidebar-mobile-toggle{display:flex;align-items:center;justify-content:center}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}@media(max-width:768px){.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.15);position:relative}.sidebar-header-content{display:flex;align-items:center;gap:12px;transition:justify-content .3s ease}.sidebar-collapsed .sidebar-header-content{justify-content:center}.sidebar-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;background-color:#ffffff1a;padding:4px;flex-shrink:0;transition:width .3s ease,height .3s ease}.sidebar-collapsed .sidebar-logo{width:36px;height:36px}.sidebar-header-text{flex:1;min-width:0;animation:fadeInText .3s ease}@keyframes fadeInText{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-title{font-size:16px;font-weight:600;margin:0;color:#fff;white-space:nowrap}.sidebar-subtitle{font-size:11px;color:#ffffffb3;margin:2px 0 0;white-space:nowrap}.sidebar-toggle-btn{position:fixed;left:270px;top:50vh;transform:translateY(-50%);background-color:#244e7d;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s ease;z-index:1001;box-shadow:0 2px 4px #0003}.sidebar-collapsed .sidebar-toggle-btn{left:60px}.sidebar-toggle-btn:hover{background-color:#578ba2;border-color:#fff6;transform:translateY(-50%) scale(1.1);box-shadow:0 2px 8px #0000004d}.sidebar-toggle-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block;transition:transform .3s ease}.sidebar-collapsed .sidebar-toggle-logo{transform:scaleX(-1)}@media(max-width:768px){.sidebar-toggle-btn{display:none}}.sidebar-nav{padding:16px 0}.sidebar-menu-list,.sidebar-submenu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:2px 0}.sidebar-menu-link{display:flex;align-items:center;padding:12px 20px;color:#fff;text-decoration:none;transition:all .2s ease;background:none;border:none;width:100%;text-align:left;font-size:14px;cursor:pointer;border-radius:0;position:relative}.sidebar-collapsed .sidebar-menu-link{justify-content:center;padding:12px 0}.sidebar-button-link{appearance:none;border:none}.sidebar-menu-link.sidebar-active{background-color:#fff3;border-left:4px solid #ffffff;padding-left:16px}.sidebar-collapsed .sidebar-menu-link.sidebar-active{border-left:none;border-bottom:3px solid #ffffff;padding-left:0}.sidebar-menu-link:hover{background-color:#ffffff26}.sidebar-menu-link.sidebar-active:hover{background-color:#ffffff40}.sidebar-menu-icon{margin-right:12px;font-size:18px;min-width:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:margin .3s ease}.sidebar-collapsed .sidebar-menu-icon{margin-right:0}.sidebar-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeInText .3s ease}.sidebar-menu-arrow{font-size:12px;opacity:.8;margin-left:8px;transition:transform .2s ease}.sidebar-section{margin-top:24px}.sidebar-section-title{font-size:11px;text-transform:uppercase;color:#fff9;padding:0 20px 12px;margin:0;font-weight:600;letter-spacing:.5px;animation:fadeInText .3s ease}.sidebar-flat-group{list-style:none;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-flat-group-label{display:block;font-size:11px;text-transform:uppercase;color:#ffffff73;padding:16px 20px 6px;font-weight:600;letter-spacing:.5px;animation:fadeInText .3s ease}.sidebar-flat-group+.sidebar-menu-item{margin-top:8px}.sidebar-submenu{background-color:#00000026;border-left:3px solid rgba(255,255,255,.3);margin:4px 0 8px 20px;border-radius:4px;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.sidebar-submenu-item{margin:0}.sidebar-submenu-link{display:flex;align-items:center;padding:10px 16px 10px 20px;color:#ffffffd9;text-decoration:none;font-size:13px;transition:all .2s ease}.sidebar-submenu-link.sidebar-active{background-color:#fff3;color:#fff;font-weight:500}.sidebar-submenu-link:hover{background-color:#ffffff26;color:#fff;padding-left:24px}.sidebar-submenu-link.sidebar-active:hover{background-color:#ffffff40}.sidebar-submenu-icon{margin-right:10px;font-size:14px;opacity:.8;min-width:16px;display:flex;align-items:center;justify-content:center}.sidebar-submenu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-container::-webkit-scrollbar{width:6px}.sidebar-container::-webkit-scrollbar-track{background:#0000001a}.sidebar-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-container::-webkit-scrollbar-thumb:hover{background:#fff6}.sidebar-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#e53935;color:#fff;border-radius:9px;font-size:10px;font-weight:700;line-height:1;margin-left:auto;flex-shrink:0;animation:sidebar-badge-pulse 2s ease-in-out infinite}@keyframes sidebar-badge-pulse{0%,to{opacity:1;box-shadow:0 0 #e5393580}50%{opacity:.85;box-shadow:0 0 0 5px #e5393500}}.sidebar-mundial-stripe{position:fixed;top:0;left:0;width:9px;height:100vh;background:linear-gradient(to right,#74aadb 0% 33.3%,#fff 33.3% 66.6%,#74aadb 66.6% 100%);pointer-events:none;z-index:1001}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}body.hide-global-header .header{display:none}.header-spacer{flex:1}.header-actions{display:flex;align-items:center;gap:1rem}.header-notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease;color:#6b7280}.header-notification-btn:hover{background:#e5e7eb;color:#374151}.header-notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:99px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #ffffff;line-height:1}.header-user-wrapper{position:relative}.header-user-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease;color:#6b7280}.header-user-btn:hover{background:#e5e7eb;color:#374151}.header-user-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;min-width:200px;overflow:hidden;z-index:1000;transform-origin:top right}.header-user-menu-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.header-user-menu-header strong{font-size:.875rem;color:#1f2937;font-weight:600}.header-user-menu ul{list-style:none;margin:0;padding:6px 0}.header-user-menu ul li{margin:0}.header-user-menu-item{width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:#4b5563;transition:background .15s ease,color .15s ease;display:block}.header-user-menu-item:hover{background:#f3f4f6;color:#1f2937}.header-user-menu-item:active{background:#e5e7eb}.header-notif-wrapper{position:relative}.header-notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000a;width:370px;max-height:460px;display:flex;flex-direction:column;overflow:hidden;z-index:1000;transform-origin:top right}.header-notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.header-notif-dropdown-header strong{font-size:.875rem;color:#1f2937;font-weight:600}.header-notif-dropdown-header-right{display:flex;align-items:center;gap:6px}.header-notif-alerts-link{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#7c3aed;text-decoration:none;padding:4px 9px;border-radius:6px;background:linear-gradient(135deg,#f5f0ff,#ede0ff);border:none;white-space:nowrap;transition:opacity .15s}.header-notif-alerts-link:hover{opacity:.8}.header-notif-mark-all{display:flex;align-items:center;gap:5px;background:none;border:none;color:#3b82f6;font-size:.78rem;cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .15s;font-weight:500}.header-notif-mark-all:hover{background:#eff6ff}.header-notif-list{overflow-y:auto;flex:1}.header-notif-list::-webkit-scrollbar{width:4px}.header-notif-list::-webkit-scrollbar-track{background:transparent}.header-notif-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.header-notif-footer{flex-shrink:0;border-top:1px solid #e5e7eb;background:#f9fafb;padding:10px 16px;text-align:center}.header-notif-footer-link{font-size:.78rem;font-weight:500;color:#3b82f6;text-decoration:none;transition:color .15s;white-space:nowrap}.header-notif-footer-link:hover{color:#1d4ed8;text-decoration:underline}.header-notif-alerts-badge{background:#ede0ff;color:#6b21a8;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center;line-height:1.4}.header-notif-empty{text-align:center;padding:28px 16px;color:#9ca3af;font-size:.875rem;margin:0}.header-notif-item{display:block;width:100%;text-align:left;padding:11px 16px;background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.header-notif-item:last-child{border-bottom:none}.header-notif-item:hover{background:#f9fafb}.header-notif-unread{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:13px}.header-notif-unread:hover{background:#dbeafe}.header-notif-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3b82f6;margin-right:6px;flex-shrink:0;vertical-align:middle;position:relative;top:-1px}.header-notif-item-title{font-size:.82rem;font-weight:600;color:#1f2937;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.header-notif-item-message{font-size:.78rem;color:#6b7280;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.header-notif-item-meta{display:flex;gap:8px;font-size:.72rem;color:#9ca3af}.header-toast{position:fixed;top:5rem;right:2rem;z-index:9999;display:flex;align-items:flex-start;gap:.75rem;background:#1e293b;color:#f1f5f9;padding:.9rem 1rem;border-radius:12px;box-shadow:0 8px 28px #00000038;max-width:360px;min-width:260px;cursor:pointer;border-left:3px solid #3b82f6}.header-toast-content{flex:1;min-width:0}.header-toast-title{display:block;font-size:.85rem;font-weight:600;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1f5f9}.header-toast-message{font-size:.78rem;color:#94a3b8;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.header-toast-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.15rem;font-size:.8rem;flex-shrink:0;transition:color .15s;margin-top:2px}.header-toast-close:hover{color:#f1f5f9}@media(max-width:768px){.header{padding:1rem}.header-actions{gap:.5rem}.header-notification-btn,.header-user-btn{width:36px;height:36px}.header-user-menu{min-width:180px}.header-notif-dropdown{width:300px;max-height:380px}.header-toast{right:1rem;left:1rem;max-width:unset}}.layout-container{display:flex;min-height:100vh;background-color:#fff}.layout-content-wrapper{flex:1;display:flex;flex-direction:column;margin-left:280px;height:100vh;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout-main-content{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;min-height:0}.layout-sidebar-collapsed .layout-content-wrapper{margin-left:70px}body.hide-global-header .layout-main-content{padding-top:0!important}@media(max-width:768px){.layout-content-wrapper{margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}