.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}.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)}.section-container.light{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;color-scheme:light}.section-container.light *{color-scheme:light}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f3f4f6 0% 40%,#fffc 50%,#f3f4f6 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-text{color:transparent!important;background:linear-gradient(90deg,#e5e7eb 0% 40%,#f3f4f6 50%,#e5e7eb 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton-block{background:linear-gradient(90deg,#e5e7eb 0% 40%,#f3f4f6 50%,#e5e7eb 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-subtle{background:linear-gradient(90deg,#e5e7eb99 0% 40%,#f3f4f6cc 50%,#e5e7eb99 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 0% 40%,#ffffff14 50%,#ffffff08 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;backdrop-filter:blur(4px)}[data-theme=dark] .skeleton-text{background:linear-gradient(90deg,#ffffff0d 0% 40%,#ffffff1f 50%,#ffffff0d 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}[data-theme=dark] .skeleton-block{background:linear-gradient(90deg,#ffffff0a 0% 40%,#ffffff1a 50%,#ffffff0a 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;backdrop-filter:blur(4px)}[data-theme=dark] .skeleton-subtle{background:linear-gradient(90deg,#ffffff05 0% 40%,#ffffff0f 50%,#ffffff05 60% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@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__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);display:flex;align-items:baseline;gap:var(--space-xs)}.overview-section__kpi-goal{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.overview-section__kpi-progress{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-xs)}.overview-section__kpi-progress-bar{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.overview-section__kpi-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.overview-section__kpi-progress-labels{display:flex;justify-content:space-between;align-items:center}.overview-section__kpi-progress-text,.overview-section__kpi-progress-target{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.overview-section__kpi-skeleton-content{display:flex;flex-direction:column;gap:var(--space-sm)}.overview-section__kpi-no-goal{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--space-xs)}.overview-section__kpi-skeleton{display:flex;align-items:center;justify-content:center;min-height:100px}.overview-section__activities{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto}.overview-section__activity-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.overview-section__activity-item:last-child{border-bottom:none;padding-bottom:0}.overview-section__activity-icon{flex-shrink:0;margin-top:2px}.overview-section__activity-content{flex:1;min-width:0}.overview-section__activity-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}.overview-section__activity-customer{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.overview-section__activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.overview-section__activity-skeleton,.overview-section__no-activities{display:flex;align-items:center;justify-content:center;min-height:100px}@media (max-width: 768px){.overview-section__kpis{grid-template-columns:1fr}}.metrics-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.metrics-grid{display:flex;flex-direction:column;gap:var(--space-md)}.metrics-card{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:var(--space-lg)}.metrics-card-left{display:flex;flex-direction:column;gap:var(--space-xs)}.metrics-card-header,.metrics-card-title{display:flex;align-items:center;gap:var(--space-sm)}.metrics-goal-btn{width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.metrics-goal-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.metrics-card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:baseline;gap:var(--space-xs)}.metrics-card-goal{font-size:1rem;font-weight:500;color:var(--color-text-tertiary)}.metrics-progress{display:flex;flex-direction:column;gap:4px}.metrics-progress-bar{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.metrics-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.metrics-progress-labels{display:flex;justify-content:space-between;align-items:center}.metrics-progress-text,.metrics-progress-target{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.metrics-chart-container{flex:1;height:60px}.metrics-chart{width:100%;height:100%}.metrics-chart-dot{opacity:0;transition:opacity .2s ease}.metrics-card:hover .metrics-chart-dot{opacity:1}.metrics-card-footer{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.goals-summary{margin-top:var(--space-md)}.goals-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;gap:var(--space-md)}.goals-empty-icon{color:var(--color-text-tertiary)}.goals-empty p{color:var(--color-text-secondary);max-width:400px}.goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.goal-card-v2{display:flex;flex-direction:column;gap:var(--space-sm)}.goal-card-v2 .goal-card-header{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--color-text-primary)}.goal-card-v2 .goal-card-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.goal-card-v2 .goal-values{display:flex;align-items:baseline;gap:var(--space-xs)}.goal-card-v2 .goal-current{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.goal-card-v2 .goal-separator{color:var(--color-text-tertiary)}.goal-card-v2 .goal-target{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.goal-card-v2 .goal-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.goal-card-v2 .goal-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.goal-card-v2 .goal-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.goal-edit-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-xs);font-weight:500}.goal-edit-btn:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 20px 40px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);gap:var(--space-md)}.modal-actions{display:flex;gap:var(--space-sm);margin-left:auto}.btn-primary,.btn-secondary,.btn-danger{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-danger{background:var(--color-error-light);color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}@media (max-width: 1024px){.metrics-grid,.goals-grid{grid-template-columns:1fr}}@media (max-width: 768px){.metrics-card-value{font-size:2rem}}.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%}.editor-container{display:flex;flex-direction:column;height:calc(100vh - 120px);max-width:none;padding:var(--space-md)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);gap:var(--space-md);position:relative}.editor-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.editor-header-left{display:flex;align-items:center;gap:var(--space-md)}.editor-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.editor-ai-input-container{flex:1;display:flex;align-items:center;gap:var(--space-sm);max-width:500px;margin:0 var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s ease,box-shadow .2s ease}.editor-ai-input-container:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px #8b5cf61a}.editor-ai-icon{color:var(--color-accent);flex-shrink:0}.editor-ai-input{flex:1;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none}.editor-ai-input::-moz-placeholder{color:var(--color-text-tertiary)}.editor-ai-input::placeholder{color:var(--color-text-tertiary)}.editor-ai-input:disabled{opacity:.5}.editor-ai-send{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease;flex-shrink:0}.editor-ai-send:hover:not(:disabled){background:var(--color-accent-hover)}.editor-ai-send:disabled{opacity:.5;cursor:not-allowed}.editor-ai-send .animate-spin{animation:spin 1s linear infinite}.editor-ai-error{position:absolute;bottom:-24px;left:0;font-size:var(--font-size-xs);color:var(--color-error)}.editor-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--space-md);flex:1;min-height:0;transition:grid-template-columns .3s ease}.editor-layout.sidebar-collapsed{grid-template-columns:1fr}.editor-sidebar{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.editor-tabs{display:flex;border-bottom:1px solid var(--color-border)}.editor-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.editor-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.editor-tab.active{color:var(--color-accent);background:var(--color-bg-primary);border-bottom:2px solid var(--color-accent)}.editor-panel-content{flex:1;overflow-y:auto;padding:var(--space-md)}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-secondary)}.editor-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.editor-components-list{display:flex;flex-direction:column;gap:var(--space-sm)}.editor-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) 0;margin-bottom:var(--space-xs)}.editor-component{background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;transition:all .2s ease}.editor-component:hover{border-color:var(--color-border-hover)}.editor-component.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px #0066cc1a}.editor-component.locked{opacity:.8}.editor-component-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .2s ease}.editor-component-header:hover{background:var(--color-bg-hover)}.editor-component-drag{color:var(--color-text-tertiary);cursor:grab}.editor-component-icon{color:var(--color-text-secondary)}.editor-component-label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.editor-locked-badge{padding:2px 6px;font-size:10px}.editor-component-chevron{color:var(--color-text-tertiary)}.editor-component-body{padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.editor-props{display:flex;flex-direction:column;gap:var(--space-md)}.editor-field{display:flex;flex-direction:column;gap:var(--space-xs)}.editor-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.editor-field input[type=text],.editor-field input[type=number],.editor-field textarea,.editor-field select{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{outline:none;border-color:var(--color-accent)}.editor-field textarea{resize:vertical;min-height:60px}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.editor-subfield{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm);margin-top:var(--space-xs)}.editor-no-props{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic}.color-field .color-input-wrapper{display:flex;gap:var(--space-sm);align-items:center}.color-field input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.color-field input[type=text]{flex:1}.theme-panel h3{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.editor-preview{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.editor-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.preview-url{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.preview-open{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-accent);text-decoration:none}.preview-open:hover{text-decoration:underline}.editor-iframe-container{flex:1;position:relative;background:#1a1a2e}.editor-iframe-container.hover-mode{cursor:crosshair}.editor-iframe-container.hover-mode:after{content:"Hover Mode: Pasa el mouse sobre los componentes";position:absolute;top:var(--space-sm);left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);z-index:10;pointer-events:none}.editor-iframe{width:100%;height:100%;border:none}.editor-no-preview{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}@media (max-width: 1024px){.editor-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.editor-layout.sidebar-collapsed{grid-template-rows:1fr}.editor-sidebar{order:2}.editor-preview{order:1;min-height:400px}.editor-ai-input-container{max-width:300px}}@media (max-width: 768px){.editor-header{flex-wrap:wrap;gap:var(--space-sm)}.editor-ai-input-container{order:3;width:100%;max-width:none;margin:var(--space-sm) 0 0 0}}.settings-grid{display:grid;gap:var(--space-lg);max-width:600px}.settings-card{padding:var(--space-lg)}.settings-card-header{margin-bottom:var(--space-lg)}.settings-card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.settings-card-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.settings-card-content{display:flex;flex-direction:column;gap:var(--space-md)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.setting-info{display:flex;flex-direction:column;gap:var(--space-xs)}.setting-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.setting-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;outline:none}.theme-toggle:focus-visible .theme-toggle-track{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle-track{position:relative;width:56px;height:28px;background:var(--color-bg-hover);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:background var(--transition-base);display:flex;align-items:center;justify-content:space-between;padding:0 6px}.theme-icon{color:var(--color-text-muted);transition:color var(--transition-base);z-index:1}.theme-toggle.light .sun{color:var(--color-warning)}.theme-toggle.dark .moon{color:var(--color-accent)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--color-text-primary);border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.theme-toggle.dark .theme-toggle-thumb{transform:translate(28px)}.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)}}[data-theme=light] .new-dashboard,.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}[data-theme=dark] .new-dashboard{--color-bg-primary: #0a0a0a;--color-bg-secondary: #141414;--color-bg-tertiary: #1a1a1a;--color-bg-hover: #222222;--color-bg-active: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-tertiary: #888888;--color-text-link: #3b82f6;--color-border: #2a2a2a;--color-border-hover: #3a3a3a;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: rgba(59, 130, 246, .15);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .15);--sidebar-bg: #0a0a0a;--sidebar-border: #2a2a2a;--sidebar-item-hover: #1a1a1a;--sidebar-item-active: #3b82f6;--sidebar-text: #a0a0a0;--sidebar-text-active: #ffffff}