.header{z-index:100;background:#0a1628;border-bottom:1px solid #1a2942;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:flex}.logo:hover{opacity:.9}.logo-icon{color:#0a1628;background:linear-gradient(135deg,#d4a853 0%,#b8962e 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-text{letter-spacing:-.02em;align-items:baseline;gap:2px;font-size:1.25rem;font-weight:700;display:flex}.logo-aspire{color:#fff}.logo-dossier{color:#d4a853}.nav-desktop{align-items:center;gap:4px;display:flex}.nav-item{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#d4a853;background:#d4a8531a}.header-right{align-items:center;gap:16px;display:flex}.reports-counter{color:#d4a853;background:#d4a85326;border:1px solid #d4a8534d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;display:flex}.reports-counter.warning{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.reports-counter.low{color:#f87171;background:#ef444426;border-color:#ef44444d;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.counter-value{font-weight:700}.counter-label{opacity:.8;font-weight:400}.user-menu{position:relative}.user-trigger{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:all .15s;display:flex}.user-trigger:hover{background:#ffffff1a;border-color:#ffffff26}.user-avatar{color:#0a1628;background:linear-gradient(135deg,#d4a853 0%,#b8962e 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.user-name{color:#fff;font-size:.875rem;font-weight:500}.chevron{color:#64748b;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-backdrop{z-index:150;position:fixed;inset:0}.user-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:280px;animation:.15s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar{color:#0a1628;background:linear-gradient(135deg,#d4a853 0%,#b8962e 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.dropdown-info{flex:1;min-width:0}.dropdown-name{color:#0a1628;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.dropdown-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.dropdown-divider{background:#e2e8f0;height:1px}.dropdown-stats{padding:12px 16px}.stat-item{color:#64748b;align-items:center;gap:8px;font-size:.8125rem;display:flex}.stat-item svg{color:#d4a853}.dropdown-logout{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.dropdown-logout:hover{background:#fee2e2}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0a1628cc;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav{background:#fff;flex-direction:column;width:100%;max-width:320px;height:100%;animation:.25s ease-out slideIn;display:flex;position:absolute;top:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav-header{background:#0a1628;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-user{align-items:center;gap:12px;display:flex}.mobile-avatar{color:#0a1628;background:linear-gradient(135deg,#d4a853 0%,#b8962e 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.mobile-user-info{flex:1}.mobile-user-name{color:#fff;margin:0;font-size:.9375rem;font-weight:600}.mobile-user-email{color:#94a3b8;margin:0;font-size:.75rem}.mobile-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-stats{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.mobile-counter{color:#d4a853;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.mobile-counter.warning{color:#f59e0b}.mobile-counter.low{color:#ef4444}.mobile-links{flex:1;padding:8px}.mobile-link{color:#374151;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-link:hover{background:#f1f5f9}.mobile-link.active{color:#b8962e;background:#d4a8531a}.mobile-link .link-arrow{color:#cbd5e1;margin-left:auto}.mobile-footer{border-top:1px solid #e2e8f0;padding:16px 20px}.mobile-logout{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.mobile-logout:hover{background:#fee2e2}@media (max-width:768px){.header-inner{height:56px;padding:0 16px}.nav-desktop,.header-right{display:none}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.logo-icon{width:32px;height:32px}.logo-text{font-size:1.125rem}}@media (max-width:480px){.mobile-nav{max-width:100%}}
.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:#fff;border-radius:12px;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #0000000d}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-exit{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastOut}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-success .toast-icon{color:#16a34a;background:#dcfce7}.toast-error .toast-icon{color:#dc2626;background:#fee2e2}.toast-warning .toast-icon{color:#d97706;background:#fef3c7}.toast-info .toast-icon{color:#d4a853;background:#d4a85326}.toast-content{flex:1;min-width:0;padding-top:2px}.toast-title{color:#0a1628;margin:0 0 2px;font-size:.875rem;font-weight:600}.toast-message{color:#64748b;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.4}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:-4px -4px 0 0;transition:all .15s;display:flex}.toast-close:hover{color:#64748b;background:#f1f5f9}.toast-progress{background:#f1f5f9;height:3px;position:absolute;bottom:0;left:0;right:0}.toast-progress-bar{height:100%;transition:width .1s linear}.toast-success .toast-progress-bar{background:#16a34a}.toast-error .toast-progress-bar{background:#dc2626}.toast-warning .toast-progress-bar{background:#d97706}.toast-info .toast-progress-bar{background:#d4a853}.toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:#16a34a}.toast-error:before{background:#dc2626}.toast-warning:before{background:#d97706}.toast-info:before{background:#d4a853}@media (max-width:480px){.toast-container{bottom:16px;left:16px;right:16px}.toast{min-width:auto;max-width:100%}}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a1628b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:540px}.modal-lg{max-width:720px}.modal-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#0a1628;background:#e2e8f0}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:24px auto 0;display:flex}.modal-icon.danger{color:#dc2626;background:#fef2f2}.modal-icon.info{color:#d4a853;background:#d4a85326}.modal-icon.success{color:#16a34a;background:#dcfce7}.modal-icon.warning{color:#d97706;background:#fef3c7}.modal-header{text-align:center;padding:24px 24px 0}.modal-icon+.modal-header{padding-top:16px}.modal-title{color:#0a1628;margin:0;padding-left:40px;padding-right:40px;font-size:1.125rem;font-weight:700}.modal-body{padding:16px 24px 24px;overflow-y:auto}.modal-message{color:#64748b;text-align:center;margin:0;font-size:.9375rem;line-height:1.6}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions.single{justify-content:center}.modal-actions.single .modal-btn{min-width:140px}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:all .15s;display:flex}.modal-btn.secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.modal-btn.secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.modal-btn.primary{color:#fff;background:#0a1628}.modal-btn.primary:hover{background:#1a2942;transform:translateY(-1px)}.modal-btn.danger{color:#fff;background:#dc2626}.modal-btn.danger:hover{background:#b91c1c;transform:translateY(-1px)}.modal-btn.success{color:#fff;background:#16a34a}.modal-btn.success:hover{background:#15803d;transform:translateY(-1px)}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:16px}.modal-container{border-radius:16px 16px 0 0;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) modalInMobile}@keyframes modalInMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-sm,.modal-md,.modal-lg{max-width:100%}.modal-header{padding:20px 20px 0}.modal-body{padding:12px 20px 20px}.modal-actions{flex-direction:column-reverse}.modal-btn{padding:14px 20px}}
