.site-selector{position:relative;width:100%}.site-selector__trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.site-selector__trigger:hover{background-color:var(--sidebar-item-hover)}.site-selector__chevron{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-fast);margin-left:auto}.site-selector__chevron--open{transform:rotate(180deg)}.site-selector__dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--space-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:var(--z-dropdown);animation:slideUp var(--transition-fast)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-selector__empty{padding:var(--space-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.site-selector__item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast);text-align:left;border-bottom:1px solid var(--color-border)}.site-selector__item:last-child{border-bottom:none}.site-selector__item:hover{background-color:var(--color-bg-hover)}.site-selector__item--active{background-color:var(--color-accent-light)}.site-selector__item-avatar{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.site-selector__item-title{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-selector__item-check{flex-shrink:0;color:var(--color-accent)}.ss-sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-sticky)}.ss-sidebar__header{padding:var(--space-lg);display:flex;align-items:center;justify-content:center}.ss-sidebar__logo{display:flex;align-items:center;gap:var(--space-md)}.ss-sidebar__logo-img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm)}.ss-sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ss-sidebar__divider{height:1px;background-color:var(--color-border);margin:0 var(--space-md);margin-bottom:var(--space-md)}.ss-sidebar__nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.ss-sidebar__tab{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:none;border:none;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.ss-sidebar__tab:hover{background-color:var(--sidebar-item-hover);color:var(--color-text-primary)}.ss-sidebar__tab--active{background-color:var(--sidebar-item-active);color:var(--sidebar-text-active)}.ss-sidebar__tab--active:hover{background-color:var(--sidebar-item-active)}.ss-sidebar__tab-icon{flex-shrink:0}.ss-sidebar__tab-label{flex:1}.ss-sidebar__footer{padding:var(--space-md);padding-top:var(--space-lg)}.ss-sidebar__site-selector-trigger{display:flex;align-items:center;gap:var(--space-md);width:100%}.ss-sidebar__site-avatar{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.ss-sidebar__site-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ss-sidebar__site-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-sidebar__site-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (max-width: 768px){.ss-sidebar{width:100%;height:auto;position:relative}.ss-sidebar__nav{flex-direction:row;overflow-x:auto}.ss-sidebar__tab-label{display:none}}.ss-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.ss-card--padding-none{padding:0}.ss-card--padding-sm{padding:var(--space-sm)}.ss-card--padding-md{padding:var(--space-md)}.ss-card--padding-lg{padding:var(--space-lg)}.ss-card--hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ss-card--clickable{cursor:pointer}.ss-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap}.ss-badge__icon{display:flex;align-items:center;width:12px;height:12px}.ss-badge__icon svg{width:12px;height:12px}.ss-badge--success{background-color:var(--color-success-light);color:var(--color-success)}.ss-badge--error{background-color:var(--color-error-light);color:var(--color-error)}.ss-badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.ss-badge--info{background-color:var(--color-info-light);color:var(--color-info)}.ss-badge--neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ss-spinner{border:2px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.ss-spinner--sm{width:16px;height:16px;border-width:2px}.ss-spinner--md{width:24px;height:24px;border-width:2px}.ss-spinner--lg{width:32px;height:32px;border-width:3px}.ss-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;outline:none;white-space:nowrap}.ss-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ss-button--sm{height:32px;padding:0 var(--space-md);font-size:var(--font-size-xs)}.ss-button--md{height:36px;padding:0 var(--space-lg);font-size:var(--font-size-sm)}.ss-button--primary{background-color:var(--color-accent);color:#fff}.ss-button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.ss-button--primary:active:not(:disabled){transform:scale(.98)}.ss-button--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.ss-button--secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.ss-button--ghost{background-color:transparent;color:var(--color-text-secondary)}.ss-button--ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.ss-button--danger{background-color:var(--color-error);color:#fff}.ss-button--danger:hover:not(:disabled){background-color:#dc2626}.ss-button:disabled{opacity:.5;cursor:not-allowed}.ss-button--loading{pointer-events:none}.ss-button__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.ss-button__icon svg{width:16px;height:16px}.ss-button__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.section-container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-lg)}.section-header{margin-bottom:var(--space-lg)}.section-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.section-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.section-placeholder p{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media (max-width: 768px){.section-container{padding:var(--space-md) var(--space-sm)}}.overview-section__project-details{display:flex;flex-direction:column;gap:var(--space-md)}.overview-section__project-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.overview-section__project-row:last-child{border-bottom:none;padding-bottom:0}.overview-section__project-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:120px}.overview-section__label-text{color:var(--color-text-secondary)}.overview-section__project-value{font-size:var(--font-size-base);color:var(--color-text-primary);text-align:right;flex:1}.overview-section__link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.overview-section__link:hover{color:var(--color-accent-hover);text-decoration:underline}.overview-section__muted{color:var(--color-text-tertiary);font-style:italic}.overview-section__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.overview-section__actions button{flex:1;min-width:180px}.overview-section__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.overview-section__kpi{display:flex;flex-direction:column;gap:var(--space-sm)}.overview-section__kpi-header{display:flex;align-items:center;justify-content:space-between}.overview-section__kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.overview-section__kpi-skeleton{display:flex;align-items:center;justify-content:center;min-height:100px}@media (max-width: 768px){.overview-section__kpis{grid-template-columns:1fr}}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary)}.auth-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:400px;padding:var(--space-xl);text-align:center}.auth-screen__logo{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.auth-screen__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.auth-screen__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.new-dashboard{display:flex;min-height:100vh;background-color:var(--color-bg-tertiary)}.new-dashboard__content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-y:auto;background-color:var(--color-bg-tertiary);padding:var(--space-lg) var(--space-md)}@media (max-width: 768px){.new-dashboard{flex-direction:column}.new-dashboard__content{margin-left:0;padding:var(--space-md) var(--space-sm)}}.new-dashboard{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f5f5f5;--color-bg-hover: #ebebeb;--color-bg-active: #e0e0e0;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-tertiary: #888888;--color-text-link: #2563eb;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: rgba(59, 130, 246, .1);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--sidebar-bg: #ffffff;--sidebar-border: #e5e5e5;--sidebar-item-hover: #f5f5f5;--sidebar-item-active: #3b82f6;--sidebar-text: #666666;--sidebar-text-active: #ffffff}