.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.header__container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.header__content{display:flex;justify-content:space-between;align-items:center;height:64px}.header__logo{display:flex;align-items:center;text-decoration:none;transition:var(--transition-fast)}.header__logo:hover{transform:scale(1.02)}.header__logo-img{height:60px;width:auto;display:block;object-fit:contain}@media(max-width:768px){.header__logo-img{height:34px}}.header__nav{display:none;align-items:center;gap:var(--spacing-xs)}@media(min-width:768px){.header__nav{display:flex}}.header__nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-fast);position:relative}.header__nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.header__nav-link--active{color:var(--color-primary);background-color:var(--color-primary-light)}.header__nav-link--active:hover{color:var(--color-primary-dark);background-color:var(--color-primary-light)}.header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header__search{position:relative;display:none}@media(min-width:1024px){.header__search{display:block}}.header__search-input{width:280px;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:var(--transition-base)}.header__search-input::placeholder{color:var(--color-text-tertiary)}.header__search-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.header__search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);width:18px;height:18px;pointer-events:none}.header__notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.header__notification-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header__notification-icon{width:20px;height:20px}.header__notification-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background-color:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-primary)}.header__notification-menu{position:relative}.header__notification-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:-80px;width:340px;max-width:calc(100vw - var(--spacing-xl));background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base);z-index:var(--z-dropdown);overflow:hidden}.header__notification-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}@media(min-width:768px){.header__notification-dropdown{right:0}}.header__notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.header__notification-dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.header__notification-dropdown-mark-all{display:flex;align-items:center;gap:var(--spacing-2xs);border:none;background:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.header__notification-dropdown-mark-all:hover{background-color:var(--color-primary-light)}.header__notification-dropdown-list{max-height:360px;overflow-y:auto}.header__notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-2xl) var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center}.header__notification-dropdown-empty--error{color:var(--color-danger)}.header__notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid var(--color-border-light);background:none;text-align:left;cursor:pointer;transition:var(--transition-fast);position:relative}.header__notification-item:last-child{border-bottom:none}.header__notification-item:hover{background-color:var(--color-bg-tertiary)}.header__notification-item--unread{background-color:var(--color-primary-light)}.header__notification-item--unread:hover{background-color:var(--color-primary-light);filter:brightness(.97)}.header__notification-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.header__notification-item-icon--proposal_completed,.header__notification-item-icon--build_completed{background-color:var(--color-success-light, var(--color-primary-light));color:var(--color-success, var(--color-primary))}.header__notification-item-icon--proposal_failed,.header__notification-item-icon--build_failed{background-color:var(--color-danger-light);color:var(--color-danger)}.header__notification-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.header__notification-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.header__notification-item-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header__notification-item-time{font-size:var(--font-size-2xs, 11px);color:var(--color-text-tertiary);margin-top:2px}.header__notification-item-dot{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-primary);flex-shrink:0}.header__user-menu{position:relative}.header__user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base)}.header__user-button:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.header__user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;flex-shrink:0}.header__user-info{display:none;flex-direction:column;align-items:flex-start;max-width:150px}@media(min-width:768px){.header__user-info{display:flex}}.header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header__user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.2;text-transform:capitalize}.header__user-chevron{width:16px;height:16px;color:var(--color-text-tertiary);transition:var(--transition-fast)}.header__user-button[aria-expanded=true] .header__user-chevron{transform:rotate(180deg)}.header__dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:240px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xs);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base);z-index:var(--z-dropdown)}.header__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-header{display:block;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}@media(min-width:768px){.header__dropdown-header{display:none}}.header__dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xs)}.header__dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.header__dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.header__dropdown-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header__dropdown-icon{width:16px;height:16px;flex-shrink:0}.header__dropdown-divider{height:1px;background-color:var(--color-border-light);margin:var(--spacing-xs) 0}.header__dropdown-item--danger{color:var(--color-danger)}.header__dropdown-item--danger:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.header__mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);color:var(--color-text-secondary)}@media(min-width:768px){.header__mobile-toggle{display:none}}.header__mobile-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header__mobile-icon{width:24px;height:24px}.header__mobile-menu{display:none;padding:var(--spacing-md) 0;border-top:1px solid var(--color-border-light);animation:slideDown var(--duration-normal) var(--ease-out)}.header__mobile-menu--open{display:block}@media(min-width:768px){.header__mobile-menu{display:none!important}}.header__mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.header__mobile-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-fast)}.header__mobile-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header__mobile-link--active{background-color:var(--color-primary-light);color:var(--color-primary)}.header__user-button:focus-visible,.header__mobile-toggle:focus-visible,.header__notification-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header__dropdown-item:focus-visible,.header__nav-link:focus-visible,.header__mobile-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media(max-width:768px){.header__content{height:56px}.header__container{padding:0 var(--spacing-md)}}@media(max-width:480px){.header__container{padding:0 var(--spacing-sm)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media print{.header{position:static;box-shadow:none;border-bottom:1px solid #ddd}.header__actions,.header__mobile-toggle{display:none!important}}.footer{margin-top:auto;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light)}.footer--dark{background-color:var(--color-bg-tertiary)}.footer--compact{padding:var(--spacing-lg) 0}.footer__container{max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.footer--compact .footer__container{padding:0 var(--spacing-xl)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}}@media(max-width:640px){.footer__grid{grid-template-columns:1fr;gap:var(--spacing-xl)}}.footer__brand{max-width:400px}.footer__logo{display:inline-block;text-decoration:none;margin-bottom:var(--spacing-lg);transition:var(--transition-fast)}.footer__logo:hover{transform:scale(1.02)}.footer__logo-img{height:40px;width:auto}.footer__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.footer__social{display:flex;gap:var(--spacing-sm)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:var(--transition-base)}.footer__social-link:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.footer__social-icon{width:18px;height:18px}.footer__section{display:flex;flex-direction:column}.footer__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;text-transform:uppercase;letter-spacing:.05em}.footer__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer__nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-xs) 0;transition:var(--transition-fast)}.footer__nav-link:hover{color:var(--color-primary);transform:translate(4px)}.footer__nav-icon{width:14px;height:14px;opacity:0;transform:translate(-4px);transition:var(--transition-fast)}.footer__nav-link:hover .footer__nav-icon{opacity:1;transform:translate(0)}.footer__newsletter{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.footer__newsletter-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.footer__newsletter-form{display:flex;gap:var(--spacing-xs)}.footer__newsletter-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:var(--transition-base)}.footer__newsletter-input::placeholder{color:var(--color-text-tertiary)}.footer__newsletter-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.footer__newsletter-input:disabled{opacity:.6;cursor:not-allowed}.footer__newsletter-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.footer__newsletter-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.footer__newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.footer__newsletter-message{font-size:var(--font-size-xs);margin:var(--spacing-sm) 0 0 0}.footer__newsletter-message--success{color:var(--color-success)}.footer__newsletter-message--error{color:var(--color-danger)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light)}@media(max-width:640px){.footer__bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.footer__legal{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}@media(max-width:640px){.footer__legal{justify-content:center}}.footer__legal-link{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none;transition:var(--transition-fast)}.footer__legal-link:hover{color:var(--color-primary)}.footer__logo:focus-visible,.footer__social-link:focus-visible,.footer__nav-link:focus-visible,.footer__legal-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.footer__newsletter-input:focus-visible,.footer__newsletter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.footer__container{padding:var(--spacing-2xl) var(--spacing-lg)}.footer--compact .footer__container{padding:0 var(--spacing-lg)}.footer__brand{max-width:none}.footer__newsletter-form{flex-direction:column}.footer__newsletter-btn{width:100%}}@media(max-width:480px){.footer__container{padding:var(--spacing-xl) var(--spacing-md)}.footer--compact .footer__container{padding:0 var(--spacing-md)}}@media print{.footer{border-top:1px solid #ddd}.footer__social,.footer__newsletter{display:none}.footer__nav-link:hover{transform:none}.footer__nav-icon{display:none}}