.app-header{z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);transition:background-color .3s,border-color .3s;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.header-logo{align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s;display:flex}.header-logo:hover{opacity:.8}.logo-icon-header{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:SF Pro Display,sans-serif;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f640}.logo-text-header{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:SF Pro Display,sans-serif;font-size:1.25rem;font-weight:700}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";background:var(--primary-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary-blue);color:var(--primary-blue);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.user-menu{position:relative}.user-button{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.user-button:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.user-avatar{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-indigo)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.user-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.user-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-10px)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item:first-child{border-radius:var(--radius-md)var(--radius-md)0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md)var(--radius-md)}.auth-links{align-items:center;gap:.75rem;display:flex}.btn-link{color:var(--text-secondary);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-link:hover{color:var(--primary-blue);background:var(--bg-secondary)}.btn-primary-header{color:#fff;background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-indigo)100%);border-radius:var(--radius-md);padding:.5rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #007aff40}.btn-primary-header:hover{transform:translateY(-2px);box-shadow:0 6px 16px #007aff59}.btn-primary-header:active{transform:translateY(0)}.mobile-menu-toggle{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary-blue)}.mobile-menu{border-top:1px solid var(--border-primary);background:var(--bg-primary);flex-direction:column;padding:1rem;display:none}.mobile-nav-link{color:var(--text-primary);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.mobile-nav-link:hover{background:var(--bg-secondary);color:var(--primary-blue)}.mobile-auth-links{border-top:1px solid var(--border-primary);flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:1rem;display:flex}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-menu{display:flex}.auth-links,.user-name{display:none}.header-container{padding:.75rem 1rem}}@media (max-width:480px){.logo-text-header{font-size:1.125rem}.logo-icon-header{width:32px;height:32px;font-size:1.125rem}}
.app-footer{background:var(--bg-primary);border-top:1px solid var(--border-primary);width:100%;margin-top:auto}.footer-container{text-align:left;grid-template-columns:2fr repeat(4,1fr);gap:2rem;max-width:1280px;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid}.footer-brand-section{flex-direction:column;gap:1rem;display:flex}.footer-logo{align-items:center;gap:.5rem;width:fit-content;text-decoration:none;transition:opacity .2s;display:flex}.footer-logo:hover{opacity:.8}.footer-logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:SF Pro Display,sans-serif;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f640}.footer-logo-text{background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:SF Pro Display,sans-serif;font-size:1.125rem;font-weight:700}.footer-tagline{color:var(--text-tertiary);max-width:280px;font-size:.875rem;line-height:1.5}.footer-social{gap:.75rem;margin-top:.5rem;display:flex}.footer-section{flex-direction:column;gap:1rem;display:flex}.footer-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-family:SF Pro Display,sans-serif;font-size:.875rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-links li{margin:0;padding:0}.footer-links a{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:color .2s;display:inline-block}.footer-links a:hover{color:var(--primary-blue)}.footer-bottom{border-top:1px solid var(--border-primary);background:var(--bg-primary);width:100%;padding:1.5rem 0}.footer-bottom-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-copyright{color:var(--text-tertiary);font-size:.875rem}.footer-bottom-links{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.footer-bottom-links a{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:var(--primary-blue)}.footer-separator{color:var(--text-quaternary)}@media (max-width:1024px){.footer-container{grid-template-columns:repeat(3,1fr)}.footer-brand-section{border-bottom:1px solid var(--border-primary);grid-column:1/-1;max-width:100%;padding-bottom:1rem}.footer-tagline{max-width:100%}}@media (max-width:768px){.footer-container{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem;padding:2rem 1rem 1.5rem}.footer-brand-section{padding-bottom:1.5rem}.footer-bottom-container{text-align:center;flex-direction:column;align-items:center;gap:.75rem}}@media (max-width:480px){.footer-container{grid-template-columns:1fr;padding:1.5rem 1rem}.footer-brand-section{padding-bottom:1rem}.footer-section{gap:.75rem}.footer-title{font-size:.8125rem}.footer-links{gap:.5rem}.footer-links a{font-size:.875rem}.footer-bottom{padding:1rem 0}.footer-bottom-container{padding:0 1rem}.footer-copyright,.footer-bottom-links{font-size:.8125rem}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}