:root{--primary-color:#274280;--primary-dark:#1a2e5a;--primary-light:#e8eef5;--secondary-color:#C9A961;--accent-color:#e65100;--color-primary:#2C4B73;--color-accent:#B8860B;--color-surface:#F5F5F5;--color-text-primary:#333333;--color-text-secondary:#666666;--color-border:#E0E0E0;--color-header-bg:#FDFCFB;--color-sidebar-bg:#f2efea;--color-body-bg:#FFFDF9;--color-card-header-bg:#F4F1EC;--text-color:#333333;--light-text:#ffffff;--background-color:#f5f7fa;--card-background:#ffffff;--border-color:#e0e0e0;--success-color:#42a5f5;--success-light:#e3f2fd;--success-dark:#1e88e5;--warning-color:#ff9800;--warning-light:#fff3e0;--warning-dark:#e65100;--error-color:#f44336;--error-light:#ffebee;--error-dark:#c62828;--info-color:#29b6f6;--info-light:#e1f5fe;--info-dark:#0288d1;--gray-50:#FAFAFA;--gray-100:#F5F5F5;--gray-200:#EEEEEE;--gray-300:#E0E0E0;--gray-400:#BDBDBD;--gray-500:#9E9E9E;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-sm:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--radius-sm:0.425rem;--radius:0.625rem;--radius-lg:0.825rem;--radius-xl:1.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--transition-speed:0.3s;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-standard:300ms cubic-bezier(0.4,0,0.2,1);--focus-ring:0 0 0 3px rgba(39,66,128,0.25)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,Inter,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed) ease}a:hover{color:var(--accent-color)}button{cursor:pointer;font-family:Poppins,Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--text-color)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}.text-muted{color:var(--gray-500)!important}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.nav-item:focus{outline:none;box-shadow:0 0 0 3px rgba(30,58,95,.25)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.layout-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-body-bg)}.content-container{width:100%;padding:0 var(--space-2)}.main-content{flex:1 1;padding:var(--space-3);min-height:calc(100vh - 70px);margin-left:225px}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--gray-500)}.header{background-color:var(--color-header-bg);border-bottom:1px solid var(--gray-200);padding:var(--space-4);position:fixed;top:0;left:0;right:0;z-index:200;box-shadow:var(--shadow-sm);height:70px}.header-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 20px;width:100%;position:relative}.header-container>div:first-child{justify-self:start}.header-container>div:nth-child(2){justify-self:center}.header-container>div:last-child{justify-self:end}.header-brand{display:flex;align-items:center;gap:var(--space-3);flex:1 1;justify-content:flex-start}.header-logo,.logo-container img{max-height:36px;height:32px;width:auto;object-fit:contain;transition:transform var(--transition-fast)}.header-logo:hover,.logo-container img:hover{transform:scale(1.05)}.header-title{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);text-align:left}.header-actions{gap:var(--space-3)}.header-actions,.header-user{display:flex;align-items:center}.header-user{gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--gray-700)}.header-user button span{text-transform:uppercase}.hamburger-btn{position:relative;overflow:hidden;transition:all .3s ease;background-color:white!important;display:none}.hamburger-btn svg{transition:transform .3s ease}.hamburger-btn:hover svg{transform:scale(1.1)}.hamburger-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(39,66,128,.25)!important}.hamburger-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(30,58,95,.2);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.hamburger-btn:active:after{animation:rippleEffect .6s ease-out}.sidebar{width:260px;background-color:var(--color-sidebar-bg);border-right:1px solid var(--border-color);padding:8px 12px 24px;height:calc(100vh - 60px);position:fixed;top:60px;left:0;bottom:0;overflow-y:auto;animation:slideInSidebar .3s ease-out;transition:width .35s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;justify-content:space-between}.sidebar-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-backdrop.active{animation:backdropFadeIn .3s ease-out forwards}.sidebar-open{animation:slideInLeft .35s cubic-bezier(.25,.8,.25,1) forwards}.sidebar-closed{animation:slideOutLeft .35s cubic-bezier(.25,.8,.25,1) forwards}.sidebar-collapsed .nav-item{justify-content:center;padding:12px 0;display:none}.sidebar-collapsed .nav-item.active{background:var(--primary-light);color:var(--primary-color);font-weight:600;border-left:none;border-radius:50%;width:40px;height:40px;margin:0 auto 4px;padding:0}.sidebar-collapsed .nav-icon{margin:0 auto}.sidebar-collapsed .nav-text{display:none}.sidebar-nav{list-style:none;padding:8px 12px 24px;margin:0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;padding:var(--space-3) var(--space-4);color:#3a475e;color:var(--gray-600);border-radius:10px;border-radius:var(--radius-sm);border-left:4px solid transparent;transition:background var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,padding var(--transition-speed) ease;transition:all var(--transition-standard) cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;margin:0 8px 4px;margin:0 var(--space-2) var(--space-1);cursor:pointer;font-size:var(--text-sm);font-weight:500}.nav-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(39,66,128,.05);opacity:0;transition:opacity var(--transition-speed) ease;pointer-events:none}.nav-item:hover{background:#f5f7fa;background-color:var(--gray-50);transform:translateY(-1px);transform:translateX(4px);color:var(--primary-color);color:var(--gray-900);box-shadow:0 2px 8px rgba(0,0,0,.08)}.nav-item:hover .nav-icon,.nav-item:hover:after{opacity:1}.nav-item:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.nav-item.active{background:var(--primary-light);background-color:rgba(30,58,95,.08);color:var(--primary-color);color:var(--color-primary);font-weight:600;transform:translateX(6px);box-shadow:0 4px 12px rgba(30,58,95,.15)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-color);background-color:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-icon{width:22px;height:22px;width:18px;height:18px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;color:inherit;color:var(--gray-600);flex-shrink:0;margin-right:var(--space-3);opacity:.7}.nav-item.active .nav-icon{color:var(--primary-color);color:var(--color-primary);opacity:1}.nav-submenu{overflow:hidden;transition:max-height .3s ease-out}.nav-submenu .nav-item{padding-left:var(--space-6);font-size:var(--text-xs)}.nav-submenu .nav-icon{font-size:16px}.card{background-color:var(--card-background);background:white;border-radius:var(--border-radius-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--space-5);transition:box-shadow var(--transition-speed) ease;transition:all var(--transition-standard);border:0;border:1px solid rgba(30,58,95,.08);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{padding:var(--space-5) var(--space-6);background-color:var(--color-card-header-bg);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;min-height:60px;min-height:70px}.card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.card-body{padding:var(--space-6)}.card-footer{display:flex;align-items:center;justify-content:space-between}.mainContainerCard{background-color:#ffffff;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px rgba(30,58,95,.12);border:1px solid rgba(30,58,95,.08);padding:2rem;margin-bottom:1.5rem;transition:all .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:.775rem 1.5rem;font-size:1rem;font-size:13px;line-height:1.5;border-radius:var(--border-radius-sm);border-radius:var(--radius-sm);transition:all var(--transition-speed) ease;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer;text-transform:uppercase;letter-spacing:.02857em;min-height:44px;text-decoration:none}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn:active:after{animation:ripple .6s ease-out}.btn-primary{color:var(--light-text);background-color:var(--primary-color);background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);background-color:#1e3654;border-color:#1e3654;transform:translateY(-1px);box-shadow:0 9px 16px 0 rgba(44,75,115,.25)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-accent);color:white;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:#996f09;transform:translateY(-1px);box-shadow:0 9px 16px 0 rgba(184,134,11,.25)}.btn-light{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-light:hover{background-color:var(--gray-200);border-color:var(--gray-400)}.btn-sm{padding:.55rem 1.25rem;font-size:12.5px;min-height:36px}.btn-lg{padding:1rem 2rem;font-size:14px;min-height:52px}.btn-icon{padding:.775rem;min-width:44px}.secretDashButton{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background-color:rgba(39,66,128,.1);border:1px solid rgba(39,66,128,.2);color:rgba(39,66,128,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;z-index:1000;opacity:.3}.secretDashButton:hover{background-color:rgba(39,66,128,.9);color:white;opacity:1;transform:scale(1.1);box-shadow:0 4px 12px rgba(39,66,128,.3)}.secretDashButton:active{transform:scale(.95)}.secretElementsButton{position:fixed;bottom:20px;right:78px;width:48px;height:48px;border-radius:50%;background-color:rgba(39,66,128,.1);border:1px solid rgba(39,66,128,.2);color:rgba(39,66,128,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;z-index:1000;opacity:.3}.secretElementsButton:hover{background-color:rgba(39,66,128,.9);color:white;opacity:1;transform:scale(1.1);box-shadow:0 4px 12px rgba(39,66,128,.3)}.secretElementsButton:active{transform:scale(.95)}.form-group,.me-form-group{margin-bottom:var(--spacing-lg)}.login-form-container .form-group{margin-bottom:1.5rem}.login-form-container .form-label{font-size:.85rem;font-weight:500;color:#555;margin-bottom:.5rem}.login-form-container .form-input{padding:.875rem 1rem;font-size:.9rem;border:1px solid #ddd;border-radius:6px;background-color:#fafafa;transition:all .2s ease}.login-form-container .form-input:focus{background-color:white;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(44,75,115,.1)}.login-form-container .form-input::placeholder{color:#aaa;opacity:1;font-weight:400}.login-form-container .form-input:focus::placeholder{opacity:0;transition:opacity .2s ease}.login-form-container .btn{width:100%;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:6px;margin-bottom:1rem}.form-label,.me-form-label{display:block;display:inline-block;font-size:var(--text-sm);font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-input,.form-select,.form-textarea,input,select,textarea{width:100%;height:44px;padding:.75rem 1rem;padding:0 var(--space-4);font-size:1rem;font-size:13px;line-height:1.5;color:var(--text-color);color:var(--gray-700);background-color:#fff;background-color:var(--gray-100);background-clip:padding-box;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);border-radius:var(--radius-sm);transition:border-color var(--transition-speed) ease-in-out,box-shadow var(--transition-speed) ease-in-out;transition:all .15s ease-in-out;font-family:Poppins,Inter,sans-serif;font-weight:500}.form-textarea,textarea{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);padding-top:12px;padding-bottom:12px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);box-shadow:0 0 0 3px rgba(30,58,95,.15);background-color:white;outline:none}.form-input::placeholder,.form-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--gray-400);opacity:1;font-weight:400}.form-input:focus::placeholder,.form-textarea:focus::placeholder,input:focus::placeholder,textarea:focus::placeholder{opacity:0;transition:opacity .2s ease}.form-select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}label{display:inline-block;margin-bottom:.5rem;font-weight:500}.me-form-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.me-form-col{flex:1 1;min-width:200px}.me-input-group{position:relative;display:flex;align-items:center}.me-input-icon{position:absolute;left:var(--spacing-md);color:var(--primary-color);z-index:1}.me-input-with-icon{padding-left:2.5rem}.me-select-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.me-table,.table{width:100%;border-collapse:collapse;background:var(--card-background);background:white;border-radius:var(--border-radius-md);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.me-table td,.me-table th,.table td,.table th{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--gray-200);font-size:var(--text-sm)}.me-table th,.table th{background-color:var(--primary-light);background-color:var(--color-card-header-bg);font-weight:600;color:var(--primary-dark);color:var(--gray-900);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.me-table tbody tr:hover,.table tbody tr:hover{background-color:rgba(39,66,128,.05);background-color:var(--gray-50)}.me-table tbody tr:last-child td,.table tbody tr:last-child td{border-bottom:none}.badge,.me-badge{display:inline-flex;align-items:center;padding:.425rem .775rem;font-size:.75rem;font-size:11px;font-weight:500;border-radius:var(--border-radius-md);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-primary,.me-badge-active{background-color:var(--success-light);background-color:rgba(30,58,95,.1);color:var(--success-dark);color:var(--color-primary)}.badge-secondary,.me-badge-inactive{background-color:var(--error-light);background-color:rgba(201,169,97,.1);color:var(--error-dark);color:var(--color-accent)}.badge-success,.me-badge-success{background-color:#e8f5e8;color:#2e7d2e}.badge-warning,.me-badge-pending{background-color:var(--warning-light);background-color:#fff3e0;color:var(--warning-dark);color:#e65100}.badge-danger,.me-badge-danger{background-color:var(--error-light);background-color:#ffebee;color:var(--error-dark);color:#c62828}.me-badge-info{background-color:var(--info-light);color:var(--info-dark)}.statusBadge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:white}.successBadge{background-color:#28a745}.errorBadge{background-color:#dc3545}.me-loading,.spinner{display:inline-block;width:40px;height:40px;width:20px;height:20px;border-radius:50%;border:3px solid var(--gray-300);border-top-color:var(--color-primary);animation:spin 1s linear infinite;animation:me-spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.me-progress,.progress{height:8px;background-color:var(--border-color);background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin:var(--space-2) 0}.me-progress-bar,.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));background-color:var(--color-primary);border-radius:var(--border-radius-sm);border-radius:4px;transition:width var(--transition-speed) ease;transition:width .6s ease}.me-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;z-index:1050;opacity:0;visibility:hidden;transition:all var(--transition-speed) ease;transition:all var(--transition-standard)}.me-modal-overlay.active,.modal-overlay.active{opacity:1;visibility:visible}.me-modal,.modal{background:var(--card-background);background:white;border-radius:var(--border-radius-lg);border-radius:var(--radius-lg);padding:0;max-width:500px;width:90%;max-height:80vh;max-height:90vh;overflow-y:auto;overflow:hidden;transform:scale(.9) translateY(50px);transition:transform var(--transition-speed) ease;transition:transform var(--transition-standard);box-shadow:var(--shadow-lg)}.me-modal-overlay.active .me-modal,.modal-overlay.active .modal{transform:scale(1) translateY(0)}.me-modal-header,.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-200);background-color:var(--color-card-header-bg)}.me-modal-title,.modal-title{margin:0;color:var(--primary-color);font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.me-modal-close,.modal-close{background:none;border:none;font-size:1.5rem;font-size:var(--text-lg);color:var(--text-color);color:var(--gray-500);cursor:pointer;padding:var(--space-1);border-radius:var(--border-radius-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-speed) ease;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.me-modal-close:hover,.modal-close:hover{background-color:var(--border-color);background-color:var(--gray-100);color:var(--gray-700)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 120px)}.modal-footer{padding:var(--space-4) var(--space-6);background-color:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.me-dropdown{position:relative;display:inline-block}.me-dropdown-menu{position:absolute;top:100%;left:0;background:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-speed) ease}.me-dropdown.active .me-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.me-dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color);transition:background-color var(--transition-speed) ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.me-dropdown-item:hover{background-color:var(--primary-light);color:var(--primary-dark)}.me-dropdown-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) 0}.me-search-bar{position:relative;width:100%;max-width:400px}.me-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;transition:border-color var(--transition-speed) ease}.me-search-input:focus{border-color:var(--primary-color);box-shadow:var(--focus-ring)}.me-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--primary-color)}.me-filter-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.me-filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--primary-light);color:var(--primary-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:.875rem}.me-filter-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center}.notification-container{position:fixed;top:80px;right:24px;z-index:1000;width:380px;max-width:calc(100vw - 48px)}.notification{margin-bottom:12px;padding:18px 20px;border-radius:12px;box-shadow:0 8px 32px rgba(30,58,95,.12);display:flex;align-items:flex-start;gap:14px;position:relative;animation:slideInRight .4s cubic-bezier(.25,.8,.25,1) forwards,fadeOut .5s ease 6s forwards;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.notification:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(30,58,95,.18)}.notification-icon{font-size:1.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15)}.notification-content{flex-grow:1;padding-top:2px}.notification-title{font-weight:700;margin-bottom:6px;font-size:1.05rem;line-height:1.3;letter-spacing:-.01em}.notification-message{font-size:.92rem;margin:0;line-height:1.4;opacity:.9}.notification-action{margin-top:10px;font-size:.88rem;font-weight:600;color:inherit;display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.15);border-radius:6px;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.notification-action:hover{background:rgba(255,255,255,.25);transform:translateX(2px)}.notification-action .action-icon{font-size:.75rem}.notification-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:none;color:inherit;opacity:.7;cursor:pointer;font-size:.9rem;padding:6px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.notification-close:hover{opacity:1;background:rgba(255,255,255,.2);transform:scale(1.1)}.notification-progress{position:absolute;bottom:0;left:0;height:4px;border-radius:0 0 12px 12px;animation:shrink 6s linear forwards}.notification-success{background:linear-gradient(135deg,#1E3A5F,#1a334e);color:white;border:1px solid rgba(30,58,95,.3);box-shadow:0 8px 32px rgba(30,58,95,.15)}.notification-success .notification-icon{background:rgba(255,255,255,.2);color:#ffffff}.notification-success .notification-progress{background:linear-gradient(90deg,#4a90e2,#5ba0f5)}.notification-error{background:linear-gradient(135deg,#c62828,#b71c1c);color:white;border:1px solid rgba(198,40,40,.3)}.notification-error .notification-icon{background:rgba(255,255,255,.2);color:#ffffff}.notification-error .notification-progress{background:linear-gradient(90deg,#ef5350,#f44336)}.notification-warning{background:linear-gradient(135deg,#C9A961,#b59650);color:white;border:1px solid rgba(201,169,97,.3);box-shadow:0 8px 32px rgba(201,169,97,.15)}.notification-warning .notification-icon{background:rgba(255,255,255,.2);color:#ffffff}.notification-warning .notification-progress{background:linear-gradient(90deg,#d4b76a,#C9A961)}.notification-info{background:linear-gradient(135deg,#1E3A5F,#2a4a70);color:white;border:1px solid rgba(30,58,95,.3);box-shadow:0 8px 32px rgba(30,58,95,.12)}.notification-info .notification-icon{background:rgba(255,255,255,.2);color:#ffffff}.notification-info .notification-progress{background:linear-gradient(90deg,#4a90e2,#1E3A5F)}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:var(--error-color);color:white;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 2s infinite}.me-employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.me-employee-card{background:var(--card-background);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-speed) ease;border-left:4px solid var(--primary-color)}.me-employee-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.me-employee-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.me-employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--light-text);flex-shrink:0}.me-employee-info h3{margin-bottom:var(--spacing-xs);color:var(--primary-color)}.me-employee-info p{margin-bottom:var(--spacing-xs);color:var(--text-color);opacity:.8}.me-employee-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.winner-card{transition:all var(--transition-standard);border-left:4px solid var(--color-accent)}.winner-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.winner-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:var(--text-lg)}.stats-card{text-align:center;border-top:4px solid var(--color-primary)}.stats-number{font-size:var(--text-3xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.stats-label{font-size:var(--text-sm);color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.requestForm{margin-bottom:1rem}.responseContainer{margin-top:1.5rem}.validResponse{color:#28a745}.invalidResponse,.validResponse{display:flex;align-items:center;gap:.25rem}.invalidResponse{color:#dc3545}.errorContainer{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;border:1px solid #f5c6cb}.responsePre{background-color:#f8f9fa;padding:1rem;border-radius:4px;overflow:auto;border:1px solid #ddd;max-height:300px}.pageContainer{padding:1.5rem;width:100%}.pageTitle{margin-bottom:.5rem}.locationDisplay,.pageTitle{font-size:1.75rem;color:var(--primary-color)}.locationDisplay{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;font-weight:600;line-height:1.2}.pageDescription{color:#666;margin-bottom:2rem}.tabs{display:flex;border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-6);position:relative}.tabs-underline{position:absolute;bottom:-1px;height:2px;background-color:var(--color-primary);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);background:none;border:none;cursor:pointer;transition:color var(--transition-fast) ease;position:relative}.tab:hover{color:var(--gray-900)}.tab.active{color:var(--color-primary)}.row{display:flex;flex-wrap:wrap;margin:0 -var(--space-3)}.col{flex:1 1;padding:0 var(--space-3);margin-bottom:var(--space-4)}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-12{flex:0 0 100%;max-width:100%}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.responsive-flex{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.responsive-flex>*{flex:1 1 280px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-flex,.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.d-block{display:block}.d-none{display:none}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--gray-500)}.text-success{color:#2e7d2e}.text-warning{color:#e65100}.text-danger{color:#c62828}.me-text-primary{color:var(--primary-color)}.me-text-secondary{color:var(--secondary-color)}.me-text-accent{color:var(--accent-color)}.bg-primary{background-color:var(--color-primary)}.bg-light{background-color:var(--gray-50)}.bg-white{background-color:white}.me-bg-primary{background-color:var(--primary-color)}.me-bg-light{background-color:var(--primary-light)}.me-border-primary{border-color:var(--primary-color)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.me-3{margin-right:var(--space-3)}.ms-3{margin-left:var(--space-3)}.w-100{width:100%}.h-100{height:100%}.me-shadow{box-shadow:var(--shadow-md)}.me-rounded{border-radius:var(--border-radius-md)}.me-rounded-lg{border-radius:var(--border-radius-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes shrink{0%{width:100%}to{width:0}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,67,54,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 5px rgba(244,67,54,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(244,67,54,0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}@keyframes rippleEffect{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes me-spin{to{transform:rotate(1turn)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInSidebar{0%{transform:translateX(-20px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes backdropFadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes slideInLeft{0%{transform:translateX(-100%) scale(.95);opacity:.8}to{transform:translateX(0) scale(1);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(-100%) scale(.95);opacity:.8}}@keyframes slideInNav{0%{opacity:.5;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes me-slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes me-slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes me-slide-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes me-slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-in;animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.me-slide-in-up{animation:me-slide-in-up .3s ease-out}.me-slide-in-down{animation:me-slide-in-down .3s ease-out}.me-slide-in-left{animation:me-slide-in-left .3s ease-out}.me-slide-in-right{animation:me-slide-in-right .3s ease-out}.me-logo{height:40px;width:auto;transition:transform var(--transition-speed) ease}.me-logo:hover{transform:scale(1.05)}.me-logo-full{max-height:60px;width:auto}.me-logo-vertical{max-height:80px;width:auto}@media (min-width:1600px){.content-container{max-width:98%;padding:0 var(--space-4)}.main-content{padding:var(--space-5)}}@media (min-width:1400px){.content-container{max-width:99%;padding:0 var(--space-3)}.main-content{padding:var(--space-4)}.card-body{padding:var(--space-6) var(--space-8)}.card-header{padding:var(--space-5) var(--space-8)}}@media (min-width:1200px) and (max-width:1399px){.content-container{max-width:95%;padding:0 var(--space-3)}.main-content{padding:var(--space-4)}}@media (max-width:1200px){.container{max-width:100%;padding:0 var(--spacing-md)}.main-content{padding:var(--space-3)}.header-container{padding:0 var(--space-3)}.content-container{max-width:100%;padding:0 var(--space-2)}}@media (max-width:992px){html{font-size:15px}}@media (max-width:768px){html{font-size:14px}.hide-sm{display:none!important}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pageContainer{padding:1rem}.mainContainerCard{padding:1.5rem}.secretDashButton{bottom:15px;right:15px;width:44px;height:44px}.secretElementsButton{bottom:15px;right:69px;width:44px;height:44px}.logo-container img{max-height:32px}.header-container{padding:0 12px}.header-brand{gap:var(--space-2)}.header-title{font-size:var(--text-lg)}.sidebar{width:280px;transform:translateX(-100%);transition:transform var(--transition-standard)}.main-content{margin-left:0!important;width:100%!important;padding:var(--space-3)}.card-header{min-height:auto;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-body,.card-header{padding:var(--space-4)}.row{margin:0 -var(--space-2)}.col{padding:0 var(--space-2);margin-bottom:var(--space-3)}[class*=col-]{flex:0 0 100%;max-width:100%}.btn{min-height:44px;padding:.75rem 1rem;font-size:var(--text-sm)}.form-input,.form-select{height:44px}.page-title{font-size:var(--text-xl)}.modal{width:90%;margin:var(--space-4)}.me-nav{flex-direction:column;text-align:center}.me-nav-links{justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.me-employee-grid{grid-template-columns:1fr}.me-form-row{flex-direction:column}.me-modal{width:95%;padding:var(--spacing-lg)}}@media (max-width:576px){.responsive-grid{grid-template-columns:1fr}.responsive-flex>*{flex:1 1 100%}.logo-container img{max-height:28px}.header-container{padding:0 8px;grid-template-columns:auto 1fr auto}.mainContainerCard{padding:1rem;border-radius:var(--border-radius-md)}.main-content{padding:var(--space-2)}.card{margin-bottom:var(--space-3)}.card-body,.card-header{padding:var(--space-4)}.page-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.modal{width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}.content-container{padding:0}.me-employee-header{flex-direction:column;text-align:center}.me-employee-actions{justify-content:center}.me-table{font-size:.875rem}.me-table td,.me-table th{padding:var(--spacing-sm)}}.d-md-block,.d-md-flex,.d-md-inline,.d-md-none{display:initial}@media (max-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline{display:inline!important}}.btn-primary-override,button:not(.btn)[style*="#274280"],button[class*=MonthButton],button[class*=ProgramButton],button[style*="#274280"]{background-color:var(--color-primary)!important;color:white!important;border-color:var(--color-primary)!important}.btn-primary-override:hover,button:not(.btn)[style*="#274280"]:hover,button[class*=MonthButton]:hover,button[class*=ProgramButton]:hover,button[style*="#274280"]:hover{background-color:#1e3654!important;border-color:#1e3654!important}.btn-secondary,.btn-secondary-override,button.btn-secondary,button[style*="background-color: #ff9800"],button[style*="background-color: #ffeb3b"]{background-color:var(--color-accent)!important;color:white!important;border-color:var(--color-accent)!important}.btn-secondary-override:hover,.btn-secondary:hover,button.btn-secondary:hover{background-color:#996f09!important;border-color:#996f09!important}.btn-light,.btn-light-override,button.btn-light,button[style*="background-color: #e9ecef"],button[style*="background-color: #f5f7fa"]{background-color:var(--gray-100)!important;color:var(--gray-700)!important;border-color:var(--gray-300)!important}.btn-light-override:hover,.btn-light:hover,button.btn-light:hover{background-color:var(--gray-200)!important;border-color:var(--gray-400)!important;color:var(--gray-800)!important}button.active,button[aria-pressed=true]{color:white!important;border-color:var(--color-primary)!important}[style*="background-color: #274280"],button.active,button[aria-pressed=true]{background-color:var(--color-primary)!important}[style*="background-color: #e9ecef"]{background-color:var(--gray-200)!important}[style*="background-color: #f5f7fa"]{background-color:var(--gray-100)!important}[style*="color: #495057"],button[style*="color: #495057"]{color:var(--gray-700)!important}@media (prefers-contrast:high){:root{--color-primary:#000080;--color-accent:#8B4513;--gray-700:#000000;--gray-500:#333333}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.winner-history-container{padding:1.5rem;max-width:1400px;margin:0 auto}.winner-history-page-title{font-size:1.75rem;color:var(--primary-color);margin-bottom:1rem}.winners-list-header{display:flex;padding:.5rem 1rem;border-bottom:2px solid #e0e0e0;font-weight:600;color:#555}.winners-list-header .header-col-name,.winners-list-header .header-col-position{flex:1 1}.winners-list-header .header-col-month{flex:0 0 150px}.winners-list-header .header-col-status{flex:0 0 120px;text-align:center}.winners-list-header .header-col-dates{flex:1 1}.winner-history-page-description{color:#666;margin-bottom:2rem}.filters-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.5rem;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filters-container,.search-box{display:flex;align-items:center}.search-box{flex:1 1;min-width:250px;position:relative}.search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:1rem}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(13,71,161,.1)}.search-box .search-icon{position:absolute;left:.75rem;color:#999;font-size:1rem}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{font-weight:500;white-space:nowrap}.filter-group select{padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);font-size:1rem;min-width:150px}.winners-container{width:100%}.winner-card{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden;width:100%}.winner-card-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:white;padding:1rem 1.5rem}.winner-card-header .year-title{font-size:1.3rem;font-weight:600}.winner-card-body{padding:1rem}.winners-list{display:flex;flex-direction:column;width:100%}.winner-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eee}.winner-row:last-child{border-bottom:none}.winner-row:hover{background-color:#f8f9fa}.winner-row .name{flex:1 1;font-weight:600;color:var(--text-color)}.winner-row .position{flex:1 1;color:#666}.winner-row .month{flex:0 0 150px;color:#444}.winner-row .status-container{flex:0 0 120px;text-align:center}.winner-row .dates{flex:1 1;display:flex;gap:1rem;color:#666;font-size:.85rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500}.status-badge.submitted{background-color:#e3f2fd;color:#1976d2}.status-badge.shipped{background-color:#e8f5e8;color:#2e7d32}.status-badge.delivered{background-color:#f3e5f5;color:#7b1fa2}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state .empty-icon{font-size:3rem;color:#ddd;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{margin:0}.dashboard-page-container{padding:0 1rem;max-width:1400px;margin:0 auto}.dashboard-page-title{font-size:1.75rem;color:var(--primary-color);margin-bottom:1.25rem}.dashboard-grid{display:grid;grid-template-columns:4fr 1fr;grid-gap:1.5rem;gap:1.5rem}.dashboard-main-column,.dashboard-side-column{display:flex;flex-direction:column;gap:1.5rem}.welcome-section{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;display:flex;align-items:center;justify-content:space-between}.welcome-section .user-greeting h2{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.welcome-section .user-greeting p{color:#666;margin:0}.welcome-section .action-buttons{display:flex;gap:.75rem}.action-button{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.action-button.primary{background-color:var(--primary-color);color:#fff}.action-button:hover{background-color:var(--primary-light);transform:translateY(-2px)}.action-button.primary:hover{background-color:var(--primary-dark)}.action-button:active{transform:translateY(0)}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.stat-card{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card .stat-icon{font-size:2rem;color:var(--primary-color);margin-bottom:.75rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.stat-card .stat-label{font-size:.9rem;color:#666}.stat-card .stat-trend{margin-top:.5rem;font-size:.85rem;display:flex;align-items:center;gap:.25rem}.stat-card .stat-trend.positive{color:#2e7d32}.stat-card .stat-trend.negative{color:#c62828}.section-title{font-size:1.25rem;color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.section-title .title-with-icon{display:flex;align-items:center;gap:.5rem}.section-title .title-with-icon svg{font-size:1.1rem}.actions-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.action-card{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;color:var(--text-color);border:1px solid var(--border-color);cursor:pointer}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);color:var(--text-color);border-color:var(--primary-color)}.action-card .action-icon{font-size:2rem;color:var(--primary-color);background-color:var(--primary-light);padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-card .action-content{flex:1 1}.action-card .action-content .action-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.action-card .action-content .action-description{font-size:.85rem;color:#666;margin:0}.invoices-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;height:100%;display:flex;flex-direction:column}.invoices-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:350px;scrollbar-width:none;-ms-overflow-style:none}.invoices-list::-webkit-scrollbar{display:none}.invoice-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--border-radius-sm);background-color:#f5f7fa;transition:transform .3s ease}.invoice-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.invoice-item .invoice-icon{font-size:1.25rem;color:var(--primary-color);background-color:var(--primary-light);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.invoice-item .invoice-info{flex:1 1}.invoice-item .invoice-info .invoice-number{font-weight:600;margin-bottom:.15rem;font-size:.9rem}.invoice-item .invoice-info .invoice-description{font-size:.8rem;color:#666}.invoice-item .invoice-amount{font-size:.9rem;font-weight:600;color:#333;margin-right:.5rem}.invoice-item .invoice-date{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.invoice-item .invoice-status{padding:.25rem .5rem;border-radius:1rem;font-size:.7rem;font-weight:500;text-transform:uppercase}.invoice-item .invoice-status.paid{background-color:#e8f5e9;color:#2e7d32}.invoice-item .invoice-status.pending{background-color:#fff8e1;color:#f57c00}.invoice-item .invoice-status.overdue{background-color:#ffebee;color:#c62828}.notifications-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;height:100%;display:flex;flex-direction:column}.notifications-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:350px;scrollbar-width:none;-ms-overflow-style:none}.notifications-list::-webkit-scrollbar{display:none}.notification-item{display:flex;gap:.75rem;padding:.75rem;border-radius:var(--border-radius-sm);background-color:#f5f7fa;transition:all .2s ease;position:relative}.notification-item.unread,.notification-item:hover{background-color:var(--primary-light)}.notification-item .notification-icon{font-size:1rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-item.type-success .notification-icon{color:var(--success-dark);background-color:var(--success-light)}.notification-item.type-warning .notification-icon{color:var(--warning-dark);background-color:var(--warning-light)}.notification-item.type-error .notification-icon{color:var(--error-dark);background-color:var(--error-light)}.notification-item.type-info .notification-icon{color:var(--primary-color);background-color:var(--primary-light)}.notification-item .notification-content{flex:1 1}.notification-item .notification-content .title{font-weight:600;margin-bottom:.25rem;font-size:.9rem}.notification-item .notification-content .message{font-size:.8rem;color:#666;margin-bottom:.25rem}.notification-item .notification-content .time{font-size:.75rem;color:#888}.notification-item .unread-indicator{position:absolute;top:.75rem;right:.75rem;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color)}.clear-all-button{font-size:.8rem;font-weight:500;color:var(--primary-color);background:transparent;border:none;cursor:pointer;padding:.25rem}.clear-all-button:hover{text-decoration:underline}.calendar-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem}.calendar-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-container .calendar-header .month-year{font-weight:600;color:var(--primary-color)}.calendar-container .calendar-header .calendar-nav{display:flex;gap:.5rem}.calendar-container .calendar-header .calendar-nav button{background:transparent;border:none;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%}.calendar-container .calendar-header .calendar-nav button:hover{background-color:var(--primary-light)}.calendar-container .calendar-days{text-align:center;font-size:.8rem;font-weight:600;color:#666;margin-bottom:.5rem}.calendar-container .calendar-dates,.calendar-container .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem}.calendar-container .calendar-dates .date{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;border-radius:var(--border-radius-sm);cursor:pointer;position:relative}.calendar-container .calendar-dates .date:hover{background-color:var(--primary-light)}.calendar-container .calendar-dates .date.today{background-color:var(--primary-color);color:white}.calendar-container .calendar-dates .date.has-event:after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--primary-color)}.calendar-container .calendar-dates .date.today.has-event:after{background-color:white}.calendar-container .calendar-dates .date.other-month{color:#ccc}.carousel-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;margin-bottom:1.5rem}.carousel-content{position:relative;width:100%;height:350px;overflow:hidden;border-radius:var(--border-radius-sm);margin-top:1rem}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;padding:0;overflow:hidden}.carousel-slide.active{opacity:1}.carousel-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.carousel-navigation{display:flex;justify-content:space-between;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 1rem;z-index:10}.carousel-button{background-color:rgba(255,255,255,.7);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}.carousel-button:hover{background-color:rgba(255,255,255,.9);transform:scale(1.1)}.carousel-button:active{transform:scale(.95)}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.carousel-indicator{width:10px;height:10px;border-radius:50%;background-color:#ccc;transition:all .3s ease;cursor:pointer}.carousel-indicator.active{background-color:var(--primary-color)}.carousel-indicator:hover{transform:scale(1.2)}.award-icons-container{background-color:var(--card-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:1.25rem;min-height:500px;display:flex;flex-direction:column}.award-icons-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;overflow-y:auto;flex:1 1;scrollbar-width:none;-ms-overflow-style:none}.award-icons-grid::-webkit-scrollbar{display:none}.award-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--border-radius-sm);background-color:#f5f7fa;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.award-icon-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.award-icon-item .award-icon{width:64px;height:64px;object-fit:contain;border-radius:var(--border-radius-sm);background-color:white;padding:6px;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid #e0e0e0}.award-icon-item .award-info .name{font-weight:600;margin-bottom:.25rem;font-size:.85rem;color:var(--text-color)}.award-icon-item .award-info .description{font-size:.75rem;color:#666;line-height:1.3}.login-container{min-height:100vh;padding:40px 24px;background-color:white}.login-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center;width:100%;min-height:calc(100vh - 80px)}.login-card{width:100%;max-width:520px;background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #f0f0f0}.login-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px}.login-branding .login-logo{max-width:500px;width:100%;height:auto;object-fit:contain}.login-form-container{flex:1 1;padding:3rem 2.5rem;background-color:white;display:flex;flex-direction:column;justify-content:center}.login-form-container .tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.login-form-container .tabs .tab{padding:1rem 1.5rem;flex:1 1;text-align:center;background:none;border:none;cursor:pointer;font-size:.9rem;color:#666;font-weight:500;transition:all .2s ease}.login-form-container .tabs .tab.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:600}.login-footer{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:.75rem;color:#999;text-align:center;white-space:nowrap}.forgot-password{font-size:.875rem;color:var(--color-primary);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}@media (max-width:992px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side-column{order:-1}}@media (max-width:768px){.filters-container{flex-direction:column;align-items:stretch}.stats-container{grid-template-columns:repeat(2,1fr)}.actions-container{grid-template-columns:1fr}.welcome-section{flex-direction:column;align-items:flex-start}.welcome-section .action-buttons{margin-top:1rem;width:100%;justify-content:flex-end}}@media (max-width:576px){.stats-container{grid-template-columns:1fr}}@media (max-width:1024px){.login-layout{gap:32px;padding:0 20px}.login-branding .login-logo{max-width:420px}.login-card{max-width:480px}}@media (max-width:768px){.login-container{padding:24px 16px}.login-layout{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;min-height:auto}.login-branding{padding:0}.login-branding .login-logo{max-width:350px}.login-card{max-width:450px;width:100%}.login-form-container{padding:2rem 1.5rem}}@media (max-width:480px){.login-container{padding:16px 12px}.login-card{border-radius:8px;max-width:100%}.login-branding .login-logo{max-width:260px}.login-form-container{padding:1.5rem 1rem}.login-footer{font-size:.7rem;padding:0 10px}}.error-page-container{padding:20px;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pt-4{padding-top:var(--space-4)}.gap-4{gap:var(--space-4)}.maxw-1200{max-width:1200px}.border-top{border-top:1px solid var(--border-color)}.bg-info-light{background-color:var(--info-light)}.bg-warning-light{background-color:#fff3cd}.border-warning-light{border-color:#ffeaa7!important}.sticky-top-80{position:-webkit-sticky;position:sticky;top:80px;z-index:2}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:5}.carousel-caption h3{margin:0 0 .25rem;font-size:1.1rem}.carousel-caption p{margin:0;font-size:.85rem}.section-header{border-bottom:2px solid var(--primary-color);padding-bottom:2rem}.code-chip{background-color:rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:4px}.winners-panel{background-color:#ffffff;border-radius:var(--border-radius-md);box-shadow:0 4px 16px rgba(30,58,95,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(30,58,95,.1);padding:0 0 .5rem}.winners-panel-header{background-color:#1E3A5F;padding:1rem 1.5rem;display:flex;color:#ffffff;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.8px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.winners-col-title{flex:1 0 320px}.winners-col-status{flex:0 0 100px;text-align:center}.winners-col-shipped,.winners-col-submitted{flex:0 0 120px;text-align:center}.winners-col-add{flex:0 0 55px;text-align:center;position:relative}.winners-row{padding:.9rem 1.2rem;border-bottom:1px solid #e9ecef;transition:all .3s ease;background-color:#fafbfc;border-radius:var(--border-radius-sm);margin-bottom:.35rem}.winners-shift-title{font-weight:600;color:#333;font-size:1rem;line-height:1.4}.status-chip{display:inline-block;padding:.4rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-chip.pending{background-color:#e3f2fd;color:#1976d2}.badge.badge-info{background-color:var(--info-light);color:var(--info-dark);border:1px solid rgba(41,182,246,.2)}.badge.badge-warning{background-color:var(--warning-light);color:var(--warning-dark);border:1px solid rgba(255,152,0,.2)}.card-footer{background-color:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--space-4) var(--space-6)}.winners-row{padding:var(--space-5);border-bottom:1px solid var(--gray-200);transition:all var(--transition-standard)}.winners-row:hover{background-color:var(--gray-50)}.winners-row:last-child{border-bottom:none}.rep-box{background-color:#f8f9fa;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:16px}.rep-header{margin-bottom:8px}.rep-header-text{display:block;font-size:12px;color:#666;margin-bottom:2px}.rep-text{display:block;font-size:14px;font-weight:600;color:#333}.rep-phone{display:flex;align-items:center;gap:8px;color:#1E3A5F;text-decoration:none;font-size:13px}.rep-contact{display:flex;flex-direction:column;gap:8px;margin-top:12px;animation:fadeIn .2s ease}.rep-icon{font-size:12px}.email-link{display:flex;align-items:center;gap:8px;color:#1E3A5F;text-decoration:none;font-size:13px;word-break:break-all}