:root{--bg-primary: #fff;--bg-secondary: #f3f4f6;--bg-hover: #f9fafb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--active-bg: #ebf5ff;--active-color: #3b82f6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-hover: #333333;--text-primary: #f3f4f6;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--border-light: #2a2a2a;--active-bg: #1e3a8a;--active-color: #60a5fa;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}.header-container{width:100%;position:sticky;top:0;left:0;z-index:100;background-color:var(--bg-primary);box-shadow:var(--shadow-sm);transition:background-color .3s ease,color .3s ease}.header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;max-width:1600px;margin:0 auto}.left-header{display:flex;align-items:center;gap:1.5rem}.mobile-menu-button{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.logo-section{display:flex;align-items:center;cursor:pointer}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-left:.5rem;transition:color .3s ease}.search-container{position:relative;display:flex;align-items:center;max-width:350px;width:100%}.search-icon{position:absolute;left:.75rem;color:var(--text-muted);transition:color .3s ease}.search-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;width:100%;transition:all .3s ease;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--active-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px #3b82f626}.right-header{display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:.25rem;margin-right:1rem}.nav-button{background-color:transparent;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.5rem .75rem;transition:all .3s ease}.nav-button:hover{color:var(--active-color);background-color:var(--bg-secondary)}.nav-button.active{color:var(--active-color);background-color:var(--active-bg);font-weight:600}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-button{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--bg-secondary);color:var(--active-color)}.profile-section{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .3s ease}.profile-button:hover{background-color:var(--bg-secondary)}.profile-icon{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.dropdown-arrow{color:var(--text-tertiary);transition:transform .2s ease}.dropdown-arrow.rotate{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-md);z-index:10;min-width:240px;overflow:hidden;animation:fadeIn .2s ease}.profile-content{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.search-container{max-width:240px}}@media (max-width: 768px){.mobile-menu-button{display:block}.search-container,.nav-links{display:none}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);padding:1rem;box-shadow:var(--shadow-sm);z-index:50}.nav-button{padding:.75rem 1rem;width:100%;text-align:left}.profile-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;border-radius:1rem 1rem 0 0;animation:slideUp .3s ease;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.popup-animation{animation:slideIn .3s ease-out forwards,fadeOut .3s ease-in forwards 2.7s}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}button{transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}input:focus{transform:scale(1.01);transition:transform .2s ease}@keyframes pulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.bg-red-600,.bg-amber-500,.bg-green-600{animation:pulse 2s infinite}@tailwind base;@tailwind components;@tailwind utilities;