@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--test-nueva-paleta: #FF0000}:root{--font-family-base: "Roboto", system-ui, -apple-system, sans-serif;font-family:var(--font-family-base);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #0EA5E9;--primary-hover: #0284C7;--primary-dark: #0369A1;--primary-light: #38BDF8;--primary-surface: rgba(14, 165, 233, .1);--secondary: #8B5CF6;--secondary-hover: #7C3AED;--secondary-surface: rgba(139, 92, 246, .1);--accent-orange: #F59E0B;--accent-navy: #1E293B;--accent-gray-dark: #64748B;--accent-gray-light: #E2E8F0;--gradient-blue: #42D9F7;--gradient-teal: #C7D3C3;--gradient-pink: #F14168;--gradient-purple: #8A4FFF;--gradient-cyan: #00D1FF;--gradient-green: #40D05E;--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F1F5F9;--bg-page: #F9F9F9;--bg-sidebar: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--text-primary: #1C2448;--text-secondary: #64748B;--text-muted: #94A3B8;--text-placeholder: #CBD5E1;--text-disabled: #CBD5E1;--border-light: #E2E8F0;--border-medium: #CBD5E1;--border-focus: #0EA5E9;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-medium: 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .02), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-glow: 0 0 0 1px rgba(14, 165, 233, .2), 0 2px 8px rgba(14, 165, 233, .15);--shadow-button: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .05);--shadow-large: 0 4px 8px 0 rgba(0, 0, 0, .05);--status-open: #64748b;--status-open-surface: #f1f5f9;--status-open-bg: #f8fafc;--status-open-border: #e2e8f0;--status-assigned: #0EA5E9;--status-assigned-surface: rgba(14, 165, 233, .1);--status-assigned-bg: rgba(14, 165, 233, .05);--status-assigned-border: rgba(14, 165, 233, .3);--status-progress: #3B82F6;--status-progress-surface: #EFF6FF;--status-in-progress: #3B82F6;--status-in-progress-bg: #EFF6FF;--status-in-progress-border: #BFDBFE;--status-review: #8B5CF6;--status-review-surface: rgba(139, 92, 246, .1);--status-in-review: #8B5CF6;--status-in-review-bg: rgba(139, 92, 246, .1);--status-in-review-border: rgba(139, 92, 246, .3);--status-completed: #16a34a;--status-completed-surface: #f0fdf4;--status-completed-bg: #f0fdf4;--status-completed-border: #bbf7d0;--status-cancelled: #dc2626;--status-cancelled-surface: #fef2f2;--status-cancelled-bg: #fef2f2;--status-cancelled-border: #fecaca;--status-overdue: #b91c1c;--status-overdue-surface: #fef2f2;--status-neutral: var(--status-open);--status-neutral-surface: var(--status-open-surface);--status-approved: var(--status-completed);--status-approved-surface: var(--status-completed-surface);--accent-success: #10B981;--accent-warning: #F59E0B;--accent-danger: #EF4444;--accent-info: #0EA5E9;--accent-primary: #0EA5E9;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #15803d;--success-text-light: #16a34a;--warning-bg: #fffbeb;--warning-border: #fde68a;--warning-text: #b45309;--warning-text-light: #F59E0B;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--danger-text-light: #EF4444;--danger-gradient: linear-gradient(135deg, #EF4444, #DC2626);--info-bg: #f0f9ff;--info-border: #bae6fd;--info-text: #0369a1;--info-text-light: #0ea5e9;--accent-bg: #fff7ed;--accent-border: #fed7aa;--accent-text: #0EA5E9;--accent-gradient: linear-gradient(135deg, #0EA5E9, #0284C7);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--text-5xl: 36px;--font-size-body: 14px;--font-size-meta: 13px;--font-size-title: 18px;--font-size-small: 11px;--text-2xs: 10px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--btn-height-sm: 32px;--btn-height: 40px;--btn-height-lg: 48px;--btn-height-xl: 56px;--button-primary-bg: #0EA5E9;--button-primary-text: #FFFFFF;--button-primary-bg-hover: #0284C7;--button-primary-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);--button-primary-shadow-hover: 0 2px 4px 0 rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-hover: #F8FAFC;--table-header-bg: #F8FAFC;--table-row-hover: #F1F5F9;--table-border: #E2E8F0;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-focus-border: var(--primary)}[data-theme=dark],.dark{--primary: #0EA5E9;--primary-hover: #0284C7;--primary-dark: #0369A1;--primary-light: #38BDF8;--primary-surface: rgba(14, 165, 233, .1);--secondary: #8B5CF6;--secondary-hover: #7C3AED;--secondary-surface: rgba(139, 92, 246, .15);--bg-primary: #1C1C1E;--bg-secondary: #121212;--bg-tertiary: #2C2C2E;--bg-page: #121212;--bg-sidebar: #1C1C1E;--bg-hover: rgba(255, 255, 255, .03);--bg-active: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--text-placeholder: #64748B;--text-disabled: #475569;--border-light: #2C2C2E;--border-medium: #3A3A3C;--border-focus: #0EA5E9;--border-primary: #2C2C2E;--border-secondary: #3A3A3C;--shadow-soft: 0 0 0 1px rgba(255, 255, 255, .05);--shadow-medium: 0 0 0 1px rgba(255, 255, 255, .08), 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .05), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 1px rgba(14, 165, 233, .3), 0 2px 8px rgba(14, 165, 233, .2);--shadow-button: 0 0 0 1px rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .3);--shadow-large: 0 4px 8px 0 rgba(0, 0, 0, .3);--card-bg: #1C1C1E;--card-border: #2C2C2E;--card-hover: #2C2C2E;--table-header-bg: #1C1C1E;--table-row-hover: #2C2C2E;--table-border: #2C2C2E;--input-bg: #1C1C1E;--input-border: #3A3A3C;--input-focus-border: var(--primary);--button-primary-bg: #0EA5E9;--button-primary-text: #121212;--button-primary-bg-hover: #0284C7;--button-primary-shadow: 0 0 0 1px rgba(255, 255, 255, .1);--button-primary-shadow-hover: 0 0 0 1px rgba(14, 165, 233, .3);--status-open-surface: rgba(148, 163, 184, .1);--status-open-text: #94a3b8;--status-assigned-surface: rgba(14, 165, 233, .1);--status-progress-surface: rgba(59, 130, 246, .1);--status-review-surface: rgba(138, 79, 255, .1);--status-completed-surface: rgba(34, 197, 94, .1);--status-cancelled-surface: rgba(239, 68, 68, .1);--success-bg: rgba(34, 197, 94, .1);--warning-bg: rgba(254, 226, 112, .1);--danger-bg: rgba(239, 68, 68, .1);--info-bg: rgba(14, 165, 233, .1);--accent-bg: rgba(14, 165, 233, .1)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F1F5F9;--bg-page: #F9F9F9;--bg-sidebar: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--text-primary: #1C2448;--text-secondary: #64748B;--text-muted: #94A3B8;--text-placeholder: #CBD5E1;--text-disabled: #CBD5E1;--border-light: #E2E8F0;--border-medium: #CBD5E1;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-hover: #F8FAFC;--table-header-bg: #F8FAFC;--table-row-hover: #F1F5F9;--table-border: #E2E8F0;--input-bg: #FFFFFF;--input-border: #CBD5E1;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-medium: 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .02), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-glow: 0 0 0 1px rgba(14, 165, 233, .2), 0 2px 8px rgba(14, 165, 233, .15);--shadow-button: 0 1px 2px 0 rgba(0, 0, 0, .03)}:root{--button-primary-bg: linear-gradient(135deg, #0EA5E9, #0284C7);--button-primary-bg-hover: linear-gradient(135deg, #0284C7, #0369A1);--button-primary-text: #ffffff;--button-primary-shadow: var(--shadow-button);--button-primary-shadow-hover: var(--shadow-glow);--button-secondary-bg: var(--bg-primary);--button-secondary-bg-hover: var(--primary-surface);--button-secondary-border: var(--border-light);--button-secondary-border-hover: var(--primary);--button-secondary-text: var(--text-primary);--button-secondary-text-hover: var(--primary);--button-success-bg: var(--accent-success);--button-success-bg-hover: #15803d;--button-success-text: #ffffff;--button-danger-bg: var(--accent-danger);--button-danger-bg-hover: #b91c1c;--button-danger-text: #ffffff;--button-height-sm: var(--btn-height-sm);--button-padding-sm: 0 16px;--button-font-size-sm: 13px;--button-height-md: var(--btn-height);--button-padding-md: 0 var(--space-6);--button-font-size-md: var(--font-size-base);--button-height-lg: var(--btn-height-lg);--button-padding-lg: 0 32px;--button-font-size-lg: 16px;--button-icon-size: 28px;--button-icon-padding: 0;--button-icon-radius: 6px;--button-radius: var(--radius-md);--button-gap: 8px;--button-transition: all var(--transition-fast);--button-hover-lift: -1px;--button-disabled-opacity: .6;--button-font-weight: var(--font-weight-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);height:var(--button-height-md);padding:var(--button-padding-md);font-size:var(--button-font-size-md);font-weight:var(--button-font-weight);font-family:inherit;white-space:nowrap;border:none;border-radius:var(--button-radius);cursor:pointer;transition:var(--button-transition)}.btn:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed;transform:none!important}.btn--primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow)}.btn--primary:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(var(--button-hover-lift));box-shadow:var(--button-primary-shadow-hover)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--button-primary-shadow)}.btn--secondary{background:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);color:var(--button-secondary-text)}.btn--secondary:hover:not(:disabled){background:var(--button-secondary-bg-hover);border-color:var(--button-secondary-border-hover);color:var(--button-secondary-text-hover)}.btn--success{background:var(--button-success-bg);color:var(--button-success-text)}.btn--success:hover:not(:disabled){background:var(--button-success-bg-hover);transform:translateY(var(--button-hover-lift))}.btn--danger{background:var(--button-danger-bg);color:var(--button-danger-text)}.btn--danger:hover:not(:disabled){background:var(--button-danger-bg-hover);transform:translateY(var(--button-hover-lift))}.btn--sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-size-sm)}.btn--lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--button-font-size-lg)}.btn--icon{width:var(--button-icon-size);height:var(--button-icon-size);padding:var(--button-icon-padding);border-radius:var(--button-icon-radius)}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(var(--button-hover-lift));box-shadow:var(--button-primary-shadow-hover)}.btn-secondary{background:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);color:var(--button-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-bg-hover);border-color:var(--button-secondary-border-hover);color:var(--button-secondary-text-hover)}.btn-success{background:var(--button-success-bg);color:var(--button-success-text)}.btn-success:hover:not(:disabled){background:var(--button-success-bg-hover);transform:translateY(var(--button-hover-lift))}.btn-danger{background:var(--button-danger-bg);color:var(--button-danger-text)}.btn-danger:hover:not(:disabled){background:var(--button-danger-bg-hover);transform:translateY(var(--button-hover-lift))}.btn-sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-size-sm)}.btn-lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--button-font-size-lg)}[data-theme=light] .btn--secondary{background:#fff;border-color:#e2e8f0}[data-theme=light] .btn--secondary:hover:not(:disabled){background:var(--primary-surface);border-color:var(--primary)}[data-theme=light] .btn-secondary{background:#fff;border-color:#e2e8f0}[data-theme=light] .btn-secondary:hover:not(:disabled){background:var(--primary-surface);border-color:var(--primary)}:root{--card-bg: var(--bg-primary);--card-bg-secondary: var(--bg-secondary);--card-border: var(--border-light);--card-border-hover: var(--primary);--card-header-border: var(--border-light);--card-footer-border: var(--border-light);--card-padding: 20px;--card-padding-sm: 16px;--card-padding-lg: 24px;--card-gap: 16px;--card-gap-sm: 12px;--card-gap-lg: 20px;--card-header-padding: 20px 20px 16px;--card-footer-padding: 16px 20px 20px;--card-radius: var(--radius-lg);--card-shadow: var(--shadow-soft);--card-shadow-hover: var(--shadow-medium);--card-transition: all .2s ease;--card-hover-lift: -2px;--card-title-size: var(--font-size-lg);--card-title-weight: var(--font-weight-semibold);--card-title-color: var(--text-primary);--card-body-size: var(--font-size-base);--card-body-color: var(--text-secondary);--card-body-line-height: var(--line-height-relaxed);--card-meta-size: var(--font-size-sm);--card-meta-color: var(--text-muted)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--card-gap);padding-bottom:var(--card-gap);border-bottom:1px solid var(--card-header-border)}.card__title{font-size:var(--card-title-size);font-weight:var(--card-title-weight);color:var(--card-title-color);margin:0}.card__body{color:var(--card-body-color);font-size:var(--card-body-size);line-height:var(--card-body-line-height)}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--card-gap);padding-top:var(--card-gap);border-top:1px solid var(--card-footer-border)}.card__meta{font-size:var(--card-meta-size);color:var(--card-meta-color)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(var(--card-hover-lift))}.card--elevated{box-shadow:var(--card-shadow-hover)}.card--minimal{border:none;box-shadow:none}.card--secondary{background:var(--card-bg-secondary)}.card--sm{padding:var(--card-padding-sm)}.card--lg{padding:var(--card-padding-lg)}.card--horizontal{display:flex;flex-direction:row;align-items:center;gap:var(--card-gap)}.card--compact{padding:0;overflow:hidden}.card--compact .card__header,.card--compact .card__body,.card--compact .card__footer{padding:var(--card-padding)}@media(max-width:768px){.card{padding:var(--card-padding-sm)}.card--horizontal{flex-direction:column;align-items:stretch}}:root{--badge-open-bg: var(--status-open-surface);--badge-open-text: var(--status-open);--badge-assigned-bg: var(--status-assigned-surface);--badge-assigned-text: var(--status-assigned);--badge-progress-bg: var(--status-progress-surface);--badge-progress-text: var(--status-progress);--badge-review-bg: var(--status-review-surface);--badge-review-text: var(--status-review);--badge-completed-bg: var(--status-completed-surface);--badge-completed-text: var(--status-completed);--badge-cancelled-bg: var(--status-cancelled-surface);--badge-cancelled-text: var(--status-cancelled);--badge-high-bg: var(--danger-bg);--badge-high-text: var(--danger-text);--badge-medium-bg: var(--warning-bg);--badge-medium-text: var(--warning-text);--badge-low-bg: var(--success-bg);--badge-low-text: var(--success-text);--badge-admin-bg: #fee2e2;--badge-admin-text: #991b1b;--badge-manager-bg: #fef3c7;--badge-manager-text: #92400e;--badge-editor-bg: #dbeafe;--badge-editor-text: #1e40af;--badge-padding-sm: 3px 6px;--badge-padding-md: 4px 10px;--badge-padding-lg: 6px 12px;--badge-font-size-sm: 10px;--badge-font-size-md: 12px;--badge-font-size-lg: 14px;--badge-font-weight: 600;--badge-radius: 20px;--badge-radius-sm: 12px;--badge-transition: all .2s ease;--badge-dot-size: 6px;--badge-dot-margin: 6px}.badge{display:inline-flex;align-items:center;gap:var(--badge-dot-margin);padding:var(--badge-padding-md);border-radius:var(--badge-radius);font-size:var(--badge-font-size-md);font-weight:var(--badge-font-weight);line-height:1;transition:var(--badge-transition);white-space:nowrap}.badge--open{background:var(--badge-open-bg);color:var(--badge-open-text)}.badge--assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-text)}.badge--progress{background:var(--badge-progress-bg);color:var(--badge-progress-text)}.badge--review{background:var(--badge-review-bg);color:var(--badge-review-text)}.badge--completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.badge--cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.badge--high{background:var(--badge-high-bg);color:var(--badge-high-text)}.badge--medium{background:var(--badge-medium-bg);color:var(--badge-medium-text)}.badge--low{background:var(--badge-low-bg);color:var(--badge-low-text)}.badge--admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge--manager{background:var(--badge-manager-bg);color:var(--badge-manager-text)}.badge--editor{background:var(--badge-editor-bg);color:var(--badge-editor-text)}.badge--sm{padding:var(--badge-padding-sm);font-size:var(--badge-font-size-sm);border-radius:var(--badge-radius-sm)}.badge--lg{padding:var(--badge-padding-lg);font-size:var(--badge-font-size-lg)}.badge--with-dot{gap:var(--badge-dot-margin)}.badge__dot{width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:50%;flex-shrink:0}.badge--open .badge__dot{background:var(--badge-open-text)}.badge--assigned .badge__dot{background:var(--badge-assigned-text)}.badge--progress .badge__dot{background:var(--badge-progress-text)}.badge--review .badge__dot{background:var(--badge-review-text)}.badge--completed .badge__dot{background:var(--badge-completed-text)}.badge--cancelled .badge__dot{background:var(--badge-cancelled-text)}.badge-open{background:var(--badge-open-bg);color:var(--badge-open-text)}.badge-assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-text)}.badge-in-progress,.badge-in_progress{background:var(--badge-progress-bg);color:var(--badge-progress-text)}.badge-in-review,.badge-in_review{background:var(--badge-review-bg);color:var(--badge-review-text)}.badge-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.badge-cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 var(--space-6);height:var(--btn-height);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow)}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--button-primary-shadow-hover)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-button)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--accent-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-danger{background:var(--accent-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-sm{height:var(--btn-height-sm);padding:0 16px;font-size:13px}.btn-lg{height:var(--btn-height-lg);padding:0 32px;font-size:16px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);transition:var(--card-transition);box-shadow:var(--card-shadow)}.card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--card-gap);padding-bottom:var(--card-gap);border-bottom:1px solid var(--card-header-border)}.card-title{font-size:var(--card-title-size);font-weight:var(--card-title-weight);color:var(--card-title-color);margin:0}.card-body{color:var(--card-body-color);font-size:var(--card-body-size);line-height:var(--card-body-line-height)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--card-gap);padding-top:var(--card-gap);border-top:1px solid var(--card-footer-border)}.badge{display:inline-flex;align-items:center;gap:var(--badge-dot-margin);padding:var(--badge-padding-md);border-radius:var(--badge-radius);font-size:var(--badge-font-size-md);font-weight:var(--badge-font-weight);text-transform:capitalize;white-space:nowrap}.badge-open,.status-badge.open{background:var(--badge-open-bg);color:var(--badge-open-text)}.badge-assigned,.status-badge.assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-text)}.badge-in-progress,.badge-in_progress,.status-badge.in_progress{background:var(--badge-progress-bg);color:var(--badge-progress-text)}.badge-in-review,.badge-in_review,.status-badge.in_review{background:var(--badge-review-bg);color:var(--badge-review-text)}.badge-completed,.status-badge.completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.badge-cancelled,.status-badge.cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.badge-high{background:var(--badge-high-bg);color:var(--badge-high-text)}.badge-medium{background:var(--badge-medium-bg);color:var(--badge-medium-text)}.badge-low{background:var(--badge-low-bg);color:var(--badge-low-text)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-surface)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-error{margin-top:6px;font-size:var(--font-size-sm);color:var(--accent-danger);display:flex;align-items:center;gap:4px}.form-hint{margin-top:6px;font-size:var(--font-size-sm);color:var(--text-muted)}.table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;padding:12px 16px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.table tbody td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:var(--font-size-base);color:var(--text-primary)}.table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-weight-semibold);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--bg-primary)}.avatar-group .avatar:first-child{margin-left:0}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family-base)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:4px 0 0}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-description{font-size:var(--font-size-base);color:var(--text-muted);margin:0 0 var(--space-4) 0}.loading-state{text-align:center;padding:var(--space-12);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.08)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid rgba(255,255,255,.08)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.transition-transform{transition-property:transform}.duration-200{transition-duration:.2s}.active\:scale-95:active{transform:scale(.95)}.dashboard-loading{display:flex;flex-direction:column;gap:24px}.dashboard-loading-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard-loading-actions{display:flex;gap:12px}.dashboard-loading-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.dashboard-loading-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dashboard-skeleton-title{width:220px;height:22px;margin-bottom:8px}.dashboard-skeleton-subtitle{width:180px;height:14px}.dashboard-skeleton-button{width:140px;height:40px;border-radius:var(--radius-md)}.dashboard-skeleton-icon{width:40px;height:40px;border-radius:var(--radius-md)}.dashboard-skeleton-card{height:110px;border-radius:var(--radius-lg)}.dashboard-skeleton-panel{height:180px;border-radius:var(--radius-lg)}.font-medium{font-weight:var(--font-weight-medium)}[data-theme=light] .card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .card-header{border-bottom-color:#e2e8f0}[data-theme=light] .card-footer{border-top-color:#e2e8f0}[data-theme=light] .table-container{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .table thead th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .table tbody td{border-bottom-color:#e2e8f0;color:#0f172a}[data-theme=light] .table tbody tr:hover{background:#f8fafc}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .modal-content{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 40px #00000026}[data-theme=light] .modal-header{border-bottom-color:#e2e8f0}[data-theme=light] .modal-footer{border-top-color:#e2e8f0}[data-theme=light] .btn-secondary{background:#fff;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#0ea5e91a;border-color:#0ea5e9;color:#0ea5e9}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;font-size:14px;font-family:var(--font-family-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;line-height:inherit;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-xl);font-weight:600}h3{font-size:var(--font-size-lg);font-weight:600}p,span,label{font-size:14px;color:var(--text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-surface);color:var(--primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 20px;background:var(--text-primary);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-large);z-index:3000;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.success{background:var(--accent-success)}.toast.error{background:var(--accent-danger)}.toast.warning{background:var(--accent-warning);color:var(--text-primary)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s ease}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media print{.sidebar,.topbar,.bottom-nav,.notification-wrapper{display:none!important}.app-content{margin:0!important;padding:20px!important}}.robotina-avatar-button{cursor:pointer;border:none;background:transparent!important;padding:0;outline:none;display:flex;align-items:center;justify-content:center}.robotina-avatar-core{width:40px;height:40px;background:linear-gradient(135deg,#0891b2,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#050505;box-shadow:0 4px 12px #0ea5e94d}.robotina-avatar-spark{position:absolute;bottom:0;right:0;width:18px;height:18px;background:#22d3ee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#050505;border:2px solid #0A0A0A;font-size:10px}.robotina-toggle-btn{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0891b2);border:2px solid rgba(14,165,233,.3);box-shadow:0 8px 24px #0ea5e966;cursor:pointer;z-index:2100;transition:transform .2s ease,box-shadow .2s ease;padding:0;display:flex;align-items:center;justify-content:center}.robotina-toggle-btn:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 32px #0ea5e980}.robotina-drawer{position:fixed;right:24px;bottom:100px;width:400px;height:calc(100vh - 160px);max-height:680px;background:#0a0a0af5;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#f8fafc;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2000;overflow:hidden;margin:0!important;padding:0!important;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.robotina-fab{position:fixed;bottom:80px;right:16px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0891b2);border:2px solid rgba(14,165,233,.3);box-shadow:0 8px 24px #0ea5e966;cursor:pointer;z-index:900;transition:transform .2s ease;padding:0;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.robotina-toggle-btn,.robotina-drawer{display:none!important}.robotina-fab{display:flex!important}.robotina-bottomsheet{position:fixed;bottom:0;left:0;width:100%;max-height:85vh;background:#0a0a0a;border-radius:24px 24px 0 0;z-index:3000;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.robotina-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2900}}@media(min-width:768px){.robotina-fab,.robotina-backdrop,.robotina-bottomsheet{display:none!important}.robotina-toggle-btn{display:flex!important}}.robotina-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#14141466;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.robotina-header-info{display:flex;align-items:center;gap:12px}.robotina-header-close{width:32px;height:32px;border:none;background:#ffffff0d;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.robotina-header-close:hover{background:#ff3b5c33;color:#ff3b5c;transform:rotate(90deg)}.robotina-label{margin:0;font-size:10px;color:#0ea5e9;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.robotina-title{margin:2px 0 0;font-size:15px;font-weight:700;color:#f8fafc}.robotina-chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:24px}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.user-bubble{align-self:flex-end;background:#0ea5e926;border:1px solid rgba(14,165,233,.25);color:#e2e8f0;border-bottom-right-radius:4px}.robotina-bubble{align-self:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.robotina-message{margin:0;white-space:pre-wrap}.robotina-link{color:#0ea5e9;text-decoration:none;border-bottom:1px dashed rgba(14,165,233,.5);font-weight:600}.robotina-input-area{display:flex;gap:10px;padding:20px 24px;background:#0f0f0f66;border-top:1px solid rgba(255,255,255,.08)}.robotina-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none}.robotina-input:focus{border-color:#0ea5e9}.robotina-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0ea5e9;border:none;border-radius:12px;color:#050505;cursor:pointer}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:6px;height:6px;background:#0ea5e9;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}[data-theme=light] .robotina-drawer{background:#fffffffa;border:1px solid #e2e8f0;color:#0f172a;box-shadow:0 25px 50px -12px #00000026}[data-theme=light] .robotina-bottomsheet{background:#fff;color:#0f172a}[data-theme=light] .robotina-header{background:#f8fafccc;border-bottom:1px solid #e2e8f0}[data-theme=light] .robotina-title{color:#0f172a}[data-theme=light] .robotina-header-close{background:#f1f5f9;color:#64748b}[data-theme=light] .robotina-header-close:hover{background:#ef44441a;color:#dc2626}[data-theme=light] .user-bubble{background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);color:#0f172a}[data-theme=light] .robotina-bubble{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}[data-theme=light] .robotina-input-area{background:#f8fafccc;border-top:1px solid #e2e8f0}[data-theme=light] .robotina-input{background:#fff;border:1px solid #e2e8f0;color:#0f172a}[data-theme=light] .robotina-input:focus{border-color:#0ea5e9}[data-theme=light] .robotina-input::placeholder{color:#94a3b8}[data-theme=light] .robotina-send-btn{background:#0ea5e9;color:#fff}[data-theme=light] .robotina-backdrop{background:#0000004d}.notification-wrapper{position:relative}.notification-bell{position:relative;width:44px;height:44px;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.notification-bell svg{width:22px;height:22px}.notification-bell:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-bell.has-unread{color:var(--primary)}.notification-badge{position:absolute;top:2px;right:2px;min-width:20px;height:20px;padding:0 6px;background:var(--accent-danger);color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-large);overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.notification-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.mark-all-read{font-size:13px;color:var(--primary);background:none;border:none;cursor:pointer;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);transition:all .15s ease}.mark-all-read:hover{background:var(--primary-surface)}.mark-all-read:disabled{color:var(--text-muted);cursor:default}.notification-list{flex:1;overflow-y:auto;max-height:360px}.notification-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s ease}.notification-item:hover{background:var(--bg-secondary)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--primary-surface)}.notification-item.unread:hover{background:var(--status-assigned-surface)}.notification-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification-icon.project{background:var(--primary-surface)}.notification-icon.review{background:var(--status-review-surface)}.notification-icon.completed{background:var(--status-completed-surface)}.notification-icon.assigned{background:var(--status-assigned-surface)}.notification-icon.message{background:var(--info-bg)}.notification-content{flex:1;min-width:0}.notification-text{font-size:14px;color:var(--text-primary);line-height:1.4;margin:0 0 4px}.notification-text strong{font-weight:600}.notification-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.notification-time{display:flex;align-items:center;gap:4px}.unread-dot{width:8px;height:8px;background:var(--primary);border-radius:50%}.notification-empty{padding:40px 20px;text-align:center}.notification-empty-icon{font-size:40px;margin-bottom:12px}.notification-empty h4{font-size:15px;color:var(--text-primary);margin:0 0 4px}.notification-empty p{font-size:13px;color:var(--text-muted);margin:0}.notification-footer{padding:12px 20px;border-top:1px solid var(--border-light);text-align:center}.view-all-link{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.view-all-link:hover{color:var(--primary-dark)}.notification-overlay{position:fixed;inset:0;z-index:999}@media(max-width:768px){.notification-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:70vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}.notification-header{padding:20px}.notification-header h3{font-size:18px}.notification-item{padding:16px 20px}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-surface)}:root{--sidebar-width-desktop: 250px;--sidebar-width-mobile: 280px;--sidebar-width-collapsed: 72px;--sidebar-z-index: 200;--sidebar-bg: #0f172a;--sidebar-border: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-active: #f8fafc;--sidebar-hover-bg: rgba(255, 255, 255, .03);--sidebar-active-bg: rgba(14, 165, 233, .1);--sidebar-active-indicator: #0EA5E9;--sidebar-active-item-bg: #E11D48;--sidebar-logo-padding: 24px 20px;--sidebar-logo-min-height: 80px;--sidebar-content-padding: 24px 12px;--sidebar-section-margin: 24px;--sidebar-nav-item-padding: 14px 20px;--sidebar-nav-item-margin: 0 12px 8px 12px;--sidebar-nav-item-gap: 14px;--sidebar-logo-text-size: 15px;--sidebar-logo-subtitle-size: 11px;--sidebar-section-label-size: 10px;--sidebar-nav-item-size: 14px;--sidebar-recent-project-size: 13px;--sidebar-logo-icon-radius: 8px;--sidebar-nav-item-radius: 12px;--sidebar-recent-item-radius: 6px;--sidebar-user-avatar-radius: 6px;--sidebar-transition: transform .3s cubic-bezier(.4, 0, .2, 1);--sidebar-item-transition: all .2s ease;--sidebar-overlay-bg: rgba(0, 0, 0, .6);--sidebar-overlay-blur: 4px;--sidebar-overlay-z-index: 199;--topbar-height: 64px;--topbar-z-index: 100;--topbar-bg: rgba(15, 23, 42, .6);--topbar-border: rgba(255, 255, 255, .08);--topbar-text: #94a3b8;--bottomnav-height: 64px;--bottomnav-z-index: 1000;--bottomnav-bg: rgba(15, 23, 42, .95);--bottomnav-border: rgba(255, 255, 255, .08);--bottomnav-shadow: 0 -2px 16px rgba(0, 0, 0, .15);--bottomnav-text: rgba(148, 163, 184, .6);--bottomnav-text-active: #0EA5E9;--bottomnav-active-indicator: #0EA5E9;--bottomnav-padding: 8px 0;--bottomnav-item-padding: 12px 8px 8px;--bottomnav-item-gap: 4px;--bottomnav-transition: all .2s ease;--breakpoint-mobile: 1024px;--breakpoint-tablet: 768px;--breakpoint-phone: 480px}[data-theme=light]{--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-text: #64748b;--sidebar-text-active: #0f172a;--sidebar-hover-bg: #f1f5f9;--sidebar-active-bg: rgba(14, 165, 233, .1);--sidebar-active-indicator: #0EA5E9;--sidebar-overlay-bg: rgba(0, 0, 0, .3);--bottomnav-bg: rgba(255, 255, 255, .95);--bottomnav-border: #e2e8f0;--bottomnav-shadow: 0 -1px 3px rgba(0, 0, 0, .08);--bottomnav-text: #64748b;--bottomnav-text-active: #0EA5E9;--topbar-bg: rgba(255, 255, 255, .9);--topbar-border: #e2e8f0;--topbar-text: #64748b}.topbar{height:var(--topbar-height);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:var(--topbar-z-index);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-center{flex:1;display:flex;justify-content:center;padding:0 24px}.topbar-menu-btn{display:none;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.topbar-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topbar-title{font-size:16px;font-weight:600;color:var(--text-primary)}.topbar-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.topbar-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.topbar-breadcrumb a:hover{color:var(--primary)}.topbar-breadcrumb span{color:var(--text-primary);font-weight:500}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-search{position:relative;width:100%;max-width:600px;flex:1}.topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.topbar-search input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:14px;background:var(--bg-tertiary);color:var(--text-primary);transition:var(--transition-fast)}.topbar-search input:focus{outline:none;background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search-results{position:absolute;top:calc(100% + 12px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;padding:12px;box-shadow:var(--shadow-lg);z-index:50;max-height:420px;overflow:hidden}.search-status{color:var(--text-muted);font-size:13px;padding:8px 10px}.topbar-logo{display:none}.search-status.error{color:var(--accent-danger)}.search-results-list{display:flex;flex-direction:column;gap:12px;max-height:390px;overflow-y:auto;padding-right:4px}.search-section{display:flex;flex-direction:column;gap:6px}.search-section-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:0 6px}.search-result-item{border:1px solid transparent;background:var(--bg-tertiary);color:var(--text-primary);text-align:left;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{border-color:var(--primary);background:var(--primary-surface)}.search-result-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:var(--bg-primary)}.topbar-user:hover{border-color:var(--primary);background:var(--primary-surface)}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.topbar-user-info{display:flex;flex-direction:column}.topbar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.topbar-user-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}@media(max-width:1024px){.topbar-menu-btn{display:flex;align-items:center;justify-content:center}}@media(max-width:768px){.topbar{padding:0 16px;height:56px}.topbar-logo{display:block!important}.topbar-search{display:none}.topbar-title{font-size:15px}.topbar-user{padding:4px;border:none;background:transparent}.topbar-user-info{display:none}.topbar-avatar{width:36px;height:36px;font-size:13px}}.main-layout{display:flex;min-height:100vh;background:#050505;color:#f8fafc}.main-sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:#0a0a0a;border-right:1px solid rgba(255,255,255,.08);display:none;flex-direction:column;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.main-sidebar{display:flex}}.main-sidebar.collapsed{width:72px}.mobile-menu-overlay{display:none}@media(max-width:768px){.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.main-sidebar.mobile-open{display:flex;transform:translate(0);z-index:100}.main-sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}}.sidebar-header{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);min-height:80px}.sidebar-logo-icon{width:32px;height:32px;background:#0ea5e9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#050505;font-weight:700;font-size:16px;flex-shrink:0}.sidebar-logo-image-main{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0;display:block;background:#1e293b}.sidebar-logo-text{display:flex;flex-direction:column}.logo-title{font-size:15px;font-weight:600;color:#f8fafc;line-height:1.2}.logo-subtitle{font-size:11px;color:#64748b;font-weight:400}.sidebar-nav{flex:1;padding:24px 12px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:0 0 4px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-nav-item:hover{background:#ffffff0d;color:#f8fafc}.sidebar-nav-item.active{background:#0ea5e9;color:#050505;font-weight:600}.sidebar-nav-item svg{flex-shrink:0}.main-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px}.main-sidebar.collapsed .sidebar-nav-item span{display:none}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0a}.sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sidebar-user-avatar{width:32px;height:32px;border-radius:6px;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:500;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#64748b;text-transform:capitalize}.sidebar-logout-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a}.sidebar-collapse-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0a0a0a;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin:0 auto}.sidebar-collapse-btn:hover{background:#ffffff0d;color:#f8fafc}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.main-content-wrapper{margin-left:0!important;width:100%!important}}@media(min-width:768px){.main-content-wrapper{margin-left:240px}.main-content-wrapper.sidebar-collapsed{margin-left:72px}}.main-content{flex:1;padding:1rem;background:#050505;overflow-x:hidden;margin-bottom:80px}@media(min-width:768px){.main-content{margin-bottom:0;padding:2rem}}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0a0a0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}@media(min-width:768px){.mobile-tab-bar{display:none}}.tab-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;flex:1;max-width:80px;text-decoration:none;color:#64748b;transition:all .2s;position:relative}.tab-bar-item.active{color:#0ea5e9}.tab-bar-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:2px;background:#0ea5e9;border-radius:0 0 2px 2px}.tab-bar-icon{position:relative;display:flex;align-items:center;justify-content:center}.tab-bar-badge{position:absolute;top:-4px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;border:1.5px solid rgba(10,10,10,.8)}.tab-bar-label{font-size:11px;font-weight:500;white-space:nowrap}[data-theme=light] .main-layout{background:#f8fafc;color:#0f172a}[data-theme=light] .main-sidebar{background:#fff;border-right:1px solid #e2e8f0}[data-theme=light] .sidebar-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .sidebar-logo-icon{background:#0ea5e9;color:#fff}[data-theme=light] .sidebar-logo-image-main{background:#f1f5f9}[data-theme=light] .logo-title{color:#0f172a}[data-theme=light] .logo-subtitle,[data-theme=light] .sidebar-nav-item{color:#64748b}[data-theme=light] .sidebar-nav-item:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .sidebar-nav-item.active{background:#0ea5e9;color:#fff}[data-theme=light] .sidebar-footer{border-top:1px solid #e2e8f0;background:#fff}[data-theme=light] .sidebar-user-avatar{background:#e2e8f0;color:#0f172a}[data-theme=light] .sidebar-user-name{color:#0f172a}[data-theme=light] .sidebar-user-role,[data-theme=light] .sidebar-logout-btn{color:#64748b}[data-theme=light] .sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a}[data-theme=light] .sidebar-collapse-btn{border:1px solid #e2e8f0;background:#fff;color:#64748b}[data-theme=light] .sidebar-collapse-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .main-content{background:#f8fafc}[data-theme=light] .mobile-tab-bar{background:#fffffff2;border-top:1px solid #e2e8f0}[data-theme=light] .tab-bar-item{color:#64748b}[data-theme=light] .tab-bar-item.active{color:#0ea5e9}[data-theme=light] .tab-bar-item.active:before{background:#0ea5e9}[data-theme=light] .tab-bar-badge{border:1.5px solid rgba(255,255,255,.8)}[data-theme=light] .mobile-menu-overlay{background:#0000004d}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-medium);animation:slideIn .3s ease-out;min-width:300px;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4;color:var(--text-primary)}.toast-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success{border-left:4px solid var(--accent-success)}.toast-success .toast-icon{color:var(--accent-success)}.toast-error{border-left:4px solid var(--accent-danger)}.toast-error .toast-icon{color:var(--accent-danger)}.toast-warning{border-left:4px solid var(--accent-warning)}.toast-warning .toast-icon{color:var(--accent-warning)}.toast-info{border-left:4px solid var(--accent-info)}.toast-info .toast-icon{color:var(--accent-info)}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;max-width:none}}.login-container-new{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:20px;font-family:var(--font-family-base);position:relative;overflow:hidden}.login-container-new:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--primary-surface) 0%,transparent 50%);opacity:.3;pointer-events:none}.login-content{width:100%;max-width:440px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container-new{text-align:center;margin-bottom:48px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-circle{width:120px;height:120px;margin:0 auto 24px;background:var(--button-primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-glow);transition:transform .3s ease}.logo-circle:hover{transform:scale(1.05)}.logo-k{font-size:56px;font-weight:700;color:#fff;position:relative;z-index:1}.logo-arrow{position:absolute;right:25px;width:0;height:0;border-left:18px solid white;border-top:11px solid transparent;border-bottom:11px solid transparent}.logo-title{font-size:38px;color:var(--text-primary);font-weight:700;letter-spacing:3px;margin-bottom:8px;line-height:1.2}.logo-subtitle{color:var(--text-muted);font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.7;font-weight:500}.login-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-card);animation:slideUp .6s ease-out .2s backwards;transition:box-shadow .3s ease}.login-card:hover{box-shadow:var(--shadow-medium)}.error-alert{background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--danger-text);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:20px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:18px;flex-shrink:0}.input-group-new{margin-bottom:20px;animation:slideUp .6s ease-out backwards}.input-group-new:nth-child(2){animation-delay:.3s}.input-group-new:nth-child(3){animation-delay:.4s}.input-wrapper-new{position:relative;display:flex;align-items:center}.input-icon-new{position:absolute;left:18px;width:20px;height:20px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:1}.input-wrapper-new:focus-within .input-icon-new{color:var(--primary)}.input-group-new input{width:100%;height:52px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:0 50px;color:var(--text-primary);font-size:15px;font-weight:400;transition:all var(--transition-fast);font-family:inherit}.input-group-new input::placeholder{color:var(--text-placeholder)}.input-group-new input:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-surface)}.input-group-new input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.toggle-password-new{position:absolute;right:18px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;transition:color var(--transition-fast);display:flex;align-items:center;z-index:1}.toggle-password-new svg{width:20px;height:20px}.toggle-password-new:hover{color:var(--text-primary)}.forgot-password-new{text-align:right;margin-top:12px;margin-bottom:24px}.forgot-password-new a{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.forgot-password-new a:hover{color:var(--primary-dark);text-decoration:underline}.login-button-new{width:100%;height:52px;background:var(--button-primary-bg);border:none;border-radius:var(--radius-md);color:var(--button-primary-text);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--button-primary-shadow);animation:slideUp .6s ease-out .5s backwards;display:flex;align-items:center;justify-content:center;gap:8px}.login-button-new:hover:not(:disabled){background:var(--button-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.login-button-new:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-button)}.login-button-new:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner-new{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@media(max-width:480px){.login-container-new{padding:16px}.login-card{padding:32px 24px}.logo-container-new{margin-bottom:32px}.logo-title{font-size:32px;letter-spacing:2px}.logo-circle{width:100px;height:100px}.logo-k{font-size:48px}.input-group-new input{height:48px;font-size:14px}.login-button-new{height:48px;font-size:15px}}@media(max-width:360px){.login-card{padding:24px 20px}.logo-title{font-size:28px}.logo-circle{width:90px;height:90px}.logo-k{font-size:42px}}.admin-dashboard{max-width:1100px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family-base);width:100%;box-sizing:border-box;overflow-x:hidden;background:transparent;min-height:100vh}.admin-dashboard *{box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px;flex-wrap:wrap}.admin-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-header-text h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.admin-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.btn-new-project{background:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-fast);box-shadow:var(--button-primary-shadow)}.btn-new-project:hover{background:var(--button-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.btn-new-project:active{transform:translateY(0);box-shadow:var(--shadow-button)}.btn-dashboard-config{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:var(--transition-fast)}.btn-dashboard-config:hover{border-color:var(--primary);box-shadow:var(--shadow-soft)}.btn-dashboard-config.active{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.btn-dashboard-config-icon{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);padding:8px;border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-dashboard-config-icon:hover{border-color:var(--primary);box-shadow:var(--shadow-soft)}.btn-dashboard-config-icon.active{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.dashboard-sections{display:flex;flex-direction:column;gap:28px}.dashboard-section{width:100%}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.dashboard-section-actions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.section-reorder-controls{display:inline-flex;align-items:center;gap:6px}.section-reorder-btn{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-md);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.section-reorder-btn:disabled{opacity:.4;cursor:not-allowed}.section-reorder-btn:not(:disabled):hover{border-color:var(--primary);color:var(--primary)}.admin-alerts-section{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-alerts-summary{margin-bottom:12px}.admin-alerts-toggle{width:100%;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:var(--transition-fast)}.admin-alerts-toggle:hover{border-color:var(--primary);box-shadow:var(--shadow-soft)}.admin-alerts-toggle .rotate-90{transform:rotate(90deg)}.admin-alerts-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin:0 0 16px}.admin-alerts-list{display:flex;flex-direction:column;gap:12px}.admin-alerts-empty{font-size:13px;color:var(--text-muted);padding:8px 0}.admin-alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#0f172a99;transition:var(--transition-fast);width:100%;text-align:left;font-family:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-alert-item:hover{transform:scale(1.01);border-color:var(--primary);box-shadow:var(--shadow-soft)}.admin-alert-item.priority-high{border-left:3px solid var(--accent-danger);background:#ef44441f}.health-section-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.health-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.health-project-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px;background:#0f172a99;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-project-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-soft)}.health-project-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-primary)}.health-project-index{color:var(--text-muted);font-size:12px}.healthbar-row{display:flex;align-items:center;gap:6px}.healthbar-block{width:18px;height:10px;border-radius:var(--radius-md);background:var(--border-light)}.healthbar-good{background:linear-gradient(90deg,#22c55e,#10b981)}.healthbar-warning{background:linear-gradient(90deg,#0ea5e9,#0891b2)}.healthbar-risk{background:linear-gradient(90deg,#ef4444,#dc2626)}.healthbar-empty,.health-loading,.health-empty{font-size:13px;color:var(--text-muted)}.health-skeleton-line{height:12px;width:100%;margin-bottom:8px}.health-skeleton-line.short{width:65%;margin-bottom:0}@media(min-width:640px){.admin-alerts-list,.admin-alerts-list.collapsed{display:flex}}@media(max-width:640px){.admin-alerts-section{padding:16px}}.admin-alert-item.priority-medium{border-left:3px solid var(--accent-warning);background:#f59e0b1f}.admin-alert-item.priority-low{border-left:3px solid var(--accent-info);background:#3b82f61f}.admin-alert-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.admin-alert-icon.priority-high{color:var(--accent-danger)}.admin-alert-icon.priority-medium{color:var(--accent-warning)}.admin-alert-icon.priority-low{color:var(--accent-info)}.admin-alert-content{flex:1}.admin-alert-message{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.admin-alert-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;width:100%;max-width:100%}.admin-stat-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-stat-card:hover{background:var(--bg-primary);border-color:var(--primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.admin-stat-card.highlight{background:linear-gradient(135deg,#6366f1e6,#4f46e5e6);border-color:#ffffff1f;box-shadow:var(--shadow-button)}.admin-stat-card.highlight:hover{box-shadow:var(--shadow-glow)}.admin-stat-card.highlight .stat-value,.admin-stat-card.highlight .stat-label{color:#fff}.admin-stat-card.success{border-left:4px solid var(--accent-success)}.admin-stat-card.warning{border-left:4px solid var(--accent-warning)}.admin-stat-card.danger{border-left:4px solid var(--accent-danger)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#0f172a99;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary)}.admin-stat-card.highlight .stat-icon{background:#fff3;color:#fff}.stat-trend{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.stat-trend.up{background:#16a34a1a;color:var(--accent-success)}.stat-trend.down{background:#dc26261a;color:var(--accent-danger)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.admin-content-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;width:100%;max-width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;margin:0}.section-link{font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:4px;background:transparent;border:none;padding:0;cursor:pointer;font-family:inherit}.section-link:hover{text-decoration:underline}.dashboard-quick-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,360px);gap:24px}.recent-projects-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;transition:var(--transition-normal);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.recent-projects-card:hover{border-color:var(--primary);box-shadow:var(--shadow-medium)}.projects-mini-table{width:100%;min-width:600px;border-collapse:collapse}.projects-mini-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.08)}.projects-mini-table td{padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);font-size:var(--font-size-sm);color:var(--text-primary)}.projects-mini-table tbody tr{cursor:pointer;transition:var(--transition-fast);background:#0f172abf}.projects-mini-table tbody tr:hover{background:#1e293bb3}.projects-mini-table tbody tr:last-child td{border-bottom:none}.project-name-cell{display:flex;align-items:center;gap:10px}.project-icon-small{width:32px;height:32px;border-radius:8px;background:#6366f126;display:flex;align-items:center;justify-content:center;color:var(--primary)}.project-title-text{font-weight:600;color:var(--text-primary)}.editor-cell{display:flex;align-items:center;gap:8px}.editor-avatar-small{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:var(--font-size-xs);font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.admin-sidebar{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%}.quick-actions-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-normal);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quick-actions-card:hover{border-color:var(--primary);box-shadow:var(--shadow-medium)}.quick-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;margin-bottom:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-action-btn:last-child{margin-bottom:0}.quick-action-btn:hover{background:#6366f11f;border-color:var(--primary)}.quick-action-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#0f172a99;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.quick-action-btn:hover .quick-action-icon{background:var(--primary);color:#fff}.quick-action-text{text-align:left}.quick-action-text strong{display:block;font-size:14px;color:var(--text-primary);font-weight:600}.quick-action-text span{font-size:12px;color:var(--text-muted)}.pending-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-normal);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pending-card:hover{border-color:var(--primary);box-shadow:var(--shadow-medium)}.pending-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pending-item:last-child{margin-bottom:0}.pending-item:hover{background:#6366f11f;border-color:var(--primary)}.pending-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--status-review-surface);color:var(--status-review);display:flex;align-items:center;justify-content:center;font-size:16px}.pending-info{flex:1}.pending-title{font-size:13px;font-weight:600;color:var(--text-primary)}.pending-editor{font-size:12px;color:var(--text-muted)}.pending-arrow{color:var(--text-muted)}.empty-pending{text-align:center;padding:20px;color:var(--text-muted);font-size:14px}.recent-projects-mobile{display:none}.project-mobile-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition-fast);border-left:4px solid var(--primary);margin-bottom:var(--space-3);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-mobile-card:last-child{margin-bottom:0}.project-mobile-card:hover,.project-mobile-card:active{border-color:var(--primary);background:var(--bg-primary);box-shadow:var(--shadow-medium);transform:translate(4px)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.mobile-card-title{font-weight:600;color:var(--text-primary);font-size:15px;flex:1;line-height:1.3}.status-badge-mini{font-size:var(--badge-font-size-sm);font-weight:var(--badge-font-weight);padding:var(--badge-padding-sm);border-radius:var(--badge-radius-sm);white-space:nowrap;flex-shrink:0}.status-badge-mini.status-open{background:var(--badge-open-bg);color:var(--badge-open-text)}.status-badge-mini.status-assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-text)}.status-badge-mini.status-in_progress{background:var(--badge-progress-bg);color:var(--badge-progress-text)}.status-badge-mini.status-in_review{background:var(--badge-review-bg);color:var(--badge-review-text)}.status-badge-mini.status-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.mobile-card-body{display:flex;justify-content:space-between;align-items:center}.mobile-editor{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.mobile-editor .no-editor{color:var(--text-muted);font-style:italic}.mobile-payment{font-size:16px;font-weight:700;color:var(--accent-success)}.empty-mobile-card{background:#0f172abf;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.interactive-row{transform-origin:center}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-quick-grid{grid-template-columns:1fr}.recent-projects-card{display:none}.recent-projects-mobile{display:block}}@media(max-width:768px){.admin-dashboard{padding:12px;overflow-x:hidden;width:100%;max-width:100vw}.admin-header{flex-direction:column;align-items:stretch;width:100%}.admin-header-actions{width:100%}.btn-dashboard-config{width:100%;justify-content:center}.btn-new-project{justify-content:center;width:100%}.btn-dashboard-config-icon{align-self:flex-end}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.admin-stat-card{padding:14px;min-width:0}.stat-value{font-size:20px}.stat-label{font-size:10px}.stat-icon{width:32px;height:32px;font-size:14px}.quick-actions-card{padding:16px;width:100%}.quick-action-btn{padding:12px;width:100%}.quick-action-icon{width:36px;height:36px;font-size:16px}.quick-action-text strong{font-size:13px}.quick-action-text span{font-size:11px}.section-header{flex-wrap:wrap;gap:8px;width:100%}.section-title{font-size:12px}.pending-card{width:100%}.admin-alerts-list.collapsed{display:none}.admin-alerts-list.expanded{display:flex}}@media(max-width:400px){.admin-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stat-card{padding:12px}.stat-value{font-size:18px}.stat-header{margin-bottom:8px}.stat-trend{font-size:10px;padding:2px 6px}.mobile-card-title{font-size:14px}.status-badge-mini{font-size:9px;padding:3px 6px}.mobile-payment{font-size:14px}.mobile-editor{font-size:12px}}[data-theme=light] .admin-alerts-section{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .admin-alerts-toggle{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .admin-alerts-toggle:hover{border-color:#0ea5e9;box-shadow:0 1px 3px #0000000d}[data-theme=light] .admin-alert-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .admin-alert-item:hover{background:#f1f5f9}[data-theme=light] .admin-alert-item.priority-high{background:#fef2f2;border-left-color:#dc2626}[data-theme=light] .admin-alert-item.priority-medium{background:#fffbeb;border-left-color:#f59e0b}[data-theme=light] .admin-alert-item.priority-low{background:#eff6ff;border-left-color:#3b82f6}[data-theme=light] .health-section-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .health-project-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .health-project-card:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #00000014}[data-theme=light] .admin-stat-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .admin-stat-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #00000014}[data-theme=light] .admin-stat-card.highlight{background:linear-gradient(135deg,#0ea5e91a,#0891b21a);border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926}[data-theme=light] .admin-stat-card.highlight .stat-value,[data-theme=light] .admin-stat-card.highlight .stat-label{color:#0f172a}[data-theme=light] .admin-stat-card.highlight .stat-icon{background:#0ea5e926;color:#0891b2}[data-theme=light] .stat-icon{background:#f8fafc;color:#64748b}[data-theme=light] .recent-projects-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .recent-projects-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #00000014}[data-theme=light] .projects-mini-table th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .projects-mini-table td{border-bottom-color:#e2e8f0;color:#0f172a}[data-theme=light] .projects-mini-table tbody tr{background:#fff}[data-theme=light] .projects-mini-table tbody tr:hover{background:#f8fafc}[data-theme=light] .quick-actions-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .quick-actions-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #00000014}[data-theme=light] .quick-action-btn{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .quick-action-btn:hover{background:#0ea5e91a;border-color:#0ea5e9}[data-theme=light] .quick-action-icon{background:#f8fafc;color:#64748b}[data-theme=light] .quick-action-btn:hover .quick-action-icon{background:#0ea5e9;color:#fff}[data-theme=light] .pending-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .pending-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #00000014}[data-theme=light] .pending-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .pending-item:hover{background:#0ea5e91a;border-color:#0ea5e9}[data-theme=light] .project-mobile-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}[data-theme=light] .project-mobile-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #00000014}[data-theme=light] .empty-mobile-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .admin-header-text h1{color:#0f172a}[data-theme=light] .admin-header-text p,[data-theme=light] .section-title{color:#64748b}[data-theme=light] .project-title-text,[data-theme=light] .admin-alert-message{color:#0f172a}[data-theme=light] .admin-alert-meta{color:#64748b}[data-theme=light] .pending-title{color:#0f172a}[data-theme=light] .pending-editor{color:#64748b}[data-theme=light] .mobile-card-title{color:#0f172a}[data-theme=light] .mobile-editor{color:#64748b}.editor-dashboard{max-width:1000px;margin:0 auto;padding:var(--space-6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;width:100%;box-sizing:border-box;background:transparent;min-height:100vh}.dashboard-header{margin-bottom:28px}.greeting{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.greeting-sub{font-size:14px;color:var(--text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:var(--transition-fast);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card:hover{background:#1e293bbf;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.stat-card.primary{background:linear-gradient(135deg,#6366f1e6,#4f46e5e6);border-color:#ffffff1f;box-shadow:0 2px 8px #ffa5004d}.stat-card.primary:hover{box-shadow:0 4px 12px #ffa50066}.stat-card.primary .stat-value,.stat-card.primary .stat-label{color:var(--text-primary)}.stat-card.success{background:linear-gradient(135deg,#22c55ee6,#15803de6);border-color:#ffffff1f;box-shadow:0 2px 8px #22c55e4d}.stat-card.success:hover{box-shadow:0 4px 12px #22c55e66}.stat-card.success .stat-value,.stat-card.success .stat-label{color:var(--text-primary)}.stat-icon{width:40px;height:40px;border-radius:10px;background:#0f172a99;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary)}.stat-card.primary .stat-icon,.stat-card.success .stat-icon{background:#fff3}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.active-project-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);cursor:pointer;transition:var(--transition-fast);border-left:4px solid var(--primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.active-project-card:hover{background:#1e293bbf;border-color:var(--border-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.active-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.active-project-info{flex:1}.active-project-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.active-project-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.meta-item.urgent{color:var(--accent-danger);font-weight:600}.active-project-payment{font-size:24px;font-weight:700;color:var(--accent-success)}.active-project-body{margin-bottom:20px}.active-project-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.active-project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.progress-section{display:flex;align-items:center;gap:12px;flex:1}.progress-bar-large{flex:1;max-width:200px;height:8px;background:#0f172a99;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#38bdf8);border-radius:4px;transition:width .3s ease}.progress-label{font-size:13px;color:var(--text-muted)}.btn-continue{background:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-fast);box-shadow:var(--button-primary-shadow)}.btn-continue:hover{transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.marketplace-banner{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.marketplace-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a4d}.marketplace-content{display:flex;align-items:center;gap:16px}.marketplace-icon{width:48px;height:48px;background:#6366f1cc;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.marketplace-text h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.marketplace-text p{font-size:13px;color:var(--text-secondary);margin:0}.marketplace-arrow{color:var(--text-muted)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quick-action:hover{background:#1e293bbf;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.quick-action-icon{width:44px;height:44px;background:#0f172a99;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition-fast)}.quick-action:hover .quick-action-icon{background:var(--primary);color:var(--text-primary)}.quick-action span{font-size:13px;font-weight:500;color:var(--text-secondary)}.quick-action:hover span{color:var(--primary-dark)}.no-active-project{background:#0f172abf;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;margin-bottom:var(--space-8);transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-active-project:hover{border-color:#ffffff4d;background:#1e293bb3}.no-active-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:48px;margin-bottom:16px}.no-active-project h3{font-size:16px;color:var(--text-primary);margin:0 0 8px}.no-active-project p{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:768px){.editor-dashboard{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.active-project-header{flex-direction:column}.active-project-payment{font-size:20px}.active-project-footer{flex-direction:column;gap:16px;align-items:stretch}.progress-section{width:100%}.progress-bar-large{max-width:none}.btn-continue{justify-content:center}.marketplace-banner{flex-direction:column;text-align:center;gap:16px}.marketplace-content{flex-direction:column}.marketplace-arrow{display:none}.quick-actions-grid{grid-template-columns:1fr}.quick-action{flex-direction:row;justify-content:flex-start;padding:16px}}.users-management{min-height:100vh;background:var(--bg-page);padding-bottom:40px}.users-header{background:var(--bg-secondary);padding:20px 32px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.back-button{padding:8px 16px;background:var(--bg-tertiary);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.back-button:hover{background:var(--border-medium);transform:translate(-2px)}.users-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:16px}.user-info-badge{padding:6px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:14px;color:var(--text-primary)}.logout-button{padding:8px 16px;background:var(--accent-danger);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:var(--danger-text)}.message{max-width:1200px;margin:0 auto 20px;padding:16px 32px;border-radius:8px;font-weight:500}.message-success{background:var(--success-bg);color:var(--success-text);border-left:4px solid var(--accent-success)}.message-error{background:var(--danger-bg);color:var(--danger-text);border-left:4px solid var(--accent-danger)}.actions-bar{max-width:1200px;margin:0 auto 20px;padding:0 32px;display:flex;justify-content:space-between;align-items:center}.stats{display:flex;gap:24px}.stat-item{color:var(--text-secondary);font-size:14px}.stat-item strong{color:var(--text-primary);font-size:18px;margin-right:4px}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow);padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:var(--button-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--button-primary-shadow-hover)}.table-container{max-width:1200px;margin:0 auto;padding:0 32px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--table-header-bg)}.users-table th{padding:16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--table-border)}.users-table td{padding:16px;border-bottom:1px solid var(--table-border);color:var(--text-secondary)}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:var(--table-row-hover)}.inactive-row{opacity:.6}.no-data{text-align:center;padding:40px;color:var(--text-muted)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-admin{background:var(--warning-bg);color:var(--warning-text)}.badge-manager{background:var(--info-bg);color:var(--info-text)}.badge-editor{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-active{background:var(--success-bg);color:var(--success-text)}.status-inactive{background:var(--danger-bg);color:var(--danger-text)}.actions-cell{display:flex;gap:8px}.btn-edit,.btn-activate,.btn-deactivate{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.btn-edit{background:var(--info-bg)}.btn-edit:hover{background:var(--info-border);transform:scale(1.1)}.btn-activate{background:var(--success-bg)}.btn-activate:hover{background:var(--success-border);transform:scale(1.1)}.btn-deactivate{background:var(--danger-bg)}.btn-deactivate:hover{background:var(--danger-border);transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;color:var(--text-primary)}.close-button{background:none;border:none;font-size:32px;color:var(--text-muted);cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.close-button:hover{color:var(--text-secondary)}.user-form{padding:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid var(--input-border);border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background:var(--bg-secondary);cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-submit{padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary)}.btn-cancel:hover{background:var(--border-medium)}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:16px}.spinner{width:50px;height:50px;border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.users-header{flex-direction:column;gap:16px;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.actions-bar{flex-direction:column;gap:16px;align-items:stretch}.stats{flex-direction:column;gap:8px}.table-container{overflow-x:auto}.users-table{min-width:800px}.modal-content{width:95%}}.projects-list-container{max-width:1200px;margin:0 auto;padding:24px;font-family:var(--font-family-base)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.projects-header h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;gap:8px}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;box-shadow:var(--button-primary-shadow)}.btn-primary:hover{background:var(--button-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--button-primary-shadow-hover)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-button)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);padding:10px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.search-bar{margin-bottom:16px}.search-input{width:100%;max-width:320px;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-surface)}.filter-tabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.filter-tab{padding:8px 14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.filter-tab:hover{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.filter-tab.active{background:var(--button-primary-bg);border-color:transparent;color:#fff;box-shadow:var(--button-primary-shadow)}.filter-count{font-size:11px;padding:2px 6px;background:#0000001a;border-radius:10px}.filter-tab.active .filter-count{background:#ffffff40}.projects-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:all var(--transition-fast)}.projects-table-container:hover{box-shadow:var(--shadow-medium);border-color:var(--primary)}.projects-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.projects-table tbody tr:hover{background:var(--table-row-hover)}.project-id{font-size:12px;font-weight:600;color:var(--text-muted);font-family:monospace}.project-info{display:flex;flex-direction:column;gap:2px}.project-client-muted{font-size:11px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:4px}.project-client-muted:before{content:"👤";font-size:10px}.client-tag-mobile{font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;width:fit-content;margin-top:4px}.leader-cell{display:flex;align-items:center;gap:8px}.leader-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary)}.leader-name{font-size:13px;color:var(--text-secondary)}.team-avatars{display:flex;align-items:center}.team-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-secondary);margin-left:-8px}.team-avatar:first-child{margin-left:0}.team-avatar.extra{background:var(--primary-surface);color:var(--primary-dark)}.deadline-cell.warning{color:var(--accent-warning)}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.priority-high{background:var(--danger-bg);color:var(--danger-text)}.priority-medium{background:var(--warning-bg);color:var(--warning-text)}.priority-low{background:var(--success-bg);color:var(--success-text)}.status-open{background:var(--status-open-surface);color:var(--status-open)}.status-cancelled{background:var(--status-cancelled-surface);color:var(--status-cancelled)}.actions-cell{display:flex;gap:4px}.action-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.danger:hover{background:var(--danger-bg);color:var(--danger-text)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading{text-align:center;padding:60px;color:var(--text-muted)}@media(max-width:900px){.projects-table-container{display:none}.projects-mobile-list{display:flex;flex-direction:column;gap:12px}.project-mobile-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-soft)}.project-mobile-card:hover{background:var(--bg-primary);border-color:var(--primary);box-shadow:var(--shadow-medium)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mobile-card-title{font-weight:600;color:var(--text-primary);font-size:15px}.mobile-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}}@media(min-width:901px){.projects-mobile-list{display:none}}.projects-page{max-width:1200px;margin:0 auto;padding:var(--space-6);font-family:var(--font-family-base);background:var(--bg-primary);min-height:100vh}.projects-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.projects-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0 0 0;font-weight:400}.projects-filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.filter-search{display:flex;align-items:center}.projects-table-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:all var(--transition-fast)}.projects-table-wrapper:hover{box-shadow:var(--shadow-medium);border-color:var(--primary)}.project-row{transition:background .15s ease}.project-row:hover{background:var(--table-row-hover)}.project-info{min-width:200px}.project-title{font-weight:600;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.project-description{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.deadline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.deadline.urgent{color:var(--danger-text);font-weight:600}.deadline.warning{color:var(--warning-text);font-weight:500}.no-deadline{color:var(--text-disabled);font-style:italic}.payment-cell{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.project-actions{display:flex;gap:var(--space-1)}.action-btn.view{color:var(--text-muted)}.action-btn.view:hover{background:var(--primary-surface);color:var(--primary)}.loading-state{text-align:center;padding:var(--space-16);color:var(--text-muted);font-size:var(--text-base)}.empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--text-lg);color:var(--text-primary);margin:var(--space-2) 0;font-weight:600}.empty-state p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.filter-tab.urgent{border-color:var(--danger-border);color:var(--danger-text)}.filter-tab.urgent:hover{background:var(--danger-bg);border-color:var(--danger-text)}.filter-tab.urgent.active{background:var(--danger-text);border-color:var(--danger-text);color:#fff}@media(max-width:768px){.projects-page{padding:var(--space-4)}.projects-title{font-size:var(--text-lg)}.filter-tabs{flex-wrap:wrap}.search-input{max-width:100%}}.kanban-page{max-width:1400px;margin:0 auto;padding:16px}.kanban-board-wrapper{overflow-x:auto;padding-bottom:12px}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);gap:16px;align-items:start;padding-bottom:4px}.kanban-column{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-soft);min-height:240px;display:flex;flex-direction:column;gap:10px}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kanban-column-title{font-weight:600;color:var(--text-secondary);font-size:14px}.kanban-column-count{min-width:28px;height:28px;border-radius:14px;background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.kanban-column-body{display:flex;flex-direction:column;gap:12px}.kanban-column-body .project-row{border-radius:12px;border:1px solid var(--border-light);box-shadow:inset 0 0 0 1px #fff3}.kanban-column-body .project-row:hover{background:var(--bg-tertiary)}.kanban-team{justify-content:flex-end;width:100%;margin-top:6px}.kanban-empty{padding:16px;text-align:center;color:var(--text-secondary);border:1px dashed var(--border-light);border-radius:12px;background:#fcfdff}.desktop-only{display:none}@media(min-width:1024px){.desktop-only{display:flex}}@media(min-width:1280px){.kanban-board{grid-auto-columns:minmax(320px,360px)}}@media(max-width:1023px){.kanban-page{display:none}}.my-projects-container{max-width:1000px;margin:0 auto;padding:24px;font-family:var(--font-family-base)}.my-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.my-projects-header h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.stats-row{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.stat-card{flex:1;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-card.highlight{background:var(--primary-surface);border-color:var(--primary)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-card.highlight .stat-value{color:var(--primary-dark)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.filter-pills{display:flex;gap:8px;margin-bottom:20px}.pill{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pill:hover{border-color:var(--primary);color:var(--primary)}.pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.projects-table-container{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.projects-table{width:100%;border-collapse:collapse}.projects-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.projects-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-primary);vertical-align:middle}.projects-table tbody tr{cursor:pointer;transition:background .15s ease}.projects-table tbody tr:hover{background:var(--bg-tertiary)}.projects-table tbody tr:last-child td{border-bottom:none}.project-name-cell{display:flex;align-items:center;gap:12px}.project-icon{width:36px;height:36px;border-radius:8px;background:var(--primary-surface);display:flex;align-items:center;justify-content:center;font-size:16px}.project-name{font-weight:600;color:var(--text-primary)}.payment-cell{font-weight:600;color:var(--accent-success)}.deadline-cell{font-size:13px;color:var(--text-secondary)}.deadline-cell.urgent{color:var(--accent-danger);font-weight:600}.deadline-cell.warning{color:var(--accent-warning);font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.status-assigned{background:var(--status-assigned-surface);color:var(--status-assigned)}.status-in_progress{background:var(--status-progress-surface);color:var(--status-progress)}.status-in_review{background:var(--status-review-surface);color:var(--status-review)}.status-completed{background:var(--status-completed-surface);color:var(--status-completed)}.progress-cell{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;max-width:80px}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-muted);min-width:32px}.action-arrow{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease}.action-arrow:hover{background:var(--primary-surface);color:var(--primary)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:20px}.btn-explore{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-explore:hover{background:var(--primary-dark)}.loading-state{text-align:center;padding:60px;color:var(--text-muted)}@media(max-width:768px){.my-projects-container{padding:16px}.stats-row{flex-wrap:nowrap;overflow-x:auto}.stat-card{min-width:120px;padding:12px}.stat-value{font-size:20px}.projects-table-container{display:none}.projects-mobile-list{display:flex;flex-direction:column;gap:12px}.project-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .15s ease;border-left:4px solid var(--primary)}.project-mobile-card:hover{border-color:var(--primary)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.mobile-card-title{font-weight:600;color:var(--text-primary);font-size:15px;flex:1}.mobile-card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-payment{font-size:18px;font-weight:700;color:var(--accent-success)}.mobile-deadline{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.mobile-deadline.urgent{color:var(--accent-danger)}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-light)}.mobile-progress{display:flex;align-items:center;gap:8px;flex:1}.mobile-progress .progress-bar{max-width:100px}}@media(min-width:769px){.projects-mobile-list{display:none}}.project-form-container{max-width:900px;margin:0 auto;padding:16px}.form-header{margin-bottom:24px}.form-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.loading{text-align:center;padding:3rem;font-size:16px;color:#666}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:12px;margin-bottom:16px;border-left:4px solid #c33;font-size:14px}.project-form{background:var(--bg-secondary);padding:16px;border-radius:12px;box-shadow:0 1px 3px #00000014}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.required{color:#e53e3e;margin-left:.25rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;min-height:44px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix .prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:600;color:#718096;pointer-events:none;font-size:1.1rem}.input-with-prefix input,.form-group .input-with-prefix input{padding-left:3rem!important}.input-error{border-color:#e53e3e!important}.input-error:focus{box-shadow:0 0 0 3px #e53e3e1a!important}.error-text{display:block;color:#e53e3e;font-size:.85rem;margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background-color:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.btn-cancel:hover:not(:disabled){background-color:#edf2f7;border-color:#cbd5e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #0000001a}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.project-form-container{padding:1rem}.project-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.create-project-container{max-width:700px;margin:0 auto;padding:24px;font-family:var(--font-family-base)}.create-header{margin-bottom:28px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);text-decoration:none;margin-bottom:16px;transition:color .15s ease}.back-link:hover{color:var(--primary)}.create-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.create-header p{font-size:14px;color:var(--text-secondary);margin:0}.form-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px}.form-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border-light)}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-label .required{color:var(--accent-danger);margin-left:2px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family-base);background:var(--bg-secondary);transition:all .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.currency-input-wrapper{position:relative}.currency-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-muted);font-weight:500}.currency-input{padding-left:36px}.form-input[type=date]{cursor:pointer}.file-upload-area{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all .15s ease}.file-upload-area:hover{border-color:var(--primary);background:var(--primary-surface)}.file-upload-icon{font-size:32px;margin-bottom:12px}.file-upload-text{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.file-upload-hint{font-size:12px;color:var(--text-muted);margin:0}.file-input{display:none}.uploaded-files{margin-top:16px;display:flex;flex-direction:column;gap:8px}.uploaded-file{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.uploaded-file-icon{font-size:20px}.uploaded-file-name{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-file-remove{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.uploaded-file-remove:hover{background:#dc26261a;color:var(--accent-danger)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:28px;border-top:1px solid var(--border-light)}.btn-cancel{padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-submit{padding:12px 28px;background:var(--primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.btn-submit:hover{background:var(--primary-dark)}.btn-submit:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-error{background:#dc26261a;border:1px solid var(--accent-danger);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px;font-size:14px;color:var(--accent-danger);display:flex;align-items:center;gap:10px}@media(max-width:768px){.create-project-container{padding:16px}.create-header h1{font-size:20px}.form-card{padding:20px}.form-section{margin-bottom:24px;padding-bottom:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}.btn-cancel{order:2}.btn-submit{order:1}.file-upload-area{padding:24px}}.activity-log{display:flex;flex-direction:column;gap:12px}.activity-log-row{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.activity-log-icon{width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#475569;background:#f1f5f9}.activity-log-content{display:flex;flex-direction:column;gap:2px;font-size:.875rem;color:#0f172a}.activity-log-title{font-weight:600}.activity-log-message{font-size:.75rem;color:#64748b}.activity-log-time{font-size:.75rem;color:#94a3b8;white-space:nowrap}.activity-log-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#94a3b8;background:#f8fafc;border-radius:16px;border:1px dashed #e2e8f0}.activity-log-empty p{font-size:.875rem}.project-board-container{width:100%;height:calc(100vh - 140px);display:flex;flex-direction:column;padding-bottom:10px;position:relative;overflow:hidden}.project-board-full-wrapper{grid-column:1 / -1!important;flex:1;width:100%;overflow:hidden}.board-layout-wrapper{display:flex;flex:1;height:100%;overflow:hidden;position:relative}.board-activity-sidebar-v2{position:absolute;top:0;right:0;bottom:0;width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #0003}.board-activity-sidebar-v2.is-open{transform:translate(0)}.sidebar-v2-header{padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.sidebar-v2-tabs{display:flex;background:#0003;padding:3px;border-radius:8px;gap:2px}.sidebar-tab{padding:6px 12px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.sidebar-tab.active{background:var(--bg-secondary);color:var(--primary);box-shadow:0 2px 4px #0000001a}.sidebar-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.sidebar-v2-content{flex:1;overflow-y:auto;padding:16px}.btn-close-activity{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.btn-close-activity:hover{background:#ff3b5c1a;color:#ff3b5c}.board-columns-scroll.with-sidebar{padding-right:20px}.btn-toggle-activity-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border-medium);padding:6px 14px;border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-toggle-activity-pill:hover,.btn-toggle-activity-pill.active{background:#0ea5e91a;border-color:var(--primary);color:var(--primary)}@media(max-width:768px){.board-activity-sidebar-v2{width:100%;z-index:2000}.board-activity-sidebar-v2.is-open{transform:translate(0)}.sidebar-tab{padding:10px 16px;font-size:12px}}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px;flex-shrink:0}.board-toolbar-actions{display:flex;gap:12px}.empty-board-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-muted);font-size:14px;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-medium);margin:10px;padding:20px}.btn-toggle-notes{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-toggle-notes:hover,.btn-toggle-notes.active{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.board-notes-sidebar{width:300px;background:var(--bg-secondary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;padding:16px;box-shadow:-4px 0 12px #0000001a;z-index:100;transition:width .3s ease;height:100%;position:absolute;right:0;top:0}.board-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.board-notes-header h3{margin:0;font-size:14px;font-weight:600}.board-notes-textarea{flex:1;width:100%;resize:none;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);padding:12px;font-family:inherit;line-height:1.5}.board-notes-textarea:focus{outline:none;border-color:var(--primary)}.btn-save-mini{padding:4px 8px;font-size:11px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.mobile-area-tabs{display:none;overflow-x:auto;gap:8px;padding:8px 4px;margin-bottom:12px;-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0}.mobile-area-tabs::-webkit-scrollbar{display:none}.mobile-tab-btn{white-space:nowrap;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.mobile-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-tab-count{font-size:10px;opacity:.8;background:#0003;padding:1px 5px;border-radius:4px}.mobile-only-block{display:none}.desktop-only-flex{display:flex}@media(max-width:1024px){.project-board-container{height:auto;max-height:none;min-height:0;overflow:visible;padding-bottom:0;display:flex;flex-direction:column}.desktop-only-flex{display:none!important}.mobile-only-block{display:flex;flex-direction:column}.mobile-area-tabs{display:flex;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;margin:0;gap:8px;z-index:5}.board-mobile-view{height:auto;overflow:visible;padding:12px 16px 40px;display:flex;flex-direction:column;gap:12px}.board-mobile-view .board-column{background:transparent;box-shadow:none;border:none;padding:0;width:100%;min-width:0;height:auto;max-height:none;overflow:visible}.board-mobile-view .board-column-header{display:none}.board-mobile-view .board-column-content{padding:0;gap:12px;overflow:visible;flex:none}.board-toolbar{padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);margin:0}}.board-columns-scroll{display:flex;gap:24px;height:100%;padding:20px 60px 20px 20px;width:100%;min-width:100%;overflow-x:auto;overflow-y:hidden;align-items:flex-start;position:relative}.board-column{width:280px;min-width:280px;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);max-height:100%}.board-column-header{padding:10px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border-top-left-radius:12px;border-top-right-radius:12px}.board-column-header h3{margin:0;font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-count{background:var(--bg-primary);color:var(--text-secondary);font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700}.add-task-btn-mini{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.add-task-btn-mini:hover{background:var(--bg-hover);color:var(--primary)}.board-column-content{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.board-column-content::-webkit-scrollbar{width:6px}.board-task-card{flex-shrink:0;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:8px;padding:8px 10px;box-shadow:0 1px 2px #0000000d;cursor:grab;position:relative;touch-action:none;overflow:hidden}.board-task-card:hover{border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a}.board-task-card.overlay{cursor:grabbing;box-shadow:0 20px 25px -5px #0006;z-index:9999}.board-task-card.completed{opacity:.7;background:var(--bg-tertiary)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.task-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-drag-handle{color:var(--text-muted);cursor:grab;opacity:.5}.task-drag-handle:hover{opacity:1}.task-card-title{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.task-card-desc{font-size:11px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;line-height:1.4}.task-avatar-initials.robot{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.3);position:relative}.agent-indicator-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;background:var(--primary);border:1.5px solid var(--card-bg);border-radius:50%}.task-avatar-initials.creator{background:var(--bg-primary);border:1px solid var(--border-light)}.task-unassigned-dot{width:18px;height:18px;border-radius:50%;border:1px dashed var(--text-muted);opacity:.5}.task-status-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.task-status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.task-status-badge.working{background:#0ea5e92e;color:#0ea5e9;border:1px solid rgba(14,165,233,.4);text-transform:none;font-weight:600}.task-status-badge.urgent{background:#f8717133;color:#fecaca;border:1px solid rgba(248,113,113,.45)}.task-ping-dot{width:6px;height:6px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 #0ea5e999;animation:task-ping 1.4s ease-out infinite}@keyframes task-ping{0%{transform:scale(1);box-shadow:0 0 #0ea5e999}70%{transform:scale(1.6);box-shadow:0 0 0 6px #0ea5e900}to{transform:scale(1);box-shadow:0 0 #0ea5e900}}.task-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-light);padding-top:8px;margin-top:8px}.task-assignee-badge{display:flex;align-items:center}.task-avatar-mini{width:20px;height:20px;border-radius:50%;object-fit:cover}.task-avatar-initials{width:20px;height:20px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.task-unassigned{font-size:10px;color:var(--text-muted);font-style:italic}.task-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.task-date.overdue{color:var(--accent-danger);font-weight:600}.task-comments-badge{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--text-muted)}.task-comments-section{margin-top:20px;border-top:1px solid var(--border-light);padding-top:16px}.task-comments-section h4{font-size:14px;color:var(--text-primary);margin-bottom:12px}.comments-list{background:var(--bg-tertiary);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.no-comments{color:var(--text-muted);font-size:13px;text-align:center;margin:10px 0}.comment-item{background:var(--card-bg);padding:8px 10px;border-radius:6px;border:1px solid var(--border-light)}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.comment-author{font-weight:700;color:var(--text-primary)}.comment-time{color:var(--text-muted)}.comment-text{font-size:13px;color:var(--text-secondary);margin:0;white-space:pre-wrap}.add-comment-box{display:flex;gap:8px}.add-comment-box input{flex:1;padding:8px 12px;border:1px solid var(--border-primary);border-radius:20px;font-size:13px;background:var(--input-bg);color:var(--text-primary)}.add-comment-box button{background:var(--primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-comment-box button:disabled{opacity:.5;cursor:not-allowed}.task-modal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;width:100%;min-height:0}.task-modal-grid.mobile{display:block}.task-modal-tabs{display:flex;gap:8px;background:var(--bg-tertiary);border-radius:999px;padding:4px}.task-modal-tab{flex:1;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--text-secondary);cursor:pointer}.task-modal-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-soft)}.task-modal-mobile-panel{height:100%;min-height:0;display:flex;flex-direction:column}.task-modal-details{min-height:0}.task-modal-select option,.task-modal-select optgroup{color:#0f172a;background:#fff}[data-theme=dark] .task-modal-select option,[data-theme=dark] .task-modal-select optgroup{color:#f8fafc;background:#0f172a}.task-modal-history{border-radius:16px;border:1px solid var(--border-light);background:var(--bg-tertiary);padding:16px}.task-modal-history-header{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);letter-spacing:.18em}.task-modal-history-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.task-modal-history-item{border-radius:12px;border:1px solid var(--border-light);padding:10px 12px}.task-modal-history-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.task-modal-history-meta strong{color:var(--text-primary)}.task-modal-history-item p{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.task-modal-history-empty{margin-top:12px;font-size:13px;color:var(--text-muted)}.task-modal-chat{display:flex;flex-direction:column;gap:16px;min-height:0}.task-modal-chat-title{margin:0;font-size:11px;letter-spacing:.2em;color:var(--text-muted)}.task-modal-chat-subtitle{margin:6px 0 0;font-size:13px;color:var(--text-muted)}.task-modal-chat-panel{display:flex;flex-direction:column;flex:1;min-height:0;border-radius:18px;border:1px solid var(--border-light);background:var(--bg-secondary);overflow:hidden}.task-modal-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.task-modal-chat-bubble{max-width:85%;border-radius:16px;padding:10px 14px;font-size:13px;color:#f8fafc}.task-modal-chat-bubble.own{align-self:flex-end;background:#6366f1}.task-modal-chat-bubble.other{align-self:flex-start;background:#334155}[data-theme=light] .task-modal-chat-bubble.other{background:#e2e8f0;color:#0f172a}.task-modal-chat-bubble-meta{display:flex;justify-content:space-between;font-size:11px;opacity:.8;font-weight:600}.task-modal-chat-bubble-text{margin-top:4px}.task-modal-chat-empty{margin:auto;text-align:center;color:var(--text-muted);font-size:13px}.task-modal-chat-input{border-top:1px solid var(--border-light);padding:14px;display:flex;gap:12px;background:var(--bg-tertiary)}.task-modal-chat-textfield{flex:1;height:44px;border-radius:999px;border:1px solid var(--border-medium);background:var(--bg-secondary);padding:0 16px;color:var(--text-primary);font-size:13px;outline:none}.task-modal-chat-send{width:44px;height:44px;border-radius:50%;border:none;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.task-modal-chat-send:disabled{background:#94a3b8;cursor:not-allowed}.task-modal-chat-placeholder{min-height:240px;border-radius:18px;border:1px dashed var(--border-medium);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}@media(max-width:768px){.task-modal-grid{grid-template-columns:1fr}.task-modal-tabs{position:sticky;top:0;z-index:1}}.chat-container{display:flex;flex-direction:column;height:100%;background-color:#f8fafc;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.chat-messages-area{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.4;position:relative;word-wrap:break-word}.chat-bubble.own{align-self:flex-end;background-color:#6366f1;color:#fff;border-bottom-right-radius:2px}.chat-bubble.other{align-self:flex-start;background-color:#e2e8f0;color:#1e293b;border-bottom-left-radius:2px}.chat-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.75rem;opacity:.9}.chat-bubble.own .chat-bubble-header{color:#ffffffe6}.chat-bubble.other .chat-bubble-header{color:#64748b}.chat-author{font-weight:600;margin-right:8px}.chat-time{font-size:.7rem}.chat-input-area{padding:12px;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;align-items:center}.chat-input-area input{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:20px;font-size:.9rem;outline:none;transition:border-color .2s}.chat-input-area input:focus{border-color:#6366f1}.chat-send-btn{background-color:#6366f1;color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.chat-send-btn:hover{background-color:#4f46e5}.chat-send-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.no-messages{text-align:center;color:#94a3b8;margin-top:40px;font-style:italic;font-size:.9rem}.chat-container{background-color:#0f172a!important;border-color:#1e293b!important}.chat-messages-area{background-color:#0f172a!important}.chat-input-area{background-color:#0f172a!important;border-top-color:#1e293b!important}.chat-input-area input{background-color:#1e293b!important;border-color:#334155!important;color:#fff!important}.chat-input-area input::placeholder{color:#64748b!important}.chat-bubble.other{background-color:#334155!important;color:#f1f5f9!important}.chat-bubble.other .chat-bubble-header{color:#94a3b8!important}.chat-send-btn:disabled{background-color:#334155!important;color:#64748b!important}.task-details-column,.chat-messages-area,.history-list{scrollbar-width:none!important;-ms-overflow-style:none!important}.task-details-column::-webkit-scrollbar,.chat-messages-area::-webkit-scrollbar,.history-list::-webkit-scrollbar{display:none!important}.task-details-column input,.task-details-column textarea,.task-details-column select{background:transparent!important;border:none!important;color:#f8fafc!important;padding:0!important;box-shadow:none!important;font-size:1rem!important;resize:none}.task-details-column input::placeholder,.task-details-column textarea::placeholder{color:#64748b!important}[data-theme=light] .task-details-column input,[data-theme=light] .task-details-column textarea,[data-theme=light] .task-details-column select{color:#0f172a!important}[data-theme=light] .task-details-column input::placeholder,[data-theme=light] .task-details-column textarea::placeholder{color:#64748b!important}.task-details-column input[type=text]:nth-of-type(1){font-size:1.25rem!important;font-weight:600!important;margin-bottom:.5rem!important}.task-details-column input:focus,.task-details-column textarea:focus,.task-details-column select:focus{outline:none!important;background:#ffffff0d!important;border-radius:4px!important}.task-details-column label{font-size:.75rem!important;color:#475569!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0!important}.task-details-column .form-group{margin-bottom:1.5rem!important;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.modal-content{background-color:#0f172a;color:#e2e8f0;border:1px solid #1e293b;box-shadow:0 25px 50px -12px #00000080}.modal-header h3{color:#f8fafc}.column-title{color:#94a3b8!important}.form-group label{color:#cbd5e1}.ghost-input::placeholder{color:#475569}.chat-container{background-color:#111827;border-radius:12px;border:1px solid #374151;overflow:hidden;display:flex;flex-direction:column}.chat-bubble.own{background-color:#3b82f6;color:#fff}.chat-bubble.other{background-color:#374151;color:#e5e7eb}.chat-author{color:#ffffffb3}.chat-time{color:#ffffff80}.chat-input-area input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 2px #60a5fa33!important}.chat-send-btn{color:#60a5fa;background:transparent;border:none;margin-left:8px;transition:transform .2s}.chat-send-btn:hover:not(:disabled){background:transparent;transform:scale(1.1);color:#93c5fd}.chat-container{background-color:#111827;scrollbar-width:none;border-radius:12px;border:1px solid #374151;overflow:hidden;display:flex;flex-direction:column}.chat-messages-area{scrollbar-width:none;-ms-overflow-style:none;background-color:#111827}.chat-messages-area::-webkit-scrollbar{display:none}.ghost-input{background:transparent;border:none;outline:none;color:#f1f5f9;transition:all .2s;width:100%}.ghost-input:focus{background:#ffffff08;border-radius:6px}.chat-input-area{background-color:#1f2937;border-top:1px solid #374151;border-radius:0 0 12px 12px;padding:12px}.chat-input-area input{background-color:#374151!important;border:1px solid #4b5563!important;border-radius:9999px;color:#fff!important;padding:10px 16px;height:42px;width:100%}.modal-content{background-color:#0f172a;color:#e2e8f0;border:1px solid #1e293b}.title-input{font-size:1.5rem;font-weight:600;padding:.5rem 0}.desc-input{font-size:.95rem;line-height:1.5;padding:.5rem 0;min-height:80px;resize:none}@media(max-width:1024px){.project-board-container{height:auto;max-height:none;min-height:0;overflow:visible;padding-bottom:0;display:flex;flex-direction:column}.desktop-only-flex{display:none!important}.mobile-only-block{display:flex;flex-direction:column}.mobile-area-tabs{display:flex;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;margin:0;gap:8px;z-index:5;overflow-x:auto!important;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100vw}.mobile-area-tabs::-webkit-scrollbar{display:none}.mobile-tab-btn{flex-shrink:0}.board-mobile-view{height:auto;overflow:visible;padding:12px 16px 40px;display:flex;flex-direction:column;gap:12px;width:100%;align-items:stretch;box-sizing:border-box}.board-mobile-view .board-column{background:transparent;box-shadow:none;border:none;padding:0;width:100%!important;min-width:0!important;max-width:none!important;height:auto;overflow:visible;display:flex;flex-direction:column;align-items:stretch}.board-mobile-view .board-task-card{width:100%!important;max-width:none!important;box-sizing:border-box}.board-mobile-view .board-column-header{display:none}.board-mobile-view .board-column-content{padding:0;gap:12px;overflow:visible;flex:none;width:100%;display:flex;flex-direction:column;align-items:stretch}.board-toolbar{padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);margin:0}}.media-link-preview{margin:12px 0;width:100%;max-width:500px;animation:fadeInMedia .3s ease-out}.media-preview-card{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.media-preview-card:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.media-preview-thumb{width:80px;height:60px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0;background:#000}.media-preview-thumb img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .2s}.media-preview-card:hover .media-preview-thumb img{opacity:1}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;color:#fff;opacity:.8;transition:opacity .2s}.media-preview-card:hover .play-overlay{opacity:1}.media-preview-icon-box{width:48px;height:48px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.media-preview-card:hover .media-preview-icon-box{color:var(--primary);background:var(--primary-surface)}.media-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.media-preview-title-row{display:flex;align-items:center;gap:8px}.media-preview-type{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:var(--primary-surface);padding:2px 6px;border-radius:4px}.media-preview-domain{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview-url{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.media-preview-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.media-preview-card:hover .media-preview-actions{opacity:1}.action-btn-cinema,.action-btn-external{width:28px;height:28px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn-cinema{background:var(--primary);color:#fff}.action-btn-cinema:hover{background:var(--primary-dark);transform:scale(1.1)}.action-btn-external{background:#ffffff1a;color:var(--text-muted);text-decoration:none}.action-btn-external:hover{background:#fff3;color:#fff}@keyframes fadeInMedia{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.media-link-preview.youtube .media-preview-type{color:red;background:#ff00001a}.media-link-preview.instagram .media-preview-type{color:#e1306c;background:#e1306c1a}.media-link-preview.google-doc .media-preview-type{color:#4285f4;background:#4285f41a}.media-link-preview.google-sheet .media-preview-type{color:#34a853;background:#34a8531a}.media-link-preview.pdf .media-preview-type{color:#f40f02;background:#f40f021a}.media-cinema-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:cinemaFadeIn .3s ease-out}.cinema-container{width:100%;background:#050505;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease}.cinema-container.video-mode{max-width:900px;aspect-ratio:16 / 9;height:auto}.cinema-container.instagram-mode{max-width:500px;height:85vh}.cinema-container.tiktok-mode{max-width:450px;height:85vh}.cinema-container.doc-mode{max-width:1200px;height:90vh}.cinema-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.cinema-title{display:flex;align-items:center;gap:12px;min-width:0}.cinema-type-badge{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--primary);background:var(--primary-surface);padding:2px 6px;border-radius:4px;white-space:nowrap}.cinema-url-text{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinema-controls{display:flex;align-items:center;gap:12px}.cinema-control-btn,.cinema-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.cinema-control-btn:hover,.cinema-close-btn:hover{color:#fff;transform:scale(1.1)}.cinema-body{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;min-height:0}.cinema-iframe{width:100%;height:100%;border:none}.cinema-native-media{max-width:100%;max-height:100%}.cinema-image{max-width:100%;max-height:100%;object-fit:contain}.cinema-audio-container{display:flex;flex-direction:column;align-items:center;gap:24px}.cinema-audio-player{width:100%;max-width:400px}.cinema-fallback{text-align:center;padding:40px;max-width:500px}.fallback-icon-box{width:60px;height:60px;border-radius:16px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--text-muted)}.cinema-fallback h3{font-size:18px;margin-bottom:8px}.cinema-fallback p{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.cinema-footer{padding:8px 20px;background:#ffffff05;text-align:center;font-size:10px;color:var(--text-disabled);flex-shrink:0}@keyframes cinemaFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.media-cinema-overlay{padding:0}.cinema-container{height:100dvh;border-radius:0;border:none}.cinema-container.video-mode,.cinema-container.instagram-mode,.cinema-container.tiktok-mode{aspect-ratio:auto;height:100dvh;max-width:100%}.cinema-audio-player{width:80%}}.virtual-office-layout{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b0f1a;color:#e2e8f0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,system-ui,sans-serif}.office-header{height:70px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.office-title h1{font-size:18px;font-weight:700;margin:0;color:#fff;display:flex;align-items:center;gap:10px}.office-sprint-badge{margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#0f172a99;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;font-size:12px;font-weight:600}.office-badge{background:#22c55e;color:#000;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:800;text-transform:uppercase}.office-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.office-content .project-board-container{height:100%;padding:0}.office-content .board-columns-scroll{padding:24px;height:100%}.btn-back-admin{background:#ffffff1a;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:8px}.btn-back-admin:hover{background:#fff3;color:#fff}.chat-box{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;height:500px;max-height:80vh}.chat-floating{position:fixed;bottom:80px;right:20px;z-index:1000;transition:all .3s ease;font-family:Inter,sans-serif}.chat-floating.collapsed .chat-toggle-btn{background:linear-gradient(135deg,var(--accent-primary) 0%,#764ba2 100%);color:#fff;border:none;padding:12px 20px;border-radius:24px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;gap:8px;font-size:16px;transition:transform .2s ease}.chat-floating.collapsed .chat-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.chat-floating.expanded{width:380px;max-width:calc(100vw - 40px);height:500px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column}.chat-expanded{width:100%;height:100%;display:flex;flex-direction:column}.unread-badge{background:#ff4757;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;margin-left:4px}.chat-header-floating{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,var(--accent-primary) 0%,#764ba2 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header-title{display:flex;align-items:center;gap:8px}.chat-header-title h3{margin:0;font-size:16px;font-weight:600}.chat-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chat-minimize{background:transparent;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 8px;opacity:.8;transition:opacity .2s}.chat-minimize:hover{opacity:1}.chat-body-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:16px;max-height:none}.chat-input-container{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-tertiary);border-top:1px solid var(--border-light)}@media(max-width:768px){.chat-floating.expanded{position:fixed;inset:auto 8px 70px;width:calc(100% - 16px);height:55vh;max-height:450px;min-height:300px;border-radius:16px;z-index:999;margin:0;box-shadow:0 -4px 24px #00000026}.chat-floating.collapsed{bottom:80px;right:16px}.chat-floating.collapsed .chat-toggle-btn{padding:10px 16px;font-size:14px}.chat-header-floating{padding:12px 16px;border-radius:16px 16px 0 0}.chat-minimize{font-size:28px;padding:0 4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.chat-messages{padding:12px}.chat-input-container{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-input{padding:10px 14px;font-size:16px}.chat-send-button{width:40px;height:40px}}.chat-loading,.chat-error{padding:1rem;text-align:center}.chat-error{background-color:var(--danger-bg);color:var(--danger-text);border-left:4px solid var(--accent-danger);margin:1rem;border-radius:4px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-tertiary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic;padding:20px}.date-separator{display:flex;align-items:center;justify-content:center;margin:1rem 0}.date-separator span{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem 1rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message{display:flex;flex-direction:column;max-width:80%;margin-bottom:12px;animation:slideUp .2s ease}.message.own{align-self:flex-end;align-items:flex-end}.message.other{align-self:flex-start;align-items:flex-start}.message-sender{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;font-weight:600;display:flex;align-items:center;gap:.5rem}.sender-role{background:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:.65rem;text-transform:uppercase;font-weight:700}.message-bubble{padding:10px 14px;border-radius:16px;position:relative;word-wrap:break-word;max-width:100%}.message.own .message-bubble{background:linear-gradient(135deg,var(--accent-primary) 0%,#764ba2 100%);color:#fff!important;border-bottom-right-radius:4px}.message.own .message-text{color:#fff!important}.message.own .message-time{color:#fffc!important}.message.other .message-bubble{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.message-text{margin:0 0 4px;line-height:1.4;white-space:pre-wrap}.message-time{font-size:.65rem;opacity:.8;display:block;text-align:right;margin-top:2px}.message.other .message-time{color:var(--text-muted)}.chat-input{flex:1;padding:10px 16px;border:2px solid var(--input-border);border-radius:24px;font-size:.95rem;transition:all .2s ease;outline:none;background:var(--input-bg);color:var(--text-primary);caret-color:var(--text-primary)}.chat-input:focus{border-color:var(--accent-primary)}.chat-send-button{background:linear-gradient(135deg,var(--accent-primary) 0%,#764ba2 100%);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea66}.chat-send-button:hover:not(:disabled){transform:scale(1.05)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat-header{display:none}.chat-embedded-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary)}.chat-header-floating.embedded-header{border-radius:0;cursor:default}.progress-bar-premium{width:100%;background:var(--bg-secondary);padding:24px 0;display:flex;justify-content:center}.progress-track{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:800px;position:relative}.progress-step-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.step-connector{position:absolute;top:18px;left:50%;width:100%;height:3px;background-color:var(--border-light);z-index:1}.step-connector.filled{background-color:var(--accent-info)}.step-circle{width:36px;height:36px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;color:var(--text-muted);font-weight:600;font-size:14px}.progress-step-item.completed .step-circle{background-color:var(--accent-info);border-color:var(--accent-info);color:#fff;box-shadow:0 4px 6px -1px #3b82f666}.step-text{margin-top:12px;font-size:13px;font-weight:500;color:var(--text-muted);text-align:center}.progress-step-item.completed .step-text{color:var(--text-primary);font-weight:600}@media(max-width:640px){.step-text{font-size:10px}.step-circle{width:28px;height:28px;font-size:12px}.step-connector{top:14px}}.writer-submissions-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.writer-submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.writer-submissions-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.btn-submit-content{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-submit-content:hover{background:var(--accent-primary)}.submission-form{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:1.25rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.content-type-selector{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio]{cursor:pointer}.radio-option span{font-size:.875rem;color:var(--text-muted)}.content-textarea{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s}.content-textarea:focus{outline:none;border-color:var(--accent-primary)}.note-input{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem}.note-input:focus{outline:none;border-color:var(--accent-primary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-submit{background:var(--accent-success);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.btn-submit:hover:not(:disabled){background:var(--success-text)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.pending-alert{background:var(--warning-bg);border:1px solid var(--accent-warning);color:var(--warning-text);padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.submissions-list-container{margin-top:1rem}.submissions-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:background .2s}.submissions-toggle:hover{background:var(--bg-tertiary)}.chevron{font-size:1rem;transition:transform .2s}.chevron.open{transform:rotate(0)}.submissions-list{margin-top:.75rem;display:flex;flex-direction:column;gap:1rem}.submission-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:1rem}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.submission-meta{display:flex;align-items:center;gap:.5rem}.submission-version{background:var(--border-primary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.submission-type{font-size:1rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-approved{background:var(--success-bg);color:var(--success-text)}.status-rejected{background:var(--danger-bg);color:var(--danger-text)}.submission-date{font-size:.75rem;color:var(--text-muted)}.submission-content{margin-bottom:.75rem}.submission-link{color:var(--accent-info);text-decoration:none;word-break:break-all}.submission-link:hover{text-decoration:underline}.submission-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}.submission-note{background:var(--bg-secondary);border-left:3px solid var(--accent-info);padding:.5rem .75rem;font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.submission-review-comments{background:var(--warning-bg);border-left:3px solid var(--accent-warning);padding:.5rem .75rem;font-size:.875rem;color:var(--warning-text);margin-bottom:.75rem}.submission-reviewed-info{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.review-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary)}.btn-review{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-review:hover{background:var(--accent-primary)}.review-form{display:flex;flex-direction:column;gap:.75rem}.review-comments-textarea{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical}.review-comments-textarea:focus{outline:none;border-color:var(--accent-primary)}.review-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-cancel-review{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-cancel-review:hover{background:var(--bg-hover)}.btn-reject{background:var(--accent-danger);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:background .2s}.btn-reject:hover:not(:disabled){background:var(--danger-text)}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.btn-approve{background:var(--accent-success);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:background .2s}.btn-approve:hover:not(:disabled){background:var(--success-text)}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.empty-state p{margin:0;font-size:.875rem}@media(max-width:768px){.writer-submissions-header{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-submit-content{width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}.review-form-actions{flex-direction:column}.btn-cancel-review,.btn-reject,.btn-approve{width:100%;justify-content:center}}.planner-section{background:#0f172a;border:1px solid #1f2937;border-radius:16px;padding:24px;margin-bottom:24px;color:#e2e8f0}.planner-header h3{margin:0 0 6px;font-size:20px}.planner-header p{margin:0;color:#94a3b8}.planner-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;margin-top:20px}.planner-calendar{background:#0b1120;border-radius:16px;padding:20px;border:1px solid #1e293b}.planner-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.planner-month{font-weight:600;text-transform:capitalize}.planner-nav{background:transparent;border:1px solid #334155;color:#e2e8f0;border-radius:999px;padding:6px;cursor:pointer}.planner-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;font-size:12px;color:#94a3b8;margin-bottom:8px}.view-toggle{display:flex;background:#1e293b;border-radius:8px;padding:4px;gap:4px}.toggle-btn{padding:6px 12px;font-size:13px;color:#94a3b8;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#334155;color:#e2e8f0;font-weight:500}.planner-days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.planner-day{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:8px;min-height:80px;text-align:left;display:flex;flex-direction:column;gap:6px;color:#e2e8f0;cursor:pointer;transition:border-color .2s}.view-2week .planner-day{min-height:140px}.planner-day.muted{opacity:.4}.planner-day.selected{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf899}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.day-number{font-size:14px;font-weight:600}.day-count-badge{background:#334155;color:#e2e8f0;font-size:10px;padding:2px 6px;border-radius:99px}.day-tasks-container{display:flex;flex-direction:column;gap:4px;flex-grow:1}.planner-task-card{padding:4px 8px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px;border-left:3px solid transparent;overflow:hidden;white-space:nowrap;position:relative;cursor:pointer}.planner-task-card.draft{background:#3b82f626;color:#bfdbfe}.planner-task-card.published{background:#22c55e26;color:#bbf7d0}.planner-task-card.priority-high{border-left-color:#ef4444}.planner-task-card.priority-medium{border-left-color:#f59e0b}.planner-task-card.priority-low{border-left-color:#10b981}.task-card-title{overflow:hidden;text-overflow:ellipsis}.planner-calendar:not(.view-2week) .planner-task-card{padding:2px 4px;font-size:10px}.planner-draft-panel{display:flex;flex-direction:column;gap:16px}.planner-panel-card{background:#0b1120;border:1px solid #1e293b;border-radius:16px;padding:16px}.planner-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title{display:flex;align-items:center;gap:8px;font-weight:600}.panel-date{font-size:12px;color:#94a3b8}.planner-form .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.planner-form input,.planner-form textarea,.planner-form select{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:8px 10px;color:#e2e8f0}.planner-form button{display:flex;justify-content:center;align-items:center;gap:8px}.planner-form-actions{display:flex;gap:8px;margin-top:4px}.planner-form-actions button{flex:1}.planner-form .btn-secondary{background:transparent;border:1px solid #475569;color:#e2e8f0}.planner-form .btn-secondary:hover{background:#1e293b;border-color:#64748b}.planner-range{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.planner-publish-body .form-group{display:flex;flex-direction:column;gap:6px}.draft-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.draft-item{display:flex;gap:8px;align-items:flex-start;background:#111827;border:1px solid #1f2937;border-radius:10px;padding:8px;font-size:13px}.draft-item strong{display:block}.draft-item span{display:block;color:#94a3b8;font-size:12px}.empty-state{color:#64748b;font-size:13px}@media(max-width:1100px){.planner-grid{grid-template-columns:1fr;gap:24px}.planner-panel-card{order:-1}}.planner-calendar{background:#0b1120;border-radius:16px;padding:20px;border:1px solid #1e293b;overflow-x:auto}.planner-weekdays,.planner-days{min-width:700px}@media(max-width:640px){.planner-section{padding:16px}.planner-calendar{padding:12px}.view-2week .planner-day{min-height:100px}}.project-instructions{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;font-family:var(--font-family-base)}.project-instructions-main,.project-client-card{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:20px;box-shadow:0 12px 30px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-instructions-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#f8fafc;margin:0 0 16px}.project-instructions-title-icon{color:#e2e8f0b3}.project-instructions-body{position:relative}.project-instructions-body.is-truncated{max-height:260px;overflow:hidden}.project-instructions-body.is-truncated:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,#0f172a00,#0f172ae6 65%,#0f172a)}.project-instructions-actions{margin-top:16px}.project-instructions-expand{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(226,232,240,.2);border-radius:8px;padding:10px 14px;color:#f8fafc;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.project-instructions-expand:hover{background:#fff3;box-shadow:0 8px 20px #0f172a59;transform:translateY(-1px)}.project-instructions-note{margin-top:20px;border-radius:8px;border:1px solid rgba(251,191,36,.3);background:#fbbf2426;padding:14px 16px;color:#fde68a;font-size:14px}.project-instructions-note-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#fef3c7;margin-bottom:6px}.project-instructions-note-body{display:block;color:#fef9c3}.project-instructions-toggle{margin-top:16px;width:100%;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#ffffff14;color:#f8fafc;padding:10px 12px;font-weight:600;cursor:pointer}.project-instructions-aside{display:none;flex-direction:column;gap:20px}.project-instructions-aside.is-visible{display:flex}.project-client-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:#f8fafc}.project-client-meta{display:flex;align-items:center;gap:14px;margin-top:16px}.project-client-logo,.project-client-logo-placeholder{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#94a3b81f;display:flex;align-items:center;justify-content:center;font-weight:700;color:#f8fafc}.project-client-name{margin:0 0 4px;font-size:14px;font-weight:600;color:#f8fafc}.project-client-industry{margin:0;font-size:12px;color:#e2e8f0a6}.project-client-content{margin-top:12px;color:#e2e8f0d1;font-size:13px;line-height:1.6}.project-client-muted{margin:12px 0 0;color:#94a3b8b3;font-size:13px}.project-client-links{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:13px}.project-client-links a{color:#7dd3fc;text-decoration:none}.project-client-links a:hover{color:#bae6fd}.notion-markdown{color:#e2e8f0eb;font-size:14px;line-height:1.7}.notion-markdown.compact{font-size:13px}.notion-markdown p{margin:0 0 12px}.notion-markdown blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid #38bdf8;background:#38bdf814;color:#e2e8f0d9}.notion-markdown ul,.notion-markdown ol{margin:10px 0;padding-left:22px}.notion-markdown ul ul{list-style-type:circle}.notion-markdown ul ul ul{list-style-type:square}.notion-markdown pre{background:#0f172ae6;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:14px 16px;overflow-x:auto;font-size:13px;margin:12px 0}.notion-markdown code{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:#94a3b826;padding:2px 6px;border-radius:6px;font-size:.9em}.notion-markdown pre code{background:none;padding:0;border-radius:0;font-size:.95em}.notion-markdown a{color:#7dd3fc}.notion-markdown a:hover{color:#bae6fd}@media(min-width:1024px){.project-instructions{grid-template-columns:minmax(0,1fr) 320px}.project-instructions-aside{display:flex}.project-instructions-toggle{display:none}}.project-calendar{display:flex;flex-direction:column;gap:24px}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.calendar-header h2{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--text-primary)}.calendar-header p{margin:0;color:var(--text-muted)}.calendar-controls{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:999px;padding:6px 12px}.calendar-month-label{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:capitalize;min-width:120px;text-align:center}.calendar-nav{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.calendar-nav:hover{background:var(--bg-tertiary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 4px;text-align:center}.calendar-cell{min-height:100px;border-radius:10px;border:1px solid var(--border-light);background:var(--card-bg);padding:8px;display:flex;flex-direction:column;gap:6px;overflow:visible}.calendar-cell.today{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;background:var(--bg-tertiary)}.calendar-cell.outside{background:var(--bg-secondary);opacity:.6}.calendar-date{font-size:12px;font-weight:700;color:var(--text-primary);padding:2px 6px;border-radius:4px;width:fit-content}.calendar-cell.today .calendar-date{background:var(--primary);color:#fff}.calendar-cell.outside .calendar-date{color:var(--text-muted)}.calendar-tasks{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:visible}.calendar-tasks::-webkit-scrollbar{width:3px}.calendar-tasks::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.calendar-task{border:none;border-radius:6px;padding:6px 8px;background:var(--bg-tertiary);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;border-left:3px solid transparent;transition:transform .15s,box-shadow .15s}.calendar-task:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.calendar-task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}.calendar-task-title{font-size:11px;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.calendar-task-urgent{font-size:10px;font-weight:700;color:#ef4444;background:#ef444426;padding:1px 5px;border-radius:4px;flex-shrink:0}.calendar-task-badges{display:flex;flex-wrap:wrap;gap:4px}.calendar-task-area{font-size:9px;font-weight:600;text-transform:capitalize;color:var(--text-muted);background:var(--bg-primary);padding:1px 5px;border-radius:3px;letter-spacing:.02em}.calendar-task-status{font-size:10px}.calendar-task-status.status-in_progress{color:#f59e0b}.calendar-task-status.status-completed{color:#10b981}.calendar-task-meta{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task.priority-low{background:#10b98114;border-left-color:#10b981}.calendar-task.priority-medium{background:#f59e0b1a;border-left-color:#f59e0b}.calendar-task.priority-high{background:#ef44441a;border-left-color:#ef4444}.calendar-task.status-completed{opacity:.7}.calendar-task.status-completed .calendar-task-title{text-decoration:line-through;color:var(--text-muted)}.calendar-empty{visibility:hidden}@media(max-width:1024px){.calendar-grid{gap:6px}.calendar-cell{min-height:90px;padding:6px}.calendar-tasks{max-height:60px}.calendar-task-title{font-size:10px;-webkit-line-clamp:1}.calendar-task-badges{display:none}}@media(max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start;gap:12px}.calendar-header h2{font-size:18px}.calendar-grid{gap:4px}.calendar-weekday{font-size:9px;padding:6px 2px}.calendar-cell{min-height:70px;padding:4px;border-radius:6px}.calendar-date{font-size:10px;padding:1px 4px}.calendar-tasks{max-height:45px;gap:2px}.calendar-task{padding:4px 5px;border-left-width:2px;border-radius:4px}.calendar-task-title{font-size:9px;-webkit-line-clamp:1}.calendar-task-urgent,.calendar-task-meta,.calendar-task-badges{display:none}}@media(max-width:480px){.calendar-cell{min-height:55px;padding:3px}.calendar-date{font-size:9px}.calendar-tasks{max-height:35px}.calendar-task{padding:3px 4px}.calendar-task-title{font-size:8px}}.project-detail-page{max-width:1400px;margin:0 auto;padding:var(--space-6);padding-bottom:100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);min-height:100vh;box-sizing:border-box;width:100%;overflow-x:hidden}.breadcrumb-modern{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.breadcrumb-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.breadcrumb-back:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--primary);transform:translate(-2px)}.breadcrumb-divider{color:var(--text-muted);font-size:var(--font-size-base)}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.project-header-modern{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);box-shadow:var(--shadow-soft);transition:var(--transition-normal)}.project-header-modern:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.project-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.project-title-section{flex:1}.project-id-modern{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.project-title-modern{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.project-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.project-title-modern.editable{cursor:pointer;transition:var(--transition-fast);padding:2px 6px;margin:-2px -6px;border-radius:var(--radius-sm)}.project-title-modern.editable:hover{background:var(--bg-tertiary)}.project-title-input{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--primary);border-radius:var(--radius-sm);padding:2px 8px;outline:none;line-height:1.3;width:auto;min-width:200px;max-width:100%}.team-avatars-stacked{display:flex;align-items:center;margin-left:var(--space-2)}.stacked-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid var(--bg-secondary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;margin-left:-10px;transition:transform .15s,margin .15s;cursor:default}.stacked-avatar:first-child{margin-left:0}.team-avatars-stacked:hover .stacked-avatar{margin-left:-6px}.team-avatars-stacked:hover .stacked-avatar:first-child{margin-left:0}.stacked-avatar:hover{transform:translateY(-2px);z-index:10!important}.stacked-avatar.stacked-more{background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px}.project-presence{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:999px;background:#0f172a1f;border:1px solid rgba(148,163,184,.25);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600}.presence-label{color:var(--text-secondary)}.presence-avatars{display:inline-flex;align-items:center;gap:6px}.presence-avatar{width:28px;height:28px;border-radius:50%;background:#6366f133;border:1px solid rgba(99,102,241,.5);color:#e2e8f0;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.presence-empty{color:var(--text-muted);font-size:11px}.project-meta-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.project-sprint-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:6px 12px;border-radius:999px;background:#0f172a8c;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;font-size:var(--font-size-xs);font-weight:600;box-shadow:0 8px 24px #0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge-modern{display:inline-flex;align-items:center;gap:var(--badge-dot-margin);padding:var(--badge-padding-md);border-radius:var(--badge-radius-sm);font-size:var(--badge-font-size-sm);font-weight:var(--badge-font-weight);text-transform:uppercase;letter-spacing:.5px;transition:var(--badge-transition)}.status-dot-modern{width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge-modern.status-open{background:var(--badge-open-bg);color:var(--badge-open-text);border:1px solid rgba(100,116,139,.3)}.status-badge-modern.status-open .status-dot-modern{background:var(--badge-open-text)}.status-badge-modern.status-assigned{background:var(--badge-assigned-bg);color:var(--badge-assigned-text);border:1px solid rgba(59,130,246,.3)}.status-badge-modern.status-assigned .status-dot-modern{background:var(--badge-assigned-text)}.status-badge-modern.status-in_progress{background:var(--badge-progress-bg);color:var(--badge-progress-text);border:1px solid rgba(139,92,246,.3)}.status-badge-modern.status-in_progress .status-dot-modern{background:var(--badge-progress-text)}.status-badge-modern.status-in_review{background:var(--badge-review-bg);color:var(--badge-review-text);border:1px solid rgba(251,191,36,.3)}.status-badge-modern.status-in_review .status-dot-modern{background:var(--badge-review-text)}.status-badge-modern.status-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text);border:1px solid rgba(34,197,94,.3)}.status-badge-modern.status-completed .status-dot-modern{background:var(--badge-completed-text)}.status-badge-modern.status-cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text);border:1px solid rgba(239,68,68,.3)}.status-badge-modern.status-cancelled .status-dot-modern{background:var(--badge-cancelled-text)}.deadline-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast)}.deadline-badge.urgent{background:var(--status-cancelled-surface);border-color:var(--status-cancelled);color:var(--status-cancelled)}.deadline-badge.warning{background:var(--status-review-surface);border-color:var(--status-in-review);color:var(--status-in-review)}.meta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.payment-card-modern{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--status-completed-surface);border:1px solid var(--status-completed);border-radius:var(--radius-lg);min-width:240px;position:relative;transition:var(--transition-normal)}.payment-card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.payment-icon-wrapper{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--status-completed-surface);display:flex;align-items:center;justify-content:center;color:var(--status-completed);flex-shrink:0;border:2px solid var(--status-completed)}.payment-info-modern{flex:1}.payment-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.payment-amount-modern{font-size:var(--font-size-3xl);font-weight:700;color:var(--status-completed);line-height:1}.payment-toggle-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;border:1px solid rgba(34,197,94,.2);background:#22c55e14;border-radius:var(--radius-md);color:var(--status-completed);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);opacity:.8}.payment-toggle-btn:hover{opacity:1;background:#22c55e26;border-color:#22c55e4d}.payment-show-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px dashed rgba(34,197,94,.2);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);min-width:240px}.payment-show-btn:hover{background:var(--bg-tertiary);border-color:#22c55e4d;color:var(--status-completed)}.payment-show-btn svg{flex-shrink:0}.header-progress-bar{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.split-layout-container{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;width:100%;min-width:0}.split-layout-container.two-column{grid-template-columns:7fr 3fr}@media(max-width:1024px){.split-layout-container{grid-template-columns:1fr}}@media(max-width:1024px){.project-detail-grid{display:block!important}.left-column,.right-column{width:100%!important;margin-bottom:2rem}}@media(max-width:1024px){.project-header-main{flex-direction:column}.payment-card-modern{width:100%}}@media(max-width:768px){.project-detail-page{position:relative;inset:auto;height:auto;min-height:100vh;display:flex;flex-direction:column;overflow:visible;padding:0 0 100px;background:var(--bg-primary);z-index:1}.project-header-modern{flex:0 0 auto;margin:0;padding:12px 16px;border-radius:0;border-left:none;border-right:none;border-top:none;background:var(--bg-secondary);z-index:10;position:sticky;top:56px}.breadcrumb-modern{display:none}.project-title-modern{font-size:18px;line-height:1.3;max-height:80px;overflow-y:auto}.split-layout-container{display:flex;flex-direction:column;overflow:visible;gap:0;height:auto;min-height:0}.split-layout-container>*{height:auto;min-height:0}.project-meta-row{padding-bottom:4px}}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:var(--space-6)}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.admin-card.full-width{grid-column:1 / -1}.admin-card-header h3{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.admin-card-header p{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.admin-client-section{margin:0}.admin-planning-section{display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:none;padding:0;margin:0}.manual-sprint-info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;gap:var(--space-3);align-items:flex-start}.manual-sprint-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}@media(max-width:768px){.admin-dashboard-grid{grid-template-columns:1fr;gap:16px}}.admin-planning-subtitle{margin-top:6px;font-size:.85rem;color:#64748b}.btn-outline-action{padding:10px 16px;border-radius:999px;border:1px solid var(--border-light);background:transparent;color:var(--text-primary);font-weight:600;transition:all .2s ease}.btn-outline-action:hover{background:#0f172a;color:#f8fafc;border-color:#0f172a}.actions-section-header{margin-bottom:16px}.actions-section-header p{margin-top:6px;color:#64748b;font-size:.85rem}.activity-tab{display:flex;flex-direction:column;gap:20px}.activity-tab-header h2{font-size:1.2rem;margin-bottom:4px}.activity-tab-header p{color:#64748b;font-size:.85rem}@media(max-width:480px){.project-id-modern{font-size:11px;padding:3px 10px}.project-title-modern{font-size:20px}.status-badge-modern{font-size:11px;padding:6px 12px}.deadline-badge,.meta-badge{font-size:12px;padding:6px 12px}.payment-card-modern{padding:16px 18px}.payment-icon-wrapper{width:44px;height:44px}.payment-amount-modern{font-size:22px}.payment-show-btn{min-width:100%;padding:12px 16px}.payment-toggle-btn{width:28px;height:28px}.sticky-note-header h3{font-size:11px}.btn-save-sticky{padding:var(--space-1) var(--space-2);font-size:10px}.btn-save-text{display:none}.sticky-note-area{height:80px;font-size:12px;padding:var(--space-2)}}.left-column{display:flex;flex-direction:column;gap:24px;min-width:0}.right-column{display:flex;flex-direction:column;gap:24px;min-width:0;position:sticky;top:24px}.project-planner-full{width:100%;min-width:0}.team-deliverables-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(min-width:1024px){.team-deliverables-grid{grid-template-columns:repeat(2,1fr);align-items:start}}@media(min-width:1400px){.team-deliverables-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px){.team-deliverables-grid{grid-template-columns:repeat(2,1fr);align-items:start}}.team-deliverables-grid .project-section,.team-deliverables-grid .project-team-section{margin-bottom:0}.project-team-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);transition:var(--transition-normal)}.project-team-section:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.project-team-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.project-team-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-team-header h3{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.team-count-badge{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:999px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600}.project-team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.project-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.project-team-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);position:relative;text-align:left}.project-team-card:hover{border-color:var(--border-medium);background:var(--bg-hover)}.team-card-main{display:flex;align-items:center;gap:var(--space-3)}.team-avatar{width:44px;height:44px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-light);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-primary);overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.team-member-info{display:flex;flex-direction:column;gap:2px;min-width:0}.team-member-name{font-weight:600;color:var(--text-primary);word-break:break-word;font-size:14px}.team-member-role{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.team-card-actions{display:inline-flex;align-items:center;gap:8px;justify-content:space-between;margin-top:var(--space-2);width:100%}.btn-remove-participant{border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);opacity:0;pointer-events:none}.btn-remove-participant:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.project-team-card:hover .btn-remove-participant,.project-team-card:focus-within .btn-remove-participant{opacity:1;pointer-events:auto}.team-chat-btn{border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-lg);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.team-chat-btn:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}@media(max-width:768px){.project-team-card .btn-remove-participant{opacity:1;pointer-events:auto}}@media(max-width:640px){.project-team-actions{width:100%;justify-content:flex-start;gap:6px}}.btn-add-participant{border:1px dashed var(--border-light);background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-add-participant:hover{border-color:var(--border-hover);background:var(--bg-tertiary);color:var(--primary)}.btn-leave-project{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-fast)}.btn-leave-project:hover{border-color:var(--status-cancelled);background:var(--status-cancelled-surface);color:var(--status-cancelled)}.project-team-empty{margin:0;color:var(--text-secondary);font-size:14px}.timeline-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden}.timeline-toggle{width:100%;background:var(--bg-tertiary);border:none;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;cursor:pointer;color:var(--text-primary)}.timeline-toggle:hover{background:var(--bg-hover)}.timeline-chevron{transition:transform .2s ease;font-size:16px}.timeline-chevron.open{transform:rotate(0)}.timeline-content{padding:16px 18px;border-top:1px solid var(--border-light)}.timeline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.timeline-item{border-left:3px solid var(--border-light);padding-left:12px}.timeline-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.timeline-item-title{font-weight:700;color:var(--text-primary)}.timeline-meta{color:var(--text-muted);font-size:13px;white-space:nowrap}.timeline-details{margin-top:8px;color:var(--text-secondary);font-size:14px;display:flex;flex-direction:column;gap:8px}.timeline-message{margin:0;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px}.timeline-links-title{font-weight:600;margin-bottom:6px}.timeline-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.timeline-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.timeline-link-label{font-weight:600;color:var(--text-primary);word-break:break-word}.timeline-link-btn{background:var(--accent-primary);color:var(--text-primary);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600}.timeline-link-btn:hover{background:var(--info-text)}.timeline-link-url{font-family:Inter,monospace;color:var(--accent-info);word-break:break-all;overflow-wrap:anywhere}.timeline-link-note{color:var(--text-muted);font-size:13px;margin-top:4px}.timeline-empty{margin:0;color:var(--text-muted)}.delivery-box{background:var(--bg-secondary);border:1px solid var(--border-light);padding:20px;border-radius:12px;margin-bottom:24px}.delivery-box h3{margin:0 0 8px;color:var(--text-primary);font-size:16px}.delivery-hint{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.delivery-input-row{display:flex;gap:12px;min-width:0}.delivery-input-row.multiple{align-items:center}.delivery-inputs{display:flex;gap:10px;flex:1;min-width:0}.delivery-input-row input{flex:1;padding:12px;border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none;min-width:0}.delivery-note-input{max-width:260px}.delivery-input-row button{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);padding:0 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;min-height:42px;box-shadow:0 4px 10px #2563eb1f}.delivery-actions-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.delivery-primary-actions{display:flex;flex:1 1 240px;justify-content:flex-end;gap:10px;min-width:0}.add-link-btn{background:var(--bg-tertiary);border:1px dashed var(--accent-primary);color:var(--accent-primary);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;font-weight:600}.add-link-btn:hover{background:#3b82f61a}.remove-link-btn{border:none;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:6px}.delivery-input-row button:hover{background:var(--info-text)}.delivery-input-row button:disabled{opacity:.5;cursor:not-allowed}.btn-submit-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);width:100%;min-width:0;box-shadow:0 1px 3px #ff9f1c26}.btn-submit-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #ff9f1c33}.btn-submit-action:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary-action{width:100%;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 3px #ff9f1c26}.btn-primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #ff9f1c33}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed}.completed-banner{background:var(--status-completed-surface);color:var(--status-completed);padding:14px;border-radius:12px;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.project-specs-section{background:var(--bg-secondary);padding:24px;border-radius:16px;border:1px solid var(--border-light);min-width:0}.project-specs-section h3{margin-top:0;font-size:16px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.description-text{line-height:1.6;color:var(--text-secondary);word-break:break-word}.admin-public-notes{margin-top:20px;padding:14px;background:var(--status-review-surface);border:1px solid rgba(245,158,11,.3);color:var(--status-in-review);font-size:14px}.revision-message-card{margin-top:16px;padding:18px 20px;border-radius:12px;border:1px solid rgba(245,158,11,.3);background:var(--status-review-surface);color:var(--status-in-review);display:flex;flex-direction:column;gap:8px}.revision-message-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.revision-message-body{margin:0;line-height:1.6}.revision-message-hint{font-size:13px;color:var(--status-in-review)}.payment-breakdown-section{margin-top:auto;padding:24px;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--border-light)}.payment-breakdown-section h4{margin:0 0 16px;font-size:14px;color:var(--text-muted);text-transform:uppercase}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.breakdown-item label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.breakdown-item span{font-size:15px;font-weight:600;color:var(--text-primary)}.right-column{display:flex;flex-direction:column;gap:24px;position:sticky;top:24px;min-width:0}.private-notes-sticky{background:var(--bg-primary);border:2px solid rgba(251,191,36,.15);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 2px 8px #fbbf2414,0 1px 3px #0000000d;position:relative;overflow:hidden;transition:var(--transition-fast)}.private-notes-sticky:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf2433,#fbbf2466,#fbbf2433)}.private-notes-sticky:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf241f,0 2px 4px #0000000f;border-color:#fbbf2440}.sticky-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed rgba(251,191,36,.2)}.sticky-note-header h3{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-save-sticky{display:flex;align-items:center;gap:var(--space-2);background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-xs);font-weight:600}.btn-save-sticky:hover:not(:disabled){background:#fbbf2426;border-color:#fbbf244d}.btn-save-sticky:disabled{opacity:.5;cursor:not-allowed}.btn-save-text{white-space:nowrap}.sticky-note-area{width:100%;height:120px;background:var(--bg-secondary);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius-md);padding:var(--space-3);font-family:inherit;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);resize:vertical;outline:none;transition:var(--transition-fast)}.sticky-note-area::placeholder{color:var(--text-muted);opacity:.6}.sticky-note-area:focus{background:var(--bg-tertiary);border-color:#fbbf244d;box-shadow:0 0 0 3px #fbbf2414}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-primary);border:1px solid var(--border-light);padding:var(--space-8);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-medium)}.modal-actions{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-3)}.btn-cancel{padding:var(--space-3) var(--space-5);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-confirm{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 2px 8px #ffa5004d}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50066}.btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modal-subtitle{margin:var(--space-2) 0 var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.revision-textarea{width:100%;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;transition:var(--transition-fast)}.revision-textarea:focus{outline:none;background:var(--bg-tertiary);border-color:var(--border-hover);box-shadow:0 0 0 3px #ffa5001a}.admin-actions-section{display:flex;flex-direction:column;gap:16px}.delivery-link-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px}.delivery-link-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.delivery-link-section h4{margin:0 0 12px;font-size:15px;color:var(--text-primary)}.delivery-links-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-primary);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.delivery-links-toggle:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.delivery-links-count{font-size:13px;color:var(--status-approved)}.delivery-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.delivery-link-item{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:10px;padding:12px}.delivery-link-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.delivery-link-label{font-weight:600;color:var(--text-primary)}.delivery-link-url{margin-top:6px;word-break:break-all;color:var(--accent-primary)}.delivery-link-note{margin-top:6px;padding:8px 10px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-muted);font-size:13px}.delivery-link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent-primary);color:var(--text-primary);border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.delivery-link-btn:hover{background:var(--info-text);transform:translate(4px)}.status-info-banner{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.review-actions-section{display:flex;flex-direction:column;gap:12px}.review-banner{background:var(--status-review-surface);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:14px 18px;color:var(--status-in-review);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.btn-approve-action{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--status-completed);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 1px 3px #22c55e26}.btn-approve-action:hover:not(:disabled){background:var(--success-text);transform:translateY(-1px);box-shadow:0 2px 6px #22c55e33}.review-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-revision-action{flex:1 1 220px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--status-review-surface);color:var(--status-in-review);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-revision-action:hover{background:#f59e0b33;border-color:var(--status-in-review)}.btn-revision-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.completed-section{display:flex;flex-direction:column;gap:12px}.btn-reopen-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reopen-action:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.btn-reopen-action:disabled{opacity:.6;cursor:not-allowed}.btn-approve-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.review-buttons .btn-approve-action,.review-buttons .btn-revision-action,.review-buttons .btn-cancel-action{flex:1 1 220px}.btn-cancel-action{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;color:var(--status-cancelled);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-cancel-action:hover{background:var(--status-cancelled-surface);border-color:var(--status-cancelled)}.btn-cancel-action:disabled{opacity:.6;cursor:not-allowed}.status-in_review{background:var(--status-review-surface);color:var(--status-review);border:1px solid rgba(217,119,6,.45)}.status-overdue{background:var(--status-overdue-surface);color:var(--status-overdue);border:1px solid rgba(185,28,28,.4)}.in-review-banner{background:var(--status-review-surface);color:var(--status-in-review);padding:14px;border-radius:12px;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;gap:8px;font-weight:600}.project-tabs-container{margin:var(--space-2) 0 var(--space-6) 0;border-bottom:2px solid var(--border-light);position:relative;z-index:5;background:var(--bg-primary);width:100%}@media(max-width:768px){.project-tabs-container{display:block!important;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:20;margin:0 0 16px}}.project-tabs{display:flex;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:4px}.project-tabs::-webkit-scrollbar{display:none}.project-tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-disabled);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-normal);white-space:nowrap;position:relative;margin-bottom:-2px}.project-tab:hover{color:var(--text-muted);background:var(--bg-tertiary)}.project-tab.active{color:var(--primary);background:var(--primary-surface);border-bottom-color:var(--primary)}.project-tab.active svg{color:var(--primary)}.project-tab svg{flex-shrink:0;transition:var(--transition-normal)}.project-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.project-tab{padding:12px 18px;font-size:14px}.project-tab span{display:none}.project-tab svg{margin:0}.project-tab{flex:1;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.project-tab{padding:12px 20px}}.tab-content{animation:fadeIn .3s ease}.timeline-container{max-width:900px;margin:0 auto;padding:32px 20px}.timeline-header{margin-bottom:40px}.timeline-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.timeline-subtitle{font-size:15px;color:var(--text-secondary);margin:0;font-weight:400}.timeline-list{position:relative}.timeline-item{display:flex;gap:20px;margin-bottom:24px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.timeline-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 0 4px var(--bg-primary);transition:all var(--transition-slow)}.timeline-item:hover .timeline-dot{transform:scale(1.1);box-shadow:0 0 0 6px var(--bg-primary)}.timeline-dot.event-created{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.timeline-dot.event-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.timeline-dot.event-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.timeline-dot.event-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.timeline-dot.event-danger{background:var(--danger-gradient);color:#fff}.timeline-dot.event-neutral{background:var(--text-disabled-gradient);color:#fff}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--border-medium),var(--border-light));margin-top:4px}.timeline-card{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px 20px;transition:all var(--transition-slow);position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.timeline-card:hover{background:var(--bg-secondary);border-color:var(--primary-light);transform:translate(4px);box-shadow:var(--shadow-medium)}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.timeline-event-type{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.timeline-timestamp{font-size:var(--font-size-meta);color:var(--text-muted);font-weight:500}.timeline-card-body{display:flex;flex-direction:column;gap:12px}.timeline-user{display:flex;align-items:center;gap:10px}.timeline-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex-shrink:0}.timeline-user-name{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary)}.timeline-description{font-size:var(--font-size-body);line-height:1.6;color:var(--text-secondary)}.timeline-attachments{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.timeline-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--accent-info);font-size:13px;text-decoration:none;transition:all var(--transition-normal);border:1px solid var(--border-light)}.timeline-link:hover{background:var(--bg-secondary);border-color:var(--accent-info);transform:translate(2px)}.timeline-revision-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--primary-surface);border-left:3px solid var(--primary);border-radius:var(--radius-sm);font-size:13px;color:var(--primary-dark);line-height:1.5}.timeline-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--status-progress-surface);border:1px solid var(--status-progress);border-radius:var(--radius-sm);font-size:var(--font-size-meta);color:var(--status-progress);font-weight:500;width:fit-content}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.timeline-empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.5}.timeline-empty-text{font-size:15px;color:var(--text-secondary);margin:0}@media(max-width:768px){.timeline-container{padding:20px 16px}.timeline-item{gap:16px}.timeline-dot{width:32px;height:32px}.timeline-card{padding:14px 16px}.timeline-title{font-size:20px}.timeline-header{margin-bottom:30px}}@media(max-width:480px){.timeline-container{padding:16px 12px}.timeline-item{gap:12px}.timeline-dot{width:28px;height:28px}.timeline-card-header{flex-direction:column;align-items:flex-start;gap:6px}.timeline-event-type{font-size:12px}.timeline-timestamp{font-size:11px}}.project-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-soft)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.empty-state{padding:var(--space-8);text-align:center;color:var(--text-muted)}.updates-list{display:flex;flex-direction:column;gap:var(--space-4)}.update-item{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast)}.update-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.update-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.update-type{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.update-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.update-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.update-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--primary);text-decoration:none;margin-bottom:var(--space-2);transition:var(--transition-fast)}.update-link:hover{text-decoration:underline}.update-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.tasks-list{display:flex;flex-direction:column;gap:var(--space-3)}.task-item{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast)}.task-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.task-main{display:flex;gap:var(--space-3)}.task-checkbox{flex-shrink:0;padding-top:2px}.task-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-content{flex:1;min-width:0}.task-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.task-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);flex:1}.task-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.task-priority-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:#fff}.btn-icon-sm{padding:4px;background:transparent;border:none;cursor:pointer;opacity:.6;transition:var(--transition-fast)}.btn-icon-sm:hover{opacity:1}.task-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.task-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-muted)}.task-assignee,.task-due-date,.task-status{display:inline-flex;align-items:center;gap:var(--space-1)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.btn-icon{padding:var(--space-2);background:transparent;border:none;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.modal-body{padding:var(--space-5)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=url],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--border-light)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}@media(max-width:768px){.task-header-row{flex-direction:column;align-items:flex-start}.task-actions{width:100%;justify-content:space-between}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}}.project-lifeline{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 8px 20px #0f172a14}.project-lifeline-header h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#0f172a}.project-lifeline-header p{margin:0;color:#64748b;font-size:.85rem}.project-lifeline-empty{margin-top:12px;color:#94a3b8;font-size:.85rem}.project-lifeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.project-lifeline-card{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.project-lifeline-week{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#0f172a;font-size:.85rem}.project-lifeline-chip{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.project-lifeline-chip.good{background:#22c55e29;color:#16a34a}.project-lifeline-chip.warning{background:#0ea5e929;color:#0ea5e9}.project-lifeline-chip.risk{background:#ef444429;color:#dc2626}.project-lifeline-chip.empty{background:#94a3b833;color:#64748b}.project-lifeline-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.project-lifeline-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee)}.project-lifeline-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#475569}.weekly-reports-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-soft)}.weekly-reports-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.weekly-reports-subtitle{color:#64748b;margin-top:4px}.weekly-reports-extra{display:inline-block;margin-top:8px;font-size:12px;color:#94a3b8}.weekly-reports-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.weekly-reports-body{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:20px;margin-top:20px}.weekly-report-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weekly-report-list-count{background:var(--bg-tertiary);color:var(--text-primary);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.weekly-report-card{width:100%;text-align:left;border:1px solid var(--border-light);background:var(--bg-tertiary);padding:14px;border-radius:16px;margin-bottom:10px;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-soft)}.weekly-report-card:hover{border-color:#6366f159;background:#6366f11f;box-shadow:0 14px 30px #6366f126}.weekly-report-card.active{border-color:var(--primary);background:var(--primary-surface);box-shadow:0 0 0 1px var(--primary-surface)}.weekly-report-title{font-weight:600;color:var(--text-primary)}.weekly-report-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.weekly-report-badge{background:var(--bg-secondary);color:var(--text-secondary);padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600}.weekly-report-date{font-size:.75rem;color:#475569}.weekly-report-range{font-size:.8rem;color:#334155}.weekly-report-meta{font-size:.85rem;color:#475569;display:flex;justify-content:space-between;gap:8px;margin-top:4px}.weekly-report-error{color:#dc2626;font-size:.9rem;margin-bottom:8px}.weekly-report-detail{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid #e2e8f0}.weekly-report-detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.weekly-report-context-label{display:inline-flex;align-items:center;gap:6px;background:#0f172a;color:#f8fafc;border-radius:999px;padding:4px 10px;font-size:.75rem}.weekly-report-summary{display:flex;gap:24px;margin-bottom:16px}.weekly-report-summary-card{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:12px 16px;min-width:180px}.weekly-report-task-block h5{margin-bottom:8px}.weekly-report-task-gallery{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.weekly-report-task-card{width:100%;text-align:left;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-tertiary);padding:10px 12px;color:var(--text-primary);display:flex;flex-direction:column;gap:4px;transition:all .2s ease;cursor:pointer}.weekly-report-task-card:hover{border-color:#6366f1;box-shadow:0 6px 14px #6366f129}.weekly-report-task-card.pending{border-color:#eab3084d;background:#eab3080d;color:var(--text-primary)}.weekly-report-task-hint{font-size:.75rem;color:#64748b}.admin-client-section{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px 18px;margin-bottom:20px;box-shadow:0 10px 24px #0f172a40}.admin-client-subtitle{margin:6px 0 0;color:#94a3b8;font-size:13px}.admin-client-controls{display:flex;align-items:center;gap:12px}.admin-client-controls select{min-width:220px;border-radius:8px;border:1px solid #1e293b;background:#0f172a;color:#e2e8f0;padding:8px 12px;font-size:14px}.admin-client-status{font-size:12px;color:#cbd5f5}.admin-client-error{margin-top:6px;font-size:12px;color:#fca5a5}@media(max-width:960px){.admin-client-section{flex-direction:column;align-items:flex-start}.admin-client-controls{width:100%;justify-content:space-between}.admin-client-controls select{width:100%}}.weekly-report-task-block em{font-style:normal;color:#64748b}.btn-ghost-action{background:transparent;color:#0f172a;border:1px solid #cbd5f5;padding:10px 18px;border-radius:999px;font-weight:600;transition:all .2s ease}.btn-ghost-action:hover{background:#0f172a;color:#f8fafc;border-color:#0f172a}.history-task-modal{max-width:780px;width:100%}.history-task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.history-task-badge{display:inline-flex;background:#0f172a;color:#f8fafc;border-radius:999px;padding:4px 10px;font-size:.75rem;margin-top:6px}.history-task-close{border:1px solid #e2e8f0;background:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer}.history-task-subtitle{color:#64748b;margin:8px 0 16px}.history-task-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:12px}.history-task-details span{display:block;font-size:.75rem;color:#64748b}.history-task-section{margin-top:18px}.history-task-links{display:flex;flex-direction:column;gap:6px}.history-task-links a{color:#2563eb}.history-task-chat{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:6px}.history-task-chat-item{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff}.history-task-chat-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-bottom:6px}.history-task-empty{color:#94a3b8;font-size:.85rem}@media(max-width:960px){.weekly-reports-body{grid-template-columns:1fr}.weekly-report-summary{flex-direction:column}}.client-instructions-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;margin:16px 0;color:var(--text-primary)}.client-instructions-card .client-header{display:flex;align-items:center;gap:12px}.client-instructions-card img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#fff}.client-logo-placeholder{width:56px;height:56px;border-radius:12px;background:#1e293b;display:flex;align-items:center;justify-content:center;font-weight:700}.client-instructions-card .client-header span{display:block;font-size:13px;color:#94a3b8}.client-guidelines{margin-top:12px;font-size:13px}.client-guidelines ul{margin:8px 0 0;padding-left:16px}.client-guidelines a{color:#38bdf8}.client-methodology{margin-top:12px;font-size:13px}.client-methodology span{display:block;font-weight:600;margin-bottom:6px}.btn-cancel{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:10px 18px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-tertiary)}.btn-confirm{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb33}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost-action{background:transparent;border:1px solid var(--border-light);color:var(--text-primary);padding:10px 18px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-ghost-action:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.btn-ghost-action:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .project-header-modern{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .project-header-modern:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .project-id-modern{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}[data-theme=light] .project-title-modern{color:#0f172a}[data-theme=light] .project-title-input{color:#0f172a;background:#fff;border-color:#0ea5e9}[data-theme=light] .stacked-avatar{border-color:#fff}[data-theme=light] .stacked-avatar.stacked-more{background:#f1f5f9;color:#64748b}[data-theme=light] .project-presence{background:#f1f5f9cc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .presence-avatar{background:#0ea5e91a;border-color:#0ea5e9;color:#0f172a}[data-theme=light] .project-sprint-badge{background:#f1f5f9e6;border-color:#e2e8f0;color:#0f172a;box-shadow:0 2px 8px #0000000a}[data-theme=light] .breadcrumb-back{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .breadcrumb-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#0ea5e9}[data-theme=light] .breadcrumb-current{color:#475569}[data-theme=light] .breadcrumb-divider{color:#cbd5e1}[data-theme=light] .project-tabs-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .project-tab{color:#64748b;border-bottom-color:transparent}[data-theme=light] .project-tab:hover{color:#0f172a;background:#f8fafc}[data-theme=light] .project-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:transparent}[data-theme=light] .tab-content{background:#fff;border-color:#e2e8f0}[data-theme=light] .project-team-card,[data-theme=light] .project-timeline-card,[data-theme=light] .project-deliverables-card,[data-theme=light] .admin-dashboard-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .section-title-modern{color:#0f172a}[data-theme=light] .section-subtitle{color:#64748b}[data-theme=light] .timeline-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .timeline-item{border-left-color:#e2e8f0}[data-theme=light] .timeline-item.completed{border-left-color:#16a34a}[data-theme=light] .timeline-dot{background:#fff;border-color:#e2e8f0}[data-theme=light] .timeline-item.completed .timeline-dot{background:#16a34a;border-color:#16a34a}[data-theme=light] .timeline-content h4{color:#0f172a}[data-theme=light] .timeline-content p{color:#64748b}[data-theme=light] .deliverable-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .deliverable-item:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .deliverable-icon{background:#0ea5e91a;color:#0ea5e9}[data-theme=light] .deliverable-name{color:#0f172a}[data-theme=light] .deliverable-meta{color:#64748b}[data-theme=light] .admin-stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .admin-stat-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .stat-icon{background:#0ea5e91a;color:#0ea5e9}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .btn-ghost-action{border-color:#e2e8f0;color:#0f172a}[data-theme=light] .btn-ghost-action:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .btn-cancel{border-color:#e2e8f0;color:#64748b}[data-theme=light] .btn-cancel:hover{border-color:#cbd5e1;color:#0f172a;background:#f1f5f9}.marketplace-container{max-width:1000px;margin:0 auto;padding:24px;font-family:var(--font-family-base)}.marketplace-header{margin-bottom:24px}.marketplace-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.marketplace-header p{font-size:14px;color:var(--text-secondary);margin:0}.marketplace-controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:12px 12px 12px 42px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:all .15s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}.sort-select{padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;min-width:160px}.sort-select:focus{outline:none;border-color:var(--primary)}.marketplace-stats{display:flex;gap:24px;padding:16px 20px;background:var(--primary-surface);border-radius:var(--radius-lg);margin-bottom:24px}.marketplace-stat{display:flex;align-items:center;gap:8px}.marketplace-stat-value{font-size:18px;font-weight:700;color:var(--primary-dark)}.marketplace-stat-label{font-size:13px;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.project-card-header{padding:20px 20px 16px;border-bottom:1px solid var(--border-light)}.project-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.project-card-client{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.client-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.project-card-body{padding:16px 20px;flex:1}.project-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:11px;color:var(--text-secondary);font-weight:500}.project-card-footer{padding:16px 20px;background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center;gap:12px}.project-payment{display:flex;flex-direction:column}.payment-amount{font-size:20px;font-weight:700;color:var(--accent-success)}.payment-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.project-deadline{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.project-deadline.urgent{color:var(--accent-danger);font-weight:600}.project-deadline.warning{color:var(--accent-warning);font-weight:600}.btn-accept{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-accept:hover{background:var(--primary-dark)}.btn-accept:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn-accept-disabled{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.7}.btn-accept-disabled:hover{background:var(--bg-tertiary)!important}.empty-marketplace{text-align:center;padding:60px 20px;background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-lg)}.empty-icon{font-size:56px;margin-bottom:16px}.empty-marketplace h3{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-marketplace p{font-size:14px;color:var(--text-secondary);margin:0}.loading-marketplace{text-align:center;padding:60px;color:var(--text-muted)}@media(max-width:768px){.marketplace-container{padding:16px}.marketplace-header h1{font-size:20px}.marketplace-controls{flex-direction:column}.search-input-wrapper{min-width:100%}.sort-select{width:100%}.marketplace-stats{flex-wrap:wrap;gap:16px;padding:12px 16px}.marketplace-stat{flex:1;min-width:45%}.projects-grid{grid-template-columns:1fr}.project-card-footer{flex-wrap:wrap}.btn-accept{width:100%;margin-top:8px}}.notifications-page{max-width:700px;margin:0 auto;padding:32px 24px;font-family:var(--font-family-base);background:var(--bg-primary);min-height:100vh}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.notifications-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.btn-mark-all{padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-mark-all:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.btn-mark-all:disabled{opacity:.5;cursor:default}.notification-filters{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.filter-pill{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.filter-pill.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--primary)}.notifications-list{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.notification-list-item{display:flex;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s ease}.notification-list-item:hover{background:var(--bg-secondary)}.notification-list-item:last-child{border-bottom:none}.notification-list-item.unread{background:var(--primary-surface)}.notification-list-item.unread:hover{background:#fef3c7}.notif-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.notif-icon.assigned{background:var(--status-assigned-surface)}.notif-icon.review{background:var(--status-review-surface)}.notif-icon.completed{background:var(--status-completed-surface)}.notif-icon.project{background:var(--primary-surface)}.notif-icon.message{background:#e0e7ff}.notif-content{flex:1}.notif-message{font-size:15px;color:var(--text-primary);line-height:1.5;margin:0 0 6px}.notif-message strong{font-weight:600}.notif-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.notif-project{display:flex;align-items:center;gap:4px}.notif-actions{display:flex;align-items:center;gap:8px}.btn-notif-action{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease}.btn-notif-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notifications-empty{text-align:center;padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.notifications-empty-icon{font-size:56px;margin-bottom:16px}.notifications-empty h3{font-size:18px;color:var(--text-primary);margin:0 0 8px}.notifications-empty p{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:768px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:16px}.notifications-header h1{font-size:20px}.btn-mark-all{width:100%;justify-content:center}.notification-filters{overflow-x:auto;padding-bottom:4px}.notification-list-item{padding:16px}.notif-icon{width:40px;height:40px;font-size:18px}.notif-message{font-size:14px}}.global-chat-container{max-width:1400px;margin:0 auto;padding:1rem;min-height:calc(100vh - 100px)}.chat-header{text-align:center;margin-bottom:1.5rem}.chat-header h1{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.chat-header p{font-size:16px;color:#666}.chat-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem;height:calc(100vh - 250px);min-height:500px}.users-sidebar{background:var(--bg-secondary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;overflow-y:auto;border:1px solid #f1f3f5}.users-sidebar h3{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f3f5}.users-list{display:flex;flex-direction:column;gap:.5rem}.user-item{display:flex;align-items:center;gap:.75rem;padding:12px;border-radius:8px;background:#f8f9fa;transition:all .2s}.user-item:hover{background:#e9ecef;transform:translate(2px)}.user-status{font-size:12px}.user-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#1a1a1a;font-size:14px}.user-role{font-size:11px;padding:2px 8px;border-radius:20px;width:fit-content;font-weight:600}.badge-admin{background:#ff6b6b;color:#fff}.badge-manager{background:#4ecdc4;color:#fff}.badge-editor{background:#95e1d3;color:#1a1a1a}.chat-main{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;border:1px solid #f1f3f5}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.message{display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{align-items:flex-end}.message.other{align-items:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:12px;box-shadow:0 1px 3px #00000014}.message.own .message-bubble{background:#6c63ff;color:#fff;border-bottom-right-radius:4px}.message.other .message-bubble{background:#f1f3f5;color:#1a1a1a;border-bottom-left-radius:4px}.message-content{font-size:14px;line-height:1.5;word-wrap:break-word}.message-time{font-size:11px;margin-top:.25rem;opacity:.7}.message-sender{font-size:12px;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.message.own .message-sender{color:#6c63ff}.message.other .message-sender{color:#666}.role-badge{font-size:10px;padding:2px 6px;border-radius:20px;font-weight:600}.chat-input-form{display:flex;gap:.75rem;padding:16px;border-top:2px solid #f1f3f5;background:var(--bg-secondary)}.chat-input-form input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s;min-height:44px}.chat-input-form input:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.chat-input-form button{padding:12px 24px;background:#6c63ff;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;min-height:44px}.chat-input-form button:hover:not(:disabled){background:#5a52d5;box-shadow:0 2px 6px #6c63ff4d}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-layout{grid-template-columns:1fr;height:auto}.users-sidebar{max-height:200px}.chat-main{height:500px}.message-bubble{max-width:85%}}.api-keys-container{padding:20px 0;animation:fadeIn .4s ease-out}.api-keys-header{margin-bottom:24px}.api-keys-intro h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;color:#fff;margin-bottom:8px}.api-keys-intro p{color:#ffffff80;font-size:.9rem;line-height:1.5}.revealed-key-banner{background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:24px;margin-bottom:24px;position:relative}.revealed-key-content{display:flex;gap:20px}.warning-icon{color:#0ea5e9;flex-shrink:0}.revealed-key-text h4{color:#0ea5e9;margin-bottom:4px}.revealed-key-text p{font-size:.85rem;color:#ffffffb3;margin-bottom:16px}.key-display-box{background:#000;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,255,255,.1)}.key-display-box code{font-family:Fira Code,monospace;color:#0ea5e9;font-size:.95rem;word-break:break-all}.copy-btn{background:transparent;border:none;color:#fff6;cursor:pointer;transition:all .2s}.copy-btn:hover{color:#fff}.close-reveal-btn{background:#0ea5e9;color:#000;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;align-self:flex-start;margin-left:auto}.create-key-form{margin-bottom:32px}.create-key-form .input-group{display:flex;gap:12px}.create-key-form input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;color:#fff;outline:none}.create-key-form input:focus{border-color:#0ea5e980;background:#ffffff0d}.btn-generate{background:#fff;color:#000;border:none;padding:0 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s}.btn-generate:hover:not(:disabled){transform:translateY(-1px);background:#f0f0f0}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.keys-table{width:100%;border-collapse:collapse}.keys-table th{text-align:left;padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.05)}.keys-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem}.key-name-cell{font-weight:500;color:#fff}.key-preview{font-family:monospace;color:#ffffff80;background:#ffffff0d;padding:4px 8px;border-radius:4px}.key-meta-cell{color:#fff6;font-size:.85rem}.revoke-btn{background:transparent;border:none;color:#ff3b5c66;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.revoke-btn:hover{color:#ff3b5c;background:#ff3b5c1a}.empty-keys{text-align:center;padding:40px!important;color:#fff3;font-style:italic}.api-keys-loading{padding:40px;text-align:center;color:#fff6}.profile-container{padding:24px;max-width:800px;margin:0 auto;width:100%}.profile-card{background-color:var(--bg-secondary);border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-light)}.profile-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-light);margin-bottom:24px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-name{font-size:24px;font-weight:700;margin:0;color:var(--text-primary)}.profile-role{color:var(--text-secondary);text-transform:capitalize;margin:4px 0 0}.profile-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-light);padding-bottom:1px}.profile-tab-btn{padding:10px 20px;background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;position:relative;transition:all .2s}.profile-tab-btn:hover{color:var(--text-primary)}.profile-tab-btn.active{color:var(--primary)}.profile-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary)}.profile-form{display:flex;flex-direction:column;gap:16px}.profile-section-title{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.profile-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border-medium);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:14px;transition:all .2s}.profile-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.notification-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-medium)}.toggle-info{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:500}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-medium);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.profile-actions{display:flex;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.profile-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center}.profile-btn-logout{background-color:transparent;color:#ef4444;border:1px solid #ef4444}.profile-btn-logout:hover{background-color:#ef44441a}.profile-btn-save{background-color:var(--primary);color:#fff}.profile-btn-save:hover{background-color:var(--primary-dark)}.profile-btn-save:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.profile-container{padding:16px}.profile-card{padding:20px}}.metrics-page{max-width:1100px;margin:0 auto;padding:24px;font-family:var(--font-family-base);width:100%;box-sizing:border-box;overflow-x:hidden}.metrics-page *{box-sizing:border-box}.metrics-header{margin-bottom:32px}.metrics-header-text h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.metrics-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.metrics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.metrics-loading p{font-size:14px;color:var(--text-muted)}.metrics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;padding:24px}.error-icon{font-size:48px}.metrics-error h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.metrics-error p{font-size:14px;color:var(--text-secondary);margin:0;max-width:400px}.btn-retry{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:8px}.btn-retry:hover{background:var(--primary-dark);transform:translateY(-1px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;width:100%}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .15s ease;width:100%;text-align:left;font-family:inherit;appearance:none}.metric-card.is-clickable{cursor:pointer}.metric-card.is-clickable:hover{box-shadow:var(--shadow-medium);transform:scale(1.01);border-color:var(--primary)}.metric-card.is-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.metric-card.primary{border-left:4px solid var(--primary)}.metric-card.success{border-left:4px solid var(--accent-success)}.metric-card.warning{border-left:4px solid var(--accent-warning)}.metric-card.accent{border-left:4px solid #8b5cf6}.metric-card.info{border-left:4px solid #0ea5e9}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card.primary .metric-icon{background:var(--primary-surface);color:var(--primary)}.metric-card.success .metric-icon{background:#16a34a1a;color:var(--accent-success)}.metric-card.warning .metric-icon{background:#f59e0b1a;color:var(--accent-warning)}.metric-card.accent .metric-icon{background:#8b5cf61a;color:#8b5cf6}.metric-card.info .metric-icon{background:#0ea5e91a;color:#0ea5e9}.metric-content{flex:1}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1}.metric-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metrics-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.status-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:12px;transition:all .15s ease;width:100%;text-align:left;font-family:inherit;appearance:none}.status-card.is-clickable{cursor:pointer}.status-card.is-clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-small);transform:scale(1.01)}.status-card.is-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.open{background:var(--status-open)}.status-dot.assigned{background:var(--status-assigned)}.status-dot.in_progress{background:var(--status-progress)}.status-dot.in_review{background:var(--status-review)}.status-dot.completed{background:var(--status-completed)}.status-dot.cancelled{background:#6b7280}.status-info{flex:1}.status-count{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.status-name{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.editors-list{display:flex;flex-direction:column;gap:12px}.editor-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all .15s ease;width:100%;text-align:left;font-family:inherit;appearance:none}.editor-card.is-clickable{cursor:pointer}.editor-card.is-clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-small);transform:scale(1.01)}.editor-card.is-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.editor-rank{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.editor-info{flex:1;min-width:0}.editor-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.editor-email{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-stats{display:flex;gap:24px}.editor-stat{display:flex;flex-direction:column;align-items:flex-end}.stat-number{font-size:16px;font-weight:700;color:var(--text-primary)}.stat-text{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}@media(max-width:768px){.metrics-page{padding:16px}.metrics-header-text h1{font-size:22px}.metrics-grid{grid-template-columns:1fr;gap:12px}.metric-card{padding:18px}.metric-value{font-size:28px}.status-grid{grid-template-columns:repeat(2,1fr);gap:12px}.status-card{padding:16px}.status-count{font-size:20px}.editor-card{flex-wrap:wrap;padding:16px}.editor-stats{width:100%;justify-content:space-around;margin-top:8px}.editor-stat{align-items:center}}@media(max-width:480px){.metrics-header-text h1{font-size:20px}.metric-value{font-size:24px}.metric-icon{width:40px;height:40px}.status-grid{grid-template-columns:1fr}.editor-rank{width:36px;height:36px;font-size:16px}}[data-theme=light] .metric-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .metric-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .status-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .status-card:hover{box-shadow:0 2px 8px #0000000f}[data-theme=light] .editor-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .editor-card:hover{box-shadow:0 2px 8px #0000000f}.activity-container{padding:24px;max-width:1400px;margin:0 auto;font-family:var(--font-family-base)}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.refresh-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-normal)}.refresh-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary)}.refresh-toggle.active{background:#16a34a1a;border-color:var(--accent-success);color:var(--accent-success)}.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition-normal)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary)}.summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-content{flex:1}.summary-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.summary-label{font-size:13px;color:var(--text-muted);font-weight:500}.alerts-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-left:3px solid;border-radius:var(--radius-md);transition:var(--transition-fast);text-align:left;width:100%;font-family:inherit;appearance:none}.alert-item.is-clickable{cursor:pointer}.alert-item.is-clickable:hover{background:var(--bg-tertiary);transform:scale(1.01)}.alert-item.priority-high{border-left-color:var(--accent-danger);background:#ef44440d}.alert-item.priority-medium{border-left-color:var(--accent-warning);background:#f59e0b0d}.alert-item.priority-low{border-left-color:var(--accent-info);background:#3b82f60d}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-content{flex:1}.alert-message{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.alert-meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.users-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.users-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.users-list{display:flex;flex-direction:column;gap:16px}.user-card-simple{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;transition:var(--transition-normal);width:100%;text-align:left;font-family:inherit;appearance:none}.user-card-simple.is-clickable{cursor:pointer}.user-card-simple.is-clickable:hover{transform:scale(1.01);border-color:var(--primary);box-shadow:var(--shadow-soft)}.user-header-simple{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.user-avatar-simple{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0}.user-info-simple{flex:1;min-width:0}.user-name-simple{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-simple{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.user-stats-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.stat-simple{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--bg-primary);border-radius:var(--radius-sm)}.stat-value-simple{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label-simple{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.projects-list-simple{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border-light)}.project-simple{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm)}.project-name-simple{font-size:13px;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.project-days-simple{font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;white-space:nowrap}.current-project-simple{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);margin-top:12px}.current-project-name{flex:1;font-size:13px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-project-deadline{font-size:12px;color:var(--primary);background:var(--primary-surface);padding:2px 8px;border-radius:4px;white-space:nowrap}.workload-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.workload-modal{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-large);padding:20px}.workload-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.workload-title{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.workload-name{font-size:16px;font-weight:600}.workload-role{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.workload-close{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.workload-close:hover{border-color:var(--primary);color:var(--text-primary)}.workload-list{display:flex;flex-direction:column;gap:12px}.workload-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.workload-item-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.workload-project{font-size:14px;font-weight:600;color:var(--text-primary)}.workload-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:4px 8px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary)}.workload-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.workload-empty{font-size:14px;color:var(--text-muted);text-align:center;padding:20px 0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);gap:16px}.retry-button{padding:10px 20px;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.retry-button:hover{background:var(--primary-dark);transform:translateY(-1px)}@media(max-width:1024px){.users-grid{grid-template-columns:1fr}}@media(max-width:768px){.activity-container{padding:16px}.activity-header{flex-direction:column;gap:16px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{flex-direction:column;text-align:center}.summary-icon{width:48px;height:48px}.summary-value{font-size:24px}.user-stats-simple{grid-template-columns:1fr}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.page-title{font-size:22px}}.ai-studio-page-container,.ai-studio-container{max-width:1200px;margin:0 auto;padding:2.5rem 2rem}.ai-studio-subtitle{margin:4px 0 0;font-size:14px}.btn-primary{display:inline-flex;align-items:center;gap:8px}.ai-studio-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.ai-studio-title{margin:0;font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.ai-studio-tabs{display:flex;gap:2.5rem;border-bottom:1px solid var(--border-light);margin-bottom:2.5rem;overflow-x:auto;scrollbar-width:none}.ai-studio-tabs::-webkit-scrollbar{display:none}.ai-studio-tab-btn{padding:1rem 0;background:none;border:none;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.ai-studio-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.client-detail-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.client-detail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.agent-card-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem}.agent-avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);overflow:hidden;margin-bottom:1.5rem}.agent-textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;color:var(--text-secondary);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical}.agent-textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary)}.training-hero{background:var(--bg-primary);border:1px solid var(--border-light);padding:2.5rem;border-radius:var(--radius-lg);display:flex;gap:2rem;align-items:center;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.training-hero-icon{width:64px;height:64px;background:var(--primary-surface);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.ai-studio-tabs-nav{display:flex;gap:32px;border-bottom:1px solid var(--border-light);margin-bottom:32px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ai-studio-tabs-nav::-webkit-scrollbar{display:none}.ai-studio-tab-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:600;font-size:14px;font-family:inherit;line-height:inherit;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;outline:none}.ai-studio-tab-button:hover{color:var(--text-primary)}.ai-studio-tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}@media(max-width:768px){.ai-studio-page-container,.ai-studio-container{padding:1.5rem 1rem}.ai-studio-main-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.ai-studio-header-left{width:100%}.ai-studio-main-title{font-size:24px;line-height:1.2}.ai-studio-subtitle{font-size:13px}.ai-studio-header-badge{margin-bottom:8px}.ai-studio-header-badge span{font-size:12px}.ai-studio-header-actions{width:100%}.ai-studio-header-actions .btn-primary{width:100%;justify-content:center;padding:12px 20px}.ai-studio-header{flex-direction:column;align-items:flex-start;gap:1rem}.ai-studio-title{font-size:24px}.ai-studio-tabs{gap:1.5rem;padding-bottom:0;-webkit-overflow-scrolling:touch;margin-bottom:2rem}.ai-studio-tabs-nav{gap:1rem;margin-bottom:2rem;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.ai-studio-tabs-nav::-webkit-scrollbar{height:3px;display:block}.ai-studio-tabs-nav::-webkit-scrollbar-track{background:transparent}.ai-studio-tabs-nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.ai-studio-tab-btn{font-size:13px;padding:.75rem 0;min-width:fit-content}.ai-studio-tab-button{font-size:13px;padding:12px;min-width:fit-content;white-space:nowrap}.client-grid,.overview-grid{grid-template-columns:1fr;gap:1rem}.client-detail-card{padding:1rem}.client-card-header{flex-wrap:wrap}.client-card-score-box{width:100%;text-align:left;margin-top:8px}.agent-card-layout{grid-template-columns:1fr;gap:1.5rem}.agent-config-card{padding:20px}.agent-config-grid{grid-template-columns:1fr;gap:24px}.agent-config-avatar-section{flex-direction:column;align-items:flex-start}.agent-config-name-input,.agent-config-role-input{max-width:100%}.agent-config-instructions-header{flex-direction:column;gap:4px}.strategy-container{max-width:100%}.strategy-card{padding:24px}.prompts-grid{grid-template-columns:1fr;gap:16px}.prompt-card{padding:16px}.training-hero{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.training-hero-icon{width:48px;height:48px;font-size:24px}.training-hero-banner{flex-direction:column;text-align:center;padding:20px;gap:16px}.data-pills-container{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.agent-textarea{height:150px;font-size:13px;padding:1rem}.philosophy-textarea{height:180px;font-size:14px;padding:16px}.prompt-textarea{height:180px;font-size:12px;padding:12px}}@media(max-width:480px){.ai-studio-page-container,.ai-studio-container{padding:1rem .75rem}.ai-studio-main-header{gap:1rem;margin-bottom:1.5rem}.ai-studio-main-title{font-size:20px;line-height:1.3}.ai-studio-subtitle{font-size:12px;line-height:1.4}.ai-studio-header-badge{margin-bottom:6px}.ai-studio-header-badge span{font-size:11px;letter-spacing:.08em}.ai-studio-header-badge svg{width:20px;height:20px}.ai-studio-header-actions .btn-primary{font-size:14px;padding:10px 16px}.ai-studio-header-actions .btn-primary svg{width:14px;height:14px}.ai-studio-title{font-size:20px}.ai-studio-tabs,.ai-studio-tabs-nav{gap:1rem}.ai-studio-tab-btn{font-size:12px;padding:.5rem 0}.ai-studio-tab-button{font-size:12px;padding:10px}.client-detail-card{padding:.875rem}.client-card-name{font-size:14px}.client-card-score{font-size:20px}.agent-config-card{padding:16px}.agent-config-avatar{width:56px;height:56px}.agent-config-name-input{font-size:18px}.strategy-card{padding:20px}.strategy-header h3{font-size:20px}.prompt-card{padding:12px}.prompt-card-title{font-size:14px}.btn-primary{font-size:13px;padding:8px 16px}.agent-avatar-circle{width:60px;height:60px}.training-hero-icon{width:40px;height:40px;font-size:20px}.agent-textarea,.philosophy-textarea,.prompt-textarea{height:140px;font-size:12px;padding:12px}.data-pill{font-size:10px;padding:3px 10px}.agent-focus-tag{font-size:10px;padding:3px 8px}}@media(max-width:768px){.ai-studio-tab-btn,.ai-studio-tab-button,.client-card-detail-link,.btn-primary{min-height:44px}}.ai-studio-main-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.ai-studio-header-left{flex:1}.ai-studio-header-badge{display:flex;align-items:center;gap:8px;color:var(--primary);margin-bottom:4px}.ai-studio-header-badge span{font-weight:800;letter-spacing:.1em;font-size:14px}.ai-studio-main-title{margin:0;font-size:32px;color:var(--text-primary)}.ai-studio-header-actions{display:flex;gap:12px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.client-card-header{display:flex;justify-content:space-between;margin-bottom:16px;gap:12px}.client-card-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.client-card-logo{width:40px;height:40px;border-radius:8px;flex-shrink:0}.client-card-logo-placeholder{width:40px;height:40px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-card-details{min-width:0;flex:1}.client-card-name{margin:0;font-size:16px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-industry{font-size:11px;color:var(--text-muted)}.client-card-score-box{text-align:right;flex-shrink:0}.client-card-score{font-size:24px;font-weight:800;line-height:1}.client-card-score-label{font-size:10px;color:var(--text-muted)}.client-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:12px;gap:12px}.client-card-ai-status{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.client-card-ai-status.active{color:var(--primary)}.client-card-detail-link{background:none;border:none;padding:0;font-size:12px;color:var(--primary);display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.agent-config-card{padding:32px}.agent-config-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px}.agent-config-sidebar{display:flex;flex-direction:column}.agent-config-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:24px}.agent-config-avatar{width:64px;height:64px;border-radius:50%;background:#0ea5e91a;display:flex;align-items:center;justify-content:center;color:var(--primary);border:1px solid var(--primary);overflow:hidden;flex-shrink:0}.agent-config-avatar img{width:100%;height:100%;object-fit:cover}.agent-config-name-input{background:none;border:none;font-size:20px;font-weight:800;color:var(--text-primary);width:100%;max-width:200px}.agent-config-role-input{display:block;background:none;border:none;font-size:13px;color:var(--primary);width:100%;max-width:200px}.agent-config-url-section{margin-bottom:24px}.agent-config-url-label{font-size:11px;color:var(--text-muted);display:block;margin-bottom:8px;text-transform:uppercase}.agent-config-focus-section h4{font-size:12px;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase}.agent-config-focus-tags{display:flex;flex-wrap:wrap;gap:8px}.agent-config-main{display:flex;flex-direction:column}.agent-config-instructions-header{display:flex;justify-content:space-between;margin-bottom:12px;gap:12px}.agent-config-instructions-label{font-size:12px;font-weight:600;color:var(--text-primary)}.agent-config-instructions-hint{font-size:10px;color:var(--text-muted)}.agent-config-instructions-note{font-size:11px;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:4px}.strategy-container{max-width:700px;margin:0 auto}.strategy-card{padding:40px}.strategy-header{text-align:center;margin-bottom:32px}.strategy-icon{color:var(--primary);margin:0 auto 16px}.strategy-header h3{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.prompts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.prompt-card{padding:24px;border-top:4px solid var(--primary)}.prompt-card-header{margin-bottom:20px}.prompt-card-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.prompt-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.prompt-card-description{font-size:12px;color:var(--text-muted);margin:0}.agent-avatar-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;padding:8px 12px;color:var(--text-secondary);font-size:12px;font-family:inherit}.agent-avatar-input:focus{outline:none;border-color:var(--primary)}.agent-focus-tag{background:var(--bg-tertiary);padding:4px 10px;border-radius:4px;font-size:11px;border:1px solid var(--border-light);color:var(--text-secondary);display:inline-block}.philosophy-textarea{width:100%;height:200px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:20px;color:var(--text-secondary);font-size:16px;line-height:1.6;resize:none;font-family:inherit}.philosophy-textarea:focus{outline:none;border-color:var(--primary)}.prompt-textarea{width:100%;height:200px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:16px;color:var(--text-secondary);font-size:13px;line-height:1.6;resize:none;font-family:inherit}.prompt-textarea:focus{outline:none;border-color:var(--primary)}.training-hero-banner{background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d);padding:32px;border-radius:20px;border:1px solid var(--primary);margin-bottom:32px;display:flex;gap:24px;align-items:center}.data-pills-container{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:16px 24px;background:#ffffff05;border-radius:12px;border:1px solid var(--border-light)}.data-pill{padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:20px;font-size:11px;font-weight:600;color:var(--primary)}[data-theme=light] .client-detail-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .agent-avatar-circle{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9}[data-theme=light] .agent-textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .agent-textarea:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .training-hero{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .training-hero-icon{background:#0ea5e91a;color:#0ea5e9}[data-theme=light] .ai-studio-tabs{border-bottom-color:#e2e8f0}[data-theme=light] .ai-studio-tab-btn{color:#64748b}[data-theme=light] .ai-studio-tab-btn.active{color:#0ea5e9}[data-theme=light] .ai-studio-tab-btn:hover,[data-theme=light] .client-detail-card h3,[data-theme=light] .client-detail-card h4{color:#0f172a}[data-theme=light] .client-detail-card p{color:#64748b}[data-theme=light] .training-hero h3{color:#0f172a}[data-theme=light] .training-hero p{color:#64748b}[data-theme=light] .agent-avatar-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .agent-avatar-input:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .agent-focus-tag,[data-theme=light] .philosophy-textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .philosophy-textarea:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .prompt-textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .prompt-textarea:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .training-hero-banner{background:linear-gradient(135deg,#0ea5e914,#0ea5e908);border-color:#0ea5e9}[data-theme=light] .data-pills-container{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .data-pill{background:#fff;border-color:#e2e8f0;color:#0ea5e9}[data-theme=light] .ai-studio-tabs-nav{border-bottom-color:#e2e8f0}[data-theme=light] .ai-studio-tab-button{color:#64748b}[data-theme=light] .ai-studio-tab-button.active{color:#0ea5e9}[data-theme=light] .ai-studio-tab-button:hover,[data-theme=light] .client-card-name,[data-theme=light] .client-card-score,[data-theme=light] .agent-config-name-input,[data-theme=light] .agent-config-instructions-label,[data-theme=light] .prompt-card-title,[data-theme=light] .strategy-header h3{color:#0f172a}[data-theme=light] .client-card-industry,[data-theme=light] .client-card-score-label,[data-theme=light] .client-card-ai-status,[data-theme=light] .agent-config-url-label,[data-theme=light] .agent-config-focus-section h4,[data-theme=light] .agent-config-instructions-hint,[data-theme=light] .agent-config-instructions-note,[data-theme=light] .prompt-card-description,[data-theme=light] .strategy-header p{color:#64748b}[data-theme=light] .client-card-ai-status.active,[data-theme=light] .client-card-detail-link,[data-theme=light] .agent-config-role-input{color:#0ea5e9}[data-theme=light] .client-card-footer{border-top-color:#e2e8f0}[data-theme=light] .client-card-logo-placeholder{background:#f8fafc}[data-theme=light] .agent-config-avatar{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9}[data-theme=light] .prompt-card{background:#fff;border-color:#e2e8f0}.agents-list{display:flex;flex-direction:column;gap:32px}.training-hero-icon{width:64px;height:64px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.training-hero-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 8px}.training-hero-description{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0}.training-hero-tip{display:block;margin-top:8px;color:var(--primary);font-weight:600}.data-pills-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.data-pills-list{display:flex;gap:8px;flex-wrap:wrap}.prompt-card-maria{border-top-color:#dd2a7b}.prompt-card-sofia{border-top-color:#1877f2}.prompt-card-elena{border-top-color:#ffb800}.prompt-icon-maria{color:#dd2a7b}.prompt-icon-sofia{color:#1877f2}.prompt-icon-elena{color:#ffb800}[data-theme=light] .ai-studio-main-title{color:#0f172a}[data-theme=light] .ai-studio-subtitle{color:#64748b}[data-theme=light] .ai-studio-header-badge{color:#0ea5e9}[data-theme=light] .training-hero-title{color:#0f172a}[data-theme=light] .training-hero-description{color:#64748b}[data-theme=light] .training-hero-tip{color:#0ea5e9}[data-theme=light] .data-pills-label{color:#64748b}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-medium);animation:slideUp .2s ease;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:16px;padding:24px 24px 0}.modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.modal-icon.warning{background:var(--warning-bg)}.modal-icon.danger{background:var(--danger-bg)}.modal-icon.success{background:var(--success-bg)}.modal-icon.info{background:var(--info-bg)}.modal-header-text h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.modal-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.modal-body{padding:20px 24px}.modal-body p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px}.modal-btn{padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.modal-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary)}.modal-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.modal-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:var(--text-primary);box-shadow:0 2px 8px #ffa5004d}.modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffa50066}.modal-btn-danger{background:var(--accent-danger);border:none;color:var(--text-primary)}.modal-btn-danger:hover{background:var(--danger-text)}.modal-btn-success{background:var(--accent-success);border:none;color:var(--text-primary)}.modal-btn-success:hover{background:var(--success-text)}.modal-input{width:100%;padding:12px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:14px;margin-top:12px;transition:all .15s ease}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}@media(max-width:480px){.modal-overlay{padding:16px;align-items:flex-end}.modal-container{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}.modal-btn-secondary{order:2}}.client-modal-container{max-height:80vh;display:flex;flex-direction:column}.client-modal-body{overflow-y:auto;flex:1}.client-modal-form{display:flex;flex-direction:column;gap:14px}.client-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-modal-form .form-field{display:flex;flex-direction:column;gap:6px}.client-modal-form .form-field.full-width{grid-column:1 / -1}.client-modal-form label{font-size:13px;font-weight:600;color:#e2e8f0}.client-modal-form input,.client-modal-form textarea,.client-modal-form select{border-radius:8px;border:1px solid #1e293b;background:#0b1120;color:#e2e8f0;padding:10px 12px;font-size:14px}.logo-input-row{display:flex;align-items:center;gap:10px}.logo-input-row input{flex:1}.logo-preview{width:36px;height:36px;border-radius:999px;background:#1e293b;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#93c5fd;font-size:12px;font-weight:700;flex-shrink:0}.logo-preview img{width:100%;height:100%;object-fit:cover;background:#fff}.logo-upload{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#94a3b8}.logo-upload input[type=file]{border-radius:8px;border:1px dashed #1e293b;background:#0b1120;color:#e2e8f0;padding:8px 10px;cursor:pointer}@media(max-width:640px){.client-modal-grid{grid-template-columns:1fr}}.clients-list-container{padding:24px;color:#e2e8f0;font-family:var(--font-family-base)}.clients-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.clients-list-title{display:flex;align-items:center;gap:10px}.clients-list-header h1,.clients-list-title h1{margin:0}.clients-list-header p{margin:0;color:#94a3b8}.clients-new-btn{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#050505;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clients-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0ea5e959}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.client-card{background:#0b1120;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;text-align:left;cursor:pointer;width:100%;border:1px solid #1e293b;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px #0f172a47}.client-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a80}.client-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-card-identity{display:flex;gap:12px;align-items:center}.client-card-header img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#fff}.client-avatar{width:46px;height:46px;border-radius:10px;background:#1e293b;display:flex;align-items:center;justify-content:center;color:#93c5fd}.client-card-header h3{margin:0;font-size:16px}.client-card-header span{font-size:13px;color:#94a3b8}.client-edit-btn{border:1px solid #1e293b;background:transparent;color:#94a3b8;border-radius:8px;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.client-edit-btn:hover{background:#94a3b81f;color:#e2e8f0;border-color:#94a3b866}.client-card-meta{display:flex;justify-content:space-between;font-size:12px;color:#cbd5f5}.client-status{padding:4px 8px;border-radius:999px;text-transform:capitalize;font-weight:600;font-size:12px}.status-prospecto{background:#f8717133;color:#fecaca}.status-activo{background:#22c55e33;color:#bbf7d0}.status-pausado{background:#fbbf2433;color:#fde68a}@media(max-width:768px){.clients-list-container{padding:16px}.clients-list-header{flex-direction:column;align-items:flex-start;gap:16px}.clients-new-btn{width:100%;justify-content:center}.clients-grid{grid-template-columns:1fr;gap:12px}.client-card{padding:12px}.client-card-header img,.client-avatar{width:40px;height:40px}.client-card-header h3{font-size:15px}.client-card-header span{font-size:12px}}@media(max-width:480px){.clients-list-container{padding:12px}.clients-list-header h1{font-size:24px}.client-card{padding:10px}.client-card-header h3{font-size:14px}.client-card-meta{font-size:11px}}[data-theme=light] .clients-list-container{color:#0f172a}[data-theme=light] .clients-list-header p{color:#64748b}[data-theme=light] .client-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .client-card:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .client-card-header h3{color:#0f172a}[data-theme=light] .client-card-header span{color:#64748b}[data-theme=light] .client-avatar{background:#f1f5f9;color:#0891b2}[data-theme=light] .client-edit-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .client-edit-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}[data-theme=light] .client-card-meta{color:#475569}[data-theme=light] .status-prospecto{background:#ef444426;color:#dc2626}[data-theme=light] .status-activo{background:#22c55e26;color:#16a34a}[data-theme=light] .status-pausado{background:#f59e0b26;color:#d97706}:root{--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--color-info: #3b82f6;--color-purple: #8b5cf6;--color-pink: #ec4899;--color-orange: #f97316}:root{--gauge-size-large: 160px;--gauge-size-medium: 90px;--gauge-size-small: 60px;--gauge-stroke-width-large: 12px;--gauge-stroke-width-medium: 7px;--gauge-stroke-width-small: 5px;--gauge-bg-track: rgba(255, 255, 255, .06);--gauge-color-excellent: var(--color-success);--gauge-color-good: var(--color-info);--gauge-color-regular: var(--color-warning);--gauge-color-critical: var(--color-danger);--gauge-color-alert: var(--color-danger);--gauge-animation-duration: 1.4s;--gauge-animation-easing: cubic-bezier(.22, 1, .36, 1);--gauge-animation-delay-step: .15s;--gauge-label-font-size: 11px;--gauge-label-color: rgba(255, 255, 255, .5);--gauge-label-letter-spacing: 1.2px;--gauge-label-text-transform: uppercase;--gauge-value-font-size-large: 28px;--gauge-value-font-size-medium: 20px;--gauge-value-font-size-small: 16px;--gauge-value-font-weight: 700;--gauge-value-color: var(--text-primary)}:root{--chart-height: 240px;--chart-height-mobile: 180px;--chart-width: 100%;--chart-margin-top: 10px;--chart-margin-right: 10px;--chart-margin-bottom: 0px;--chart-margin-left: -20px;--chart-grid-color: rgba(255, 255, 255, .04);--chart-grid-stroke-width: 1px;--chart-grid-stroke-dasharray: 3 3;--chart-axis-color: rgba(255, 255, 255, .35);--chart-axis-font-size: 11px;--chart-axis-stroke: var(--chart-axis-color);--chart-line-width-primary: 2.5px;--chart-line-width-secondary: 2px;--chart-line-stroke-dasharray: 6 4;--chart-line-cap: round;--chart-dot-radius: 4px;--chart-dot-radius-active: 7px;--chart-dot-stroke-width: 2px;--chart-dot-fill: var(--bg-primary);--chart-area-opacity: .08;--chart-color-primary: var(--primary);--chart-color-secondary: var(--color-purple);--chart-color-status-quo: rgba(255, 255, 255, .2);--chart-color-optimized: var(--primary);--chart-legend-font-size: 10px;--chart-legend-color: rgba(255, 255, 255, .5);--chart-legend-gap: 16px;--chart-legend-height: 36px;--chart-tooltip-bg: #050505;--chart-tooltip-border: 1px solid #1e293b;--chart-tooltip-border-radius: 8px;--chart-tooltip-font-size: 11px;--chart-tooltip-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--chart-tooltip-padding: 2px 0;--chart-animation-duration: 1.5s}@media(max-width:768px){:root{--chart-height: var(--chart-height-mobile);--chart-margin-left: -10px}}:root{--opportunity-card-bg: rgba(255, 255, 255, .03);--opportunity-card-bg-hover: rgba(255, 255, 255, .06);--opportunity-card-border: rgba(255, 255, 255, .06);--opportunity-card-border-radius: 14px;--opportunity-card-padding: 18px 20px;--opportunity-card-gap: 12px;--opportunity-card-transition: all .25s ease;--opportunity-badge-padding: 2px 8px;--opportunity-badge-border-radius: 6px;--opportunity-badge-font-size: 10px;--opportunity-badge-font-weight: 600;--opportunity-badge-letter-spacing: .5px;--opportunity-badge-text-transform: uppercase;--opportunity-badge-opacity: .18;--opportunity-type-patrocinio: var(--color-purple);--opportunity-type-affiliate: var(--primary);--opportunity-type-producto-digital: var(--color-warning);--opportunity-type-membresia: var(--color-success);--opportunity-type-consultoria: var(--color-pink);--opportunity-type-merch: var(--color-orange);--opportunity-title-font-size: 15px;--opportunity-title-font-weight: 600;--opportunity-title-color: var(--text-primary);--opportunity-title-line-height: 1.3;--opportunity-revenue-label-font-size: 12px;--opportunity-revenue-label-color: rgba(255, 255, 255, .4);--opportunity-revenue-value-font-size: 18px;--opportunity-revenue-value-font-weight: 700;--opportunity-revenue-value-color: var(--primary);--opportunity-revenue-separator-font-size: 12px;--opportunity-revenue-separator-color: rgba(255, 255, 255, .35);--opportunity-reasoning-font-size: 13px;--opportunity-reasoning-color: rgba(255, 255, 255, .55);--opportunity-reasoning-line-height: 1.65;--opportunity-reasoning-margin-top: 14px;--opportunity-reasoning-padding-top: 14px;--opportunity-reasoning-border-top: 1px solid rgba(255, 255, 255, .06);--opportunity-toggle-font-size: 11px;--opportunity-toggle-color: rgba(255, 255, 255, .3);--opportunity-toggle-margin-top: 8px;--opportunity-total-label-font-size: 11px;--opportunity-total-label-color: rgba(255, 255, 255, .3);--opportunity-total-value-font-size: 18px;--opportunity-total-value-font-weight: 700;--opportunity-total-value-color: var(--primary);--opportunity-total-gap: 8px;--opportunity-total-margin-bottom: 20px}.gauge-ring-container{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.gauge-ring-svg{transform:rotate(-90deg)}.gauge-ring-progress{transition:stroke-dashoffset var(--gauge-animation-duration) var(--gauge-animation-easing)}.gauge-ring-value{position:absolute;font-size:var(--gauge-value-font-size-large);font-weight:var(--gauge-value-font-weight);color:var(--gauge-value-color);transform:translateY(-50%)}.gauge-ring-label{font-size:var(--gauge-label-font-size);font-weight:500;color:var(--gauge-label-color);text-transform:var(--gauge-label-text-transform);letter-spacing:var(--gauge-label-letter-spacing);margin-top:2px}.animated-counter{display:inline-block}.health-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-top:8px}.health-badge-dot{width:6px;height:6px;border-radius:50%}.opportunity-card{background:var(--opportunity-card-bg);border-radius:var(--opportunity-card-border-radius);border:1px solid var(--opportunity-card-border);padding:var(--opportunity-card-padding);cursor:pointer;transition:var(--opportunity-card-transition)}.opportunity-card:hover{background:var(--opportunity-card-bg-hover)}.opportunity-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--opportunity-card-gap)}.opportunity-card-main{flex:1;display:flex;flex-direction:column;gap:6px}.opportunity-badge{display:inline-block;width:fit-content;padding:var(--opportunity-badge-padding);border-radius:var(--opportunity-badge-border-radius);font-size:var(--opportunity-badge-font-size);font-weight:var(--opportunity-badge-font-weight);letter-spacing:var(--opportunity-badge-letter-spacing);text-transform:var(--opportunity-badge-text-transform)}.opportunity-title{font-size:var(--opportunity-title-font-size);font-weight:var(--opportunity-title-font-weight);color:var(--opportunity-title-color);line-height:var(--opportunity-title-line-height)}.opportunity-revenue{text-align:right;flex-shrink:0}.opportunity-revenue-label{font-size:var(--opportunity-revenue-label-font-size);color:var(--opportunity-revenue-label-color);margin-bottom:2px}.opportunity-revenue-value{font-size:var(--opportunity-revenue-value-font-size);font-weight:var(--opportunity-revenue-value-font-weight)}.opportunity-revenue-separator{font-size:var(--opportunity-revenue-separator-font-size);color:var(--opportunity-revenue-separator-color);font-weight:400}.opportunity-reasoning{margin-top:var(--opportunity-reasoning-margin-top);padding-top:var(--opportunity-reasoning-padding-top);border-top:var(--opportunity-reasoning-border-top);font-size:var(--opportunity-reasoning-font-size);color:var(--opportunity-reasoning-color);line-height:var(--opportunity-reasoning-line-height)}.opportunity-toggle{display:flex;justify-content:flex-end;margin-top:var(--opportunity-toggle-margin-top);font-size:var(--opportunity-toggle-font-size);color:var(--opportunity-toggle-color)}.opportunity-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.opportunity-status-active{color:var(--color-success);font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}.projection-chart-container{width:100%;min-height:240px;display:block}.projection-chart-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.projection-chart{height:var(--chart-height);width:100%;margin-top:16px;position:relative}.projection-chart-no-data{height:var(--chart-height);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}@media(max-width:768px){.opportunity-card-header{flex-direction:column;align-items:stretch}.opportunity-revenue{text-align:left;margin-top:8px}.projection-chart{height:var(--chart-height-mobile)}}.platform-card{background:#ffffff05;border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:20px;transition:all .3s ease}.platform-card:hover{background:#ffffff0a;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.platform-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.platform-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-name-wrapper{display:flex;flex-direction:column;gap:2px}.platform-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.platform-username{font-size:11px;color:#fff6;font-weight:500}.platform-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.platform-metric{display:flex;flex-direction:column;gap:4px}.platform-metric-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.platform-metric-value{font-size:20px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.3px}.platform-metric-delta{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.platform-metric-delta.positive{color:var(--color-success)}.platform-metric-delta.negative{color:var(--color-danger)}@media(max-width:480px){.platform-metrics-grid{grid-template-columns:1fr;gap:12px}.platform-metric-value{font-size:18px}}.projection-chart-container{width:100%}.projection-chart-title{font-size:12px;color:#ffffff80;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.projection-chart{width:100%;height:240px;position:relative}.projection-chart-no-data{width:100%;height:240px;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:12px;font-style:italic}@media(max-width:768px){.projection-chart{height:200px}}.ai-insights-section{display:flex;flex-direction:column;gap:28px;margin-top:24px;animation:fadeIn .8s ease-out forwards}.ai-header-hub{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:28px 32px;border-radius:16px;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000001a}.ai-header-content{display:flex;align-items:center;gap:20px}.ai-avatar-container{position:relative;width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);overflow:hidden}.ai-avatar-img{width:100%;height:100%;object-fit:cover}.ai-avatar-progress{font-size:18px;font-weight:800;color:var(--primary)}.ai-progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ai-progress-circle{fill:none;stroke:var(--primary);stroke-width:3;stroke-dasharray:188;transition:stroke-dashoffset .3s}.ai-header-info h2{margin:0;font-size:20px}.ai-agent-status{margin:4px 0 0;color:var(--primary);font-weight:600}.ai-agent-action{color:var(--text-primary);font-weight:400}.ai-team-ready{display:flex;gap:12px;align-items:center;margin-top:4px}.ai-team-ready p{margin:0;color:var(--text-muted);font-size:13px}.ai-calibration-btn{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.ai-calibration-panel{background:#0ea5e908;border:1px dashed var(--primary-low);padding:24px}.ai-calibration-header h3{margin-top:0;font-size:16px;display:flex;align-items:center;gap:8px}.ai-calibration-description{font-size:12px;color:var(--text-muted);margin-bottom:20px}.calibration-agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.calibration-agent-card{display:flex;flex-direction:column;gap:12px}.calibration-agent-header{display:flex;justify-content:space-between;align-items:center}.calibration-agent-name{font-weight:700;font-size:12px;color:var(--primary);text-transform:uppercase}.calibration-inherited{font-size:10px;color:var(--text-muted);font-style:italic}.calibration-input{background:#0a0a0a;border:1px solid #222;padding:8px;border-radius:4px;font-size:13px;color:var(--text-primary)}.calibration-input-role{background:#0a0a0a;border:1px solid #222;padding:8px;border-radius:4px;font-size:12px;color:var(--primary)}.calibration-textarea{background:#0a0a0a;border:1px solid #222;padding:8px;border-radius:4px;font-size:12px;min-height:80px;resize:none;color:var(--text-secondary)}.calibration-actions{text-align:right;margin-top:20px}.brand-health-card{background:linear-gradient(145deg,var(--bg-secondary),#0a0a0a);border:1px solid var(--primary-low);padding:32px;box-shadow:0 4px 16px #0ea5e914}.brand-health-header{margin-bottom:24px}.brand-health-header-title{display:flex;flex-direction:column;gap:4px}.brand-health-label{font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px}.brand-health-subtitle{font-size:10px;color:var(--primary);font-style:italic;margin:0}.brand-health-grid{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start}.brand-health-score{display:flex;flex-direction:column;align-items:center;gap:8px;padding-right:24px;border-right:1px solid var(--border-light)}.brand-health-score-agent{font-size:11px;margin-top:8px;color:var(--primary)}.brand-health-analysis{flex:1}.brand-health-analysis h3{margin-top:0;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.2px}.brand-health-explanation{color:var(--text-muted);font-size:14px;margin-bottom:24px;line-height:1.65}.brand-health-components{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.brand-health-component-gauge{display:flex;flex-direction:column;align-items:center}.brand-health-details{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.brand-health-details-toggle{background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;transition:opacity .2s ease}.brand-health-details-toggle:hover{opacity:.8}.brand-health-details-content{margin-top:16px}.brand-health-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.brand-health-detail-card{padding:12px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.brand-health-detail-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.brand-health-detail-dot{width:8px;height:8px;border-radius:50%}.brand-health-detail-name{font-size:12px;font-weight:600}.brand-health-detail-text{font-size:11px;color:#fff6;line-height:1.5}.brand-health-details-footer{padding:12px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:8px}.brand-health-formula,.brand-health-source{font-size:10px;color:#ffffff40;font-style:italic}.brand-health-formula strong,.brand-health-source strong{color:#fff6;font-weight:600}.ai-recommendations-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.ai-recommendations-card,.ai-monetization-card{background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.06);padding:32px;box-shadow:0 2px 12px #0000001a}.ai-recommendations-header{margin-bottom:16px}.ai-recommendations-label{font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px}.ai-monetization-card h3{display:flex;justify-content:space-between}.ai-agent-credit{font-size:12px;font-weight:400;color:var(--text-muted)}.ai-recommendations-list{display:flex;flex-direction:column;gap:0}.ai-recommendation-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)}.ai-recommendation-item:last-child{border-bottom:none}.ai-recommendation-icon{flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.ai-recommendation-content{flex:1}.ai-recommendation-text{font-size:13px;color:#ffffff80;line-height:1.6}.ai-opportunities-list{display:flex;flex-direction:column;gap:12px}.ai-opportunities-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:8px;margin-bottom:16px}.ai-opportunities-total-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.ai-opportunities-total-value{font-size:18px;font-weight:900;color:var(--primary);letter-spacing:-.3px;font-variant-numeric:tabular-nums}.ai-opportunities-total-separator{color:#0ea5e966;font-weight:400}.ai-projections-card{margin-top:24px;background:linear-gradient(145deg,#ffffff05,#0ea5e905);border:1px solid rgba(14,165,233,.15);border-radius:20px;padding:36px;box-shadow:0 4px 16px #0ea5e91f}.ai-projections-header{margin-bottom:28px}.ai-projections-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ai-projections-title-row h3{margin:0;font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.ai-projections-description{font-size:13px;color:#ffffff80;margin:0;line-height:1.65}.ai-projections-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px}.ai-projection-card{background:#ffffff05;padding:28px;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .35s cubic-bezier(.4,0,.2,1)}.ai-projection-card:hover{background:#ffffff0a;border-color:#0ea5e959;transform:translateY(-3px);box-shadow:0 12px 32px #0ea5e933}.ai-projection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ai-projection-label-row{display:flex;align-items:center;gap:8px}.ai-projection-label{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.ai-projection-stats{text-align:right}.ai-projection-value{font-size:32px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ai-projection-delta{font-size:12px;color:var(--color-success);font-weight:600;font-variant-numeric:tabular-nums}.ai-projections-disclaimer{display:flex;gap:12px;padding:16px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-top:24px}.ai-projections-disclaimer-icon{flex-shrink:0;margin-top:2px}.ai-projections-disclaimer-text{font-size:11px;color:#fff6;line-height:1.6;font-style:italic}.ai-projection-no-data{height:240px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.ai-activation-card{text-align:center;padding:60px;margin-top:24px;background:linear-gradient(145deg,#050505,#0f172a);border:1px solid #1e293b}.ai-activation-icon{width:80px;height:80px;border-radius:50%;background:#0ea5e91a;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:1px solid var(--primary)}.ai-activation-title{font-size:24px;margin-bottom:12px}.ai-activation-description{max-width:500px;margin:0 auto 32px;color:var(--text-muted);line-height:1.6}.ai-loading{padding:32px;text-align:center;color:var(--text-muted)}.ai-analyzing-overlay{opacity:.6;transition:opacity .5s}@media(max-width:768px){.ai-header-hub{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.ai-header-content{flex-direction:column;align-items:center;text-align:center;gap:12px}.ai-avatar-container{width:56px;height:56px}.ai-header-info h2{font-size:18px}.ai-team-ready{flex-direction:column;gap:8px}.brand-health-grid{grid-template-columns:1fr;gap:24px}.brand-health-score{border-right:none;border-bottom:1px solid var(--border-light);padding-right:0;padding-bottom:24px}.brand-health-components{gap:16px}.brand-health-details-grid{grid-template-columns:1fr}.ai-recommendations-grid{grid-template-columns:1fr;gap:16px}.ai-projections-grid{grid-template-columns:1fr;gap:20px}.ai-projection-card{padding:20px}.ai-projection-card:hover{transform:none}.ai-projection-header{flex-direction:column;align-items:flex-start;gap:12px}.ai-projection-stats{text-align:left}.ai-projection-value{font-size:24px}.calibration-agents-grid{grid-template-columns:1fr;gap:16px}.ai-activation-card{padding:40px 20px}.ai-activation-icon{width:64px;height:64px}.ai-activation-title{font-size:20px}.ai-insights-section{gap:16px}.ai-projection-card{padding:16px}}@media(max-width:480px){.brand-health-score-value{font-size:40px}.ai-projection-value{font-size:20px}.ai-header-info h2{font-size:16px}.ai-opportunities-total{flex-direction:column;align-items:flex-start;gap:8px}.ai-opportunities-total-value{font-size:14px}.ai-projections-card{padding:20px}.ai-projection-label-row{flex-direction:column;align-items:flex-start;gap:4px}}.ai-platforms-card{margin-top:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:36px}.ai-platforms-header{margin-bottom:28px}.ai-platforms-header h3{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.ai-platforms-description{font-size:13px;color:#ffffff80;margin:0;line-height:1.65}.ai-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media(max-width:768px){.ai-platforms-card{padding:24px}.ai-platforms-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.ai-platforms-card{padding:20px}.ai-platforms-header h3{font-size:18px}}.client-projects-tab{display:flex;flex-direction:column;gap:16px}.tab-filters-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.filter-tabs-mini{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.filter-tabs-mini::-webkit-scrollbar{height:4px}.filter-tabs-mini::-webkit-scrollbar-track{background:transparent}.filter-tabs-mini::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.filter-tab-mini{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.filter-tab-mini:hover{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.filter-tab-mini.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff}.client-projects-tab .projects-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.client-projects-tab .projects-table{width:100%;border-collapse:collapse}.client-projects-tab .projects-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.client-projects-tab .projects-table td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:14px}.client-projects-tab .projects-table tbody tr{cursor:pointer;transition:background .15s ease}.client-projects-tab .projects-table tbody tr:hover{background:var(--table-row-hover)}.client-projects-tab .project-icon{width:32px;height:32px;border-radius:6px;background:var(--primary-surface);display:flex;align-items:center;justify-content:center;font-size:14px}.client-projects-tab .project-name{font-weight:600}.client-projects-tab .team-avatars{display:flex;align-items:center}.client-projects-tab .team-avatar{width:26px;height:26px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-left:-8px}.client-projects-tab .team-avatar:first-child{margin-left:0}.client-projects-tab .priority-badge{padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.client-projects-tab .status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.client-projects-tab .actions-cell{display:flex;gap:4px}.client-projects-tab .action-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.client-projects-tab .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:900px){.client-projects-tab .projects-table-container{display:none}.client-projects-tab .projects-mobile-list{display:flex;flex-direction:column;gap:12px}.client-projects-tab .project-mobile-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft);cursor:pointer;transition:all .2s ease}.client-projects-tab .project-mobile-card:hover{background:var(--table-row-hover);border-color:var(--primary-low)}.client-projects-tab .mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.client-projects-tab .mobile-card-title{font-weight:600;font-size:14px;flex:1}.client-projects-tab .mobile-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}}@media(min-width:901px){.client-projects-tab .projects-mobile-list{display:none}}@media(max-width:768px){.tab-filters-row{flex-direction:column;align-items:stretch;gap:12px}.tab-filters-row>div:first-child{flex-direction:column;gap:8px}.tab-filters-row .search-bar{width:100%}.tab-filters-row button.btn-primary{width:100%;justify-content:center}.filter-tabs-mini{width:100%;justify-content:flex-start;padding-bottom:8px}.filter-tab-mini{flex-shrink:0;min-width:80px}.client-projects-tab .project-mobile-card{padding:14px}.client-projects-tab .mobile-card-header{flex-direction:column;align-items:stretch;gap:8px}.client-projects-tab .mobile-card-title{font-size:15px}.client-projects-tab .status-badge{align-self:flex-start}}@media(max-width:480px){.client-projects-tab{gap:12px}.tab-filters-row{gap:10px}.filter-tab-mini{font-size:11px;padding:5px 10px}.client-projects-tab .mobile-card-title{font-size:14px}.client-projects-tab .mobile-card-meta{font-size:11px}}[data-theme=light] .filter-tab-mini{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .filter-tab-mini:hover{background:#0ea5e91a;border-color:#0ea5e9;color:#0ea5e9}[data-theme=light] .client-projects-tab .projects-table-container{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .client-projects-tab .projects-table th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .client-projects-tab .projects-table td{border-bottom-color:#e2e8f0;color:#0f172a}[data-theme=light] .client-projects-tab .projects-table tbody tr:hover{background:#f8fafc}[data-theme=light] .client-projects-tab .project-icon{background:#0ea5e91a;color:#0ea5e9}[data-theme=light] .client-projects-tab .team-avatar{background:#f1f5f9;border-color:#fff;color:#64748b}[data-theme=light] .client-projects-tab .action-btn{color:#64748b}[data-theme=light] .client-projects-tab .action-btn:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .client-projects-tab .project-mobile-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.ingestion-zone{width:100%;margin-top:20px}.drop-area{border:2px dashed var(--border-medium);border-radius:16px;padding:40px;text-align:center;background:var(--bg-tertiary);transition:all .3s ease;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center}.ingestion-zone.active .drop-area,.drop-area:hover{border-color:var(--primary);background:#0ea5e90d}.zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.icon-wrapper{width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:8px}.icon-wrapper.success{color:var(--status-completed);background:#22c55e1a}.icon-wrapper.error{color:#ef4444;background:#ef44441a}.ingestion-zone.error .drop-area{border-color:#ef4444}.ingestion-zone h3{margin:0;font-size:18px;color:var(--text-primary)}.ingestion-zone p{margin:0;color:var(--text-muted);font-size:14px}.btn-fake{margin-top:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:8px;font-size:13px;color:var(--text-primary);font-weight:500}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.btn-reset{margin-top:12px;background:transparent;border:none;color:var(--primary);font-size:13px;cursor:pointer;text-decoration:underline}.social-metrics-hub{width:100%;display:flex;flex-direction:column;gap:48px;color:#fff;font-family:Inter,-apple-system,sans-serif;padding-bottom:80px}.metrics-hero-strip{padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08)}.hero-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.period-badge-minimal{padding:6px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:30px;font-size:11px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;letter-spacing:1px}.hero-actions-minimal{display:flex;gap:12px;align-items:center}.snapshot-select-minimal{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;outline:none;cursor:pointer}.import-btn-minimal{background:transparent;border:1px solid var(--primary-low);color:var(--primary);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.import-btn-minimal:hover{background:var(--primary-low)}.hero-main-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.hero-stat-box{display:flex;flex-direction:column;gap:4px}.hero-val{font-size:38px;font-weight:900;letter-spacing:-1.5px;line-height:1}.hero-lab{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.hero-auto-line{margin-top:24px;font-size:14px;color:var(--text-secondary);background:#0ea5e90d;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;border-left:3px solid var(--primary)}.hero-auto-line strong{color:var(--primary)}.platform-minimal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.minimal-platform-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ig-style:hover{border-color:#dd2a7b;background:#dd2a7b08}.fb-style:hover{border-color:#1877f2;background:#1877f208}.tt-style:hover{border-color:#00f2ea;background:#00f2ea08}.card-header-minimal{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;margin-bottom:20px}.ig-style .card-header-minimal{color:#dd2a7b}.fb-style .card-header-minimal{color:#1877f2}.tt-style .card-header-minimal{color:#00f2ea}.main-num-minimal{font-size:28px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}.sub-stat-minimal{font-size:12px;color:var(--text-muted);margin-bottom:8px}.sub-stat-minimal .pos{color:var(--status-completed);font-weight:700}.sub-stat-minimal .neg{color:#ef4444;font-weight:700}.er-minimal{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:20px}.stats-list-minimal{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.stat-item-minimal{display:flex;justify-content:space-between;font-size:12px}.stat-item-minimal span{color:var(--text-secondary)}.stat-item-minimal strong{font-weight:700;color:#fff}.metrics-twin-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.minimal-matrix-block h3{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;display:flex;align-items:center}.p-label-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:capitalize;margin-bottom:12px;color:var(--text-secondary)}.mini-bars-container{display:flex;flex-direction:column;gap:8px}.mini-bar-row{display:flex;align-items:center;gap:12px;font-size:12px}.mini-bar-row span{width:80px;color:var(--text-muted)}.m-bar{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.m-fill{height:100%;border-radius:3px}.mini-bar-row strong{width:30px;text-align:right;font-weight:700}.matrix-data-grid{display:flex;flex-direction:column;gap:14px}.m-data-header{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px;letter-spacing:1px}.m-data-line{display:flex;justify-content:space-between;font-size:14px}.m-format-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.m-data-line strong{font-weight:700}.format-hint-minimal{margin-top:16px;font-size:11px;color:var(--primary);display:flex;align-items:center;gap:8px;font-style:italic;opacity:.8}.visual-feed-section{width:100%}.section-header-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header-minimal h3{font-size:18px;font-weight:800}.section-header-minimal span{font-size:13px;color:var(--text-muted)}.feed-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.feed-card-minimal{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease;min-height:80px}.feed-card-minimal:hover{background:#ffffff0a;transform:translateY(-2px);border-color:var(--primary-low)}.feed-card-thumb{width:48px;height:48px;background:#ffffff08;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.p-icon-float{position:absolute;top:-4px;right:-4px;background:#000;border-radius:50%;padding:2px;color:var(--primary);width:14px;height:14px}.thumb-symbol{font-size:20px}.feed-card-info{flex:1;min-width:0}.feed-card-title,.feed-card-title-link{font-size:13px;font-weight:600;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;color:#fff;line-height:1.4;white-space:normal;text-decoration:none;transition:all .2s ease}.feed-card-title-link:hover{color:var(--primary);text-decoration:underline}.is-link{cursor:pointer!important}.link-indicator-icon{position:absolute;bottom:-4px;left:-4px;background:var(--primary);color:#000;border-radius:4px;padding:2px;box-shadow:0 2px 6px #0000004d}.feed-card-meta{display:flex;justify-content:space-between;align-items:center}.er-badge-mini{font-size:10px;font-weight:800;color:var(--status-completed);background:#10b9811a;padding:1px 6px;border-radius:4px}.stat-group-mini{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-muted)}.stat-unit{display:flex;align-items:center;gap:4px}.bottom-row-minimal{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.audience-hub-minimal{display:flex;flex-direction:column;gap:20px}.aud-country-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.country-name{width:100px;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar-wrap{flex:1;height:6px;background:#ffffff08;border-radius:3px;overflow:hidden}.country-bar{height:100%;background:linear-gradient(90deg,var(--primary-low),var(--primary));border-radius:3px}.country-pct{width:40px;font-size:12px;font-weight:700;text-align:right}.audience-quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.aud-q-box{background:#ffffff05;padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.q-lab{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.q-val{font-size:16px;font-weight:800;color:#fff}.editorial-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.edit-card-pro{display:flex;gap:12px;padding:16px;background:#0ea5e908;border:1px solid rgba(14,165,233,.08);border-radius:14px}.edit-icon-wrap{width:32px;height:32px;background:#0ea5e91a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.edit-content-pro{min-width:0}.edit-tag{font-size:9px;font-weight:800;color:var(--primary);display:block;margin-bottom:4px}.edit-content-pro p{font-size:13px;font-weight:600;margin:0;line-height:1.3;color:#fff}.agent-signature-box{background:#ffffff05;padding:16px;border-radius:12px;border-left:2px solid var(--primary)}.agent-signature-box p{font-size:13px;font-style:italic;color:var(--text-secondary);margin-bottom:8px}.sig{font-size:11px;font-weight:700;color:var(--primary);display:block;text-align:right}.footer-actions-minimal{text-align:center;margin-top:20px}.btn-raw-toggle{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-raw-toggle:hover{border-color:var(--primary);color:#fff}.detailed-metrics-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px}.detailed-header h3{font-size:18px;margin-bottom:4px}.detailed-header p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.detailed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detailed-p-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--text-muted);margin-bottom:16px}.detailed-stats-table{display:flex;flex-direction:column;gap:8px}.d-row{display:flex;justify-content:space-between;font-size:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.03)}.d-row span{color:var(--text-secondary)}.d-row strong.pos{color:var(--status-completed)}.d-row strong.neg{color:#ef4444}.raw-json-section pre{margin-top:16px;background:#000;padding:16px;border-radius:8px;font-size:11px;color:var(--primary);overflow-x:auto}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@media(max-width:768px){.hero-main-stats{grid-template-columns:repeat(2,1fr);gap:20px}.hero-val{font-size:28px}.hero-lab{font-size:10px}.hero-header-row{flex-direction:column;align-items:stretch;gap:12px}.hero-actions-minimal{width:100%;justify-content:space-between}.snapshot-select-minimal{flex:1}.platform-minimal-grid{grid-template-columns:1fr;gap:16px}.metrics-twin-columns{grid-template-columns:1fr;gap:24px}.feed-grid-modern{grid-template-columns:1fr}.bottom-row-minimal{grid-template-columns:1fr;gap:24px}.editorial-grid-pro,.detailed-grid{grid-template-columns:1fr}.social-metrics-hub{gap:32px;padding-bottom:40px}.metrics-hero-strip{padding:24px 0}}@media(max-width:480px){.hero-main-stats{grid-template-columns:1fr;gap:16px}.hero-val{font-size:32px}.section-header-minimal h3{font-size:16px}.minimal-matrix-block h3{font-size:12px}}.client-detail-container{padding:24px;color:#e2e8f0;font-family:var(--font-family-base)}.client-detail-header{display:flex;justify-content:space-between;align-items:center;background:#0b1120;border:1px solid #1e293b;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 10px 24px #0f172a4d}.client-detail-title{display:flex;gap:12px;align-items:center}.client-detail-title img,.client-detail-placeholder{width:60px;height:60px;border-radius:8px;background:#1e293b;display:flex;align-items:center;justify-content:center;font-weight:700}.client-detail-title img{object-fit:cover;background:#fff}.client-detail-title h1{margin:0 0 6px}.client-detail-title span{color:#94a3b8;font-size:13px}.client-detail-actions{display:flex;align-items:center;gap:12px}.client-detail-edit{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 12px;border:1px solid #1e293b;background:transparent;color:#e2e8f0;font-size:13px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.client-detail-edit:hover{background:#94a3b81f;border-color:#94a3b880}.edit-text-desktop{display:inline}.edit-text-mobile{display:none}.client-detail-section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px}.client-detail-section-title h2{margin:0;font-size:18px}.client-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.client-detail-card{background:#0b1120;border:1px solid #1e293b;border-radius:8px;padding:16px;box-shadow:0 10px 24px #0f172a40}.client-detail-card h3{margin-top:0;display:flex;align-items:center;gap:8px}.client-detail-card ul{padding-left:16px}.client-detail-card a{color:#38bdf8;display:inline-flex;align-items:center;gap:6px}.client-markdown{font-size:13px;line-height:1.6;color:#e2e8f0}.client-markdown p{margin:0 0 10px}.client-markdown blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid #38bdf8;background:#38bdf814}.client-markdown ul,.client-markdown ol{padding-left:20px;margin:10px 0}.client-markdown pre{background:#0f172ae6;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:12px;overflow-x:auto}.client-markdown code{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:#94a3b826;padding:2px 6px;border-radius:6px;font-size:.9em}.client-markdown pre code{background:none;padding:0;border-radius:0}.editable-header{cursor:pointer;transition:color .2s;margin:0 0 6px}.editable-header:hover{color:var(--primary)}.editable-meta{cursor:pointer;color:#94a3b8;font-size:13px;transition:color .2s}.editable-meta:hover{color:var(--primary)}.inline-header-edit{display:flex;align-items:center;gap:8px;margin-bottom:6px}.header-input{background:var(--bg-tertiary);border:1px solid var(--primary);border-radius:6px;padding:4px 8px;color:#fff;font-family:inherit}.name-input{font-size:24px;font-weight:700;width:300px}.industry-input{font-size:13px;width:200px}.header-select{background:var(--bg-tertiary);border:1px solid var(--primary);border-radius:6px;padding:4px 8px;color:#fff;font-size:13px}.client-status.clickable{cursor:pointer;transition:transform .2s}.client-status.clickable:hover{transform:scale(1.05)}.social-mini-grid{display:grid;grid-template-columns:1fr;gap:8px}.social-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.clickable-edit{cursor:pointer;position:relative;transition:all .2s ease}.clickable-edit:hover{border-color:var(--primary);transform:translateY(-2px)}.clickable-edit.is-editing{cursor:default;transform:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}.card-inline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inline-actions{display:flex;gap:8px}.btn-save-inline,.btn-cancel-inline{width:28px;height:28px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-save-inline{background:var(--primary);color:#fff}.btn-save-inline:hover{background:var(--primary-dark)}.btn-cancel-inline{background:var(--bg-tertiary);color:var(--text-muted)}.btn-cancel-inline:hover{background:var(--bg-active);color:var(--text-primary)}.inline-textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:12px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical;min-height:100px}.inline-textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-primary)}.inline-textarea.focus-input{min-height:60px;font-style:italic}.placeholder-text{color:var(--text-muted);font-style:italic}[data-theme=light] .client-detail-container{color:#0f172a}[data-theme=light] .client-detail-header{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}[data-theme=light] .client-detail-placeholder{background:#f1f5f9;color:#64748b}[data-theme=light] .client-detail-title h1{color:#0f172a}[data-theme=light] .client-detail-title span{color:#64748b}[data-theme=light] .client-detail-edit{border-color:#e2e8f0;color:#0f172a}[data-theme=light] .client-detail-edit:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .client-detail-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .client-detail-card h3{color:#0f172a}[data-theme=light] .client-detail-card a{color:#0891b2}[data-theme=light] .client-markdown{color:#0f172a}[data-theme=light] .client-markdown blockquote{background:#0ea5e914;border-left-color:#0ea5e9}[data-theme=light] .client-markdown pre{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .client-markdown code{background:#f1f5f9;color:#0f172a}[data-theme=light] .header-input,[data-theme=light] .header-select{background:#f8fafc;border-color:#0ea5e9;color:#0f172a}[data-theme=light] .inline-textarea{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .inline-textarea:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .btn-cancel-inline{background:#f1f5f9;color:#64748b}[data-theme=light] .btn-cancel-inline:hover{background:#e2e8f0;color:#0f172a}@media(max-width:768px){.client-detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-low) transparent;padding-bottom:4px;gap:8px}.client-detail-tabs::-webkit-scrollbar{height:3px}.client-detail-tabs::-webkit-scrollbar-track{background:transparent}.client-detail-tabs::-webkit-scrollbar-thumb{background:var(--primary-low);border-radius:3px}.tab-btn{min-width:120px;padding:12px 16px;white-space:nowrap;flex-shrink:0}.client-detail-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.client-detail-title{width:100%}.client-detail-title img,.client-detail-placeholder{width:48px;height:48px}.client-detail-title h1{font-size:28px;font-weight:700}.client-detail-actions{width:100%;justify-content:space-between;align-items:center;gap:8px}.client-status{order:1}.client-detail-edit{order:2;padding:8px 12px;font-size:13px;min-width:auto}.client-detail-edit{display:inline-flex;gap:6px}.edit-text-desktop{display:none}.edit-text-mobile{display:inline}.inline-header-edit{flex-direction:column;width:100%;gap:8px}.header-input,.header-select{width:100%;font-size:14px}.name-input{font-size:20px}.btn-save-inline,.btn-cancel-inline{width:36px;height:36px}.client-detail-grid{grid-template-columns:1fr;gap:12px}.client-detail-card{padding:14px}}@media(max-width:480px){.client-detail-grid{gap:10px}.client-detail-card{padding:12px}}.edit-client-page{max-width:1100px;margin:0 auto;padding:30px 24px;font-family:var(--font-family-base);animation:fadeIn .3s ease-out}.edit-client-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;padding:0;width:fit-content;transition:color .2s}.back-btn:hover{color:var(--primary)}.header-info h1{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.header-info p{color:var(--text-muted);margin:0}.edit-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.edit-column{display:flex;flex-direction:column;gap:24px}.edit-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:20px;box-shadow:var(--shadow-soft)}.edit-card.highlight{border-color:var(--primary-surface);background:linear-gradient(to bottom right,var(--bg-primary),rgba(14,165,233,.02))}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light);color:var(--primary)}.card-header h2{font-size:16px;font-weight:700;margin:0;color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-client-page input,.edit-client-page select,.edit-client-page textarea{width:100%;padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;transition:all .2s}.edit-client-page input:focus,.edit-client-page select:focus,.edit-client-page textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-surface)}.logo-input-wrapper{display:flex;gap:12px;align-items:center}.logo-preview-box{width:50px;height:50px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid var(--border-light)}.logo-preview-box img{width:100%;height:100%;object-fit:cover}.logo-fallback{font-size:20px;font-weight:800;color:var(--text-muted)}.social-grid{display:flex;flex-direction:column;gap:12px}.social-input{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:12px;border-radius:8px}.social-fields{flex:1}.social-fields label{font-size:11px;margin-bottom:4px}.instagram-icon{color:#e1306c}.facebook-icon{color:#4267b2}.tiktok-icon{color:#00f2ea}.edit-footer{margin-top:40px;display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid var(--border-light)}.cancel-btn{padding:12px 24px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--bg-tertiary)}.save-btn{padding:12px 32px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;box-shadow:0 4px 12px #0ea5e94d}.save-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.save-btn:disabled{opacity:.6;transform:none;cursor:not-allowed}@media(max-width:900px){.edit-grid{grid-template-columns:1fr}}.settings-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}.settings-header{padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px}.settings-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.settings-header p{color:var(--text-secondary);margin:0;font-size:14px}.settings-content-wrapper{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:24px 16px;display:flex;flex-direction:column;gap:8px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;background:transparent;border:none;width:100%;text-align:left}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary-color, #3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f640}.settings-nav-item svg{width:18px;height:18px}.settings-main{flex:1;padding:40px;overflow-y:auto;background:var(--bg-primary)}.settings-section-container{max-width:800px;margin:0 auto;animation:settingsFadeIn .3s ease-out;padding-bottom:80px}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-title-group{margin-bottom:32px}.settings-title-group h2{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.settings-title-group p{color:var(--text-secondary);font-size:16px}.settings-card{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:transform .2s ease,box-shadow .2s ease}.settings-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--border-light);padding-bottom:16px}.settings-card-title-row{display:flex;align-items:center;gap:12px}.settings-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.settings-form-group{margin-bottom:20px}.settings-form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.settings-input,.settings-textarea,.settings-select{width:100%;padding:10px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.settings-input:focus,.settings-textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-card)}.input-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.logo-preview-container{display:flex;align-items:center;gap:20px;margin-top:10px}.logo-avatar-preview{width:64px;height:64px;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text-secondary);overflow:hidden;border:1px solid var(--border-color)}.logo-avatar-preview img{width:100%;height:100%;object-fit:cover}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.color-input-wrapper{display:flex;align-items:center;gap:12px}.color-swatch{width:48px;height:48px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;overflow:hidden;position:relative}.color-swatch input[type=color]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;cursor:pointer;opacity:0}.live-preview-box{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin-top:16px;border:1px solid var(--border-color)}.preview-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;display:block}.preview-interface{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:default;color:#fff}.preview-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.settings-areas-list{display:flex;flex-direction:column;gap:12px}.settings-area-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:10px;border:1px solid transparent;transition:all .2s ease}.settings-area-inputs-row{flex:1;display:flex;gap:10px}.settings-area-item:hover{border-color:var(--border-color);background:var(--bg-card)}.area-handle{color:var(--text-muted);cursor:grab}.settings-area-input{flex:1;background:transparent;border:none;font-size:14px;color:var(--text-primary);font-weight:500}.settings-area-input:focus{outline:none}.area-actions{display:flex;gap:8px}.btn-icon-danger{color:var(--text-muted);background:transparent;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:all .2s}.btn-icon-danger:hover{color:#ef4444;background:#ef44441a}.settings-add-area-row{display:flex;gap:12px;margin-top:10px;padding:12px;background:#3b82f60d;border-radius:10px;border:1px dashed var(--primary-color, #3b82f6)}.add-area-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.add-area-btn:hover{background:#2563eb}.settings-actions{position:sticky;bottom:0;padding:20px 40px;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.btn-cancel{padding:10px 20px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--bg-hover)}.btn-save-settings{padding:10px 24px;border-radius:10px;border:none;background:var(--primary-color, #3b82f6);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f64d}.btn-save-settings:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-save-settings:disabled{opacity:.7;cursor:not-allowed}.btn-restore{margin-right:auto;color:var(--text-secondary);background:transparent;border:none;font-size:13px;cursor:pointer;text-decoration:underline}.btn-restore:hover{color:var(--text-primary)}@media(max-width:768px){.settings-container{flex-direction:column;height:100vh;overflow:hidden}.settings-header{padding:16px 20px;gap:12px}.settings-header h1{font-size:20px}.settings-content-wrapper{flex-direction:column}.settings-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-nav-item{width:auto;white-space:nowrap;padding:8px 16px;border-radius:20px;background:var(--bg-tertiary)}.settings-nav-item.active{background:var(--primary-color, #3b82f6)}.settings-main{padding:16px 16px 100px;overflow-y:auto}.settings-section-container{padding-bottom:40px}.settings-title-group h2{font-size:22px}.settings-card{padding:16px}.settings-actions{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-color);justify-content:stretch}.btn-save-settings{width:100%;justify-content:center;padding:12px;font-size:16px}.settings-two-col-grid{grid-template-columns:1fr;gap:16px}.settings-area-item{align-items:flex-start}.settings-area-inputs-row{flex-direction:column;gap:8px}}@media(max-width:480px){.settings-header h1{font-size:1.15rem}.settings-nav-item span{font-size:.85rem}}.guide-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;position:relative;text-align:center;z-index:10}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-1px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-neon-cyan{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan);text-shadow:0 0 20px rgba(14,165,233,.5)}.hero-subtitle{font-size:1.5rem;color:#94a3b8;font-family:Courier New,monospace;margin-bottom:3rem;min-height:1.5em}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-input-group{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.hero-input-group label{font-size:.9rem;color:#64748b}.hero-input{min-width:300px;text-align:center;font-size:1.1rem}.hero-actions{display:flex;gap:1.5rem;margin-bottom:4rem}.hero-btn{display:flex;align-items:center;gap:10px;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.primary-btn{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px #0ea5e94d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #0ea5e980}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.secondary-btn:hover{background:#fff3}.hero-progress{width:300px;text-align:center;color:#64748b;font-size:.9rem}.progress-bar-track{height:6px;background:#ffffff1a;border-radius:3px;margin-top:8px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--neon-cyan);border-radius:3px;transition:width 1s ease-out}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.4}.orb-1{width:300px;height:300px;background:purple;top:10%;left:20%;animation:float 6s infinite alternate}.orb-2{width:400px;height:400px;background:var(--neon-cyan);bottom:10%;right:10%;animation:float 8s infinite alternate-reverse}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column}}.gamification-bar{position:fixed;top:90px;left:50%;transform:translate(-50%);width:90%;max-width:1000px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;transition:all .3s ease}.gamer-profile{display:flex;align-items:center;gap:12px}.avatar-circle{width:40px;height:40px;background:var(--neon-cyan);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.gamer-info{display:flex;flex-direction:column;line-height:1.2}.gamer-name{color:#fff;font-weight:600}.gamer-rank{color:#94a3b8;font-size:.8rem}.xp-container{flex:1;max-width:400px;margin:0 2rem;display:flex;align-items:center;gap:10px}.xp-label{display:flex;align-items:center;gap:5px;color:gold;font-weight:600;min-width:70px}.xp-track{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,gold,#fbbf24);border-radius:4px;transition:width .5s ease-out}.xp-next{color:#64748b;font-size:.8rem;min-width:60px;text-align:right}.badges-mini-list{display:flex;gap:5px}.mini-badge{width:28px;height:28px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;border-radius:50%;display:flex;align-items:center;justify-content:center}.no-badges{color:#64748b;font-size:.8rem;font-style:italic}.reset-btn-tiny{background:none;border:none;color:#ef4444;font-size:.7rem;padding:4px 8px;margin-left:10px;cursor:pointer;opacity:.5;transition:opacity .2s}.reset-btn-tiny:hover{opacity:1;background:#ef44441a;border-radius:4px}@media(max-width:768px){.gamification-bar{top:auto;bottom:20px;height:auto;padding:1rem;flex-wrap:wrap;gap:10px}.xp-container{order:3;width:100%;margin:10px 0 0;max-width:none}}.badge-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.badge-modal-content{background:#141419f2;padding:3rem;border-radius:24px;text-align:center;max-width:400px;width:90%;position:relative;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 50px #ffd70033}.badge-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.badge-close:hover{background:#ffffff1a;color:#fff}.badge-icon-large{width:120px;height:120px;background:radial-gradient(circle,rgba(255,215,0,.2),transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.badge-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.badge-name{font-size:2rem;font-weight:800;color:gold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.badge-desc{color:#94a3b8;margin-bottom:2rem;line-height:1.5}.badge-confirm-btn{background:gold;color:#000;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;width:100%;transition:transform .2s}.badge-confirm-btn:hover{transform:scale(1.05)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.mock-nav-item{width:40px;height:40px;background:#ffffff1a;border-radius:8px;margin:10px 0}.mock-nav-item.active{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.mock-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:50px;border-bottom:1px solid var(--glass-border)}.mock-avatar{width:32px;height:32px;background:#6b7280;border-radius:50%}.project-sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:2rem;height:450px}.sim-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;position:relative;transition:all .3s}.sim-card.form-card.success{opacity:.5;pointer-events:none;filter:grayscale(.8)}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#94a3b8;font-size:.9rem}.fake-input-row{display:flex;align-items:center;gap:10px;padding:.8rem;background:#ffffff0d;border-radius:8px;color:#94a3b8}.sim-btn{width:100%;padding:1rem;border-radius:8px;border:none;background:#334155;color:#64748b;font-weight:600;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1rem;transition:all .3s}.sim-btn.active{background:var(--neon-cyan);color:#000;cursor:pointer;box-shadow:0 0 15px #0ea5e94d}.sim-btn.active:hover{transform:translateY(-2px)}.empty-state-sim{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.ghost-project{font-size:4rem;font-weight:800;opacity:.2;margin-bottom:1rem}.project-result{text-align:center}.project-icon-large{width:80px;height:80px;background:var(--neon-cyan);color:#000;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 30px #0ea5e966}.client-tag{background:#ffffff1a;display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;margin-bottom:2rem}.tabs-preview{display:flex;justify-content:center;gap:10px;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab{padding:6px 16px;border-radius:8px;font-size:.9rem;color:#64748b}.tab.active{background:#0ea5e91a;color:var(--neon-cyan);border:1px solid rgba(14,165,233,.3)}.result-info{display:flex;align-items:center;justify-content:center;gap:10px;color:#10b981;margin-bottom:2rem;font-size:.9rem}@media(max-width:768px){.project-sim-grid{grid-template-columns:1fr;height:auto}}.team-builder-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:2rem;min-height:400px}.candidates-column{padding:1.5rem}.candidates-list{display:flex;flex-direction:column;gap:12px;margin-top:1.5rem}.candidate-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .2s}.candidate-card:hover{background:#ffffff1a;transform:translate(4px)}.candidate-card.selected{border-color:var(--neon-cyan);background:#0ea5e91a;box-shadow:0 0 10px #0ea5e933}.candidate-avatar{font-size:1.5rem}.roles-column{display:flex;flex-direction:column;gap:20px}.role-zone{background:var(--glass-bg);border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;min-height:150px;transition:all .3s}.role-zone.highlight-zone{background:#ffffff0d;border-style:solid;animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.role-header{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:1rem}.role-desc{font-weight:400;opacity:.7;font-size:.8rem}.team-members-list{display:flex;flex-wrap:wrap;gap:10px}.team-member-pill{background:#ffffff1a;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:.9rem}.team-member-pill button{background:none;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:2px}.drop-placeholder{color:#64748b;font-size:.9rem;font-style:italic;border:1px dotted #64748b;padding:10px;border-radius:8px;width:100%;text-align:center}.completion-area{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.success-text{color:#10b981;margin-bottom:1rem}@media(max-width:768px){.team-builder-grid{grid-template-columns:1fr}}.robotina-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:2rem;height:500px}.chat-container{display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:1rem;border-bottom:1px solid var(--glass-border);background:#0003}.chat-header-info{display:flex;align-items:center;gap:12px}.status-badge{background:#f59e0b;color:#000;font-size:.7rem;padding:2px 8px;border-radius:10px;display:inline-block}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:12px}.message{max-width:80%;line-height:1.4}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.message-content{padding:10px 14px;border-radius:12px;font-size:.95rem;white-space:pre-wrap}.message.bot .message-content{background:#ffffff1a;color:#e2e8f0;border-bottom-left-radius:2px}.message.user .message-content{background:var(--neon-cyan);color:#000;border-bottom-right-radius:2px;font-weight:500}.chat-input-area{padding:1rem;background:#0003;border-top:1px solid var(--glass-border)}.quick-actions-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:10px}.quick-action-btn{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:var(--neon-cyan);padding:6px 12px;border-radius:16px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s}.quick-action-btn:hover{background:var(--neon-cyan);color:#000}.input-row{display:flex;gap:10px}.input-row input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:8px;color:#fff}.input-row button{background:var(--neon-cyan);border:none;border-radius:8px;width:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000}.info-sidebar{display:flex;flex-direction:column;gap:16px}.info-card{background:#ffffff0d;padding:1.5rem;border-radius:16px;text-align:left}.info-card h4{margin-bottom:.5rem;color:#fff}.info-card p{font-size:.9rem;color:#94a3b8}.typing span{animation:blink 1.4s infinite both;margin:0 1px;font-size:1.5rem}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@media(max-width:768px){.robotina-layout{grid-template-columns:1fr;height:auto}.chat-container{height:400px}}.handover-visual{height:300px;position:relative;margin:2rem auto;max-width:600px;display:flex;justify-content:space-between;align-items:center;padding:0 4rem;overflow:hidden}.column-label{position:absolute;top:20px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.column-label.left{left:40px}.column-label.right{right:40px}.connection-line{position:absolute;top:50%;left:100px;right:100px;height:2px;background:#ffffff1a;transform:translateY(-50%)}.signal-packet{width:60px;height:4px;background:var(--neon-cyan);border-radius:2px;position:absolute;left:0;top:-1px;opacity:0;box-shadow:0 0 10px var(--neon-cyan)}.signal-packet.moving{opacity:1;animation:transmit 2s ease-in-out forwards}@keyframes transmit{0%{left:0;width:60px}50%{width:100px}to{left:100%;width:10px;opacity:0}}.task-card-visual{width:100px;height:120px;background:#fff;border-radius:8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #00000080;z-index:10;padding:10px;transition:all 2s cubic-bezier(.4,0,.2,1)}.card-mini-header{height:10px;width:60%;background:#e2e8f0;border-radius:4px;margin-bottom:8px}.card-mini-body{height:6px;width:90%;background:#f1f5f9;border-radius:4px}.task-card-visual.at-start{left:60px}.task-card-visual.at-end{left:calc(100% - 160px);transform:translateY(-50%) rotate(5deg)}.task-card-visual.moving{left:calc(100% - 160px);transform:translateY(-50%) scale(1.1) rotate(5deg)}.handover-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#fff;color:#000;border:none;padding:10px 20px;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;z-index:20}.success-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:30;background:#000c;padding:20px;border-radius:12px;border:1px solid var(--neon-cyan)}.deep-dive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:2rem}.dive-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:left}:root{--neon-cyan: #0EA5E9;--glass-bg: rgba(20, 20, 25, .7);--glass-border: rgba(255, 255, 255, .1);--success-green: #10b981}.guide-wrapper{min-height:100vh;padding:2rem;padding-top:80px;background:radial-gradient(circle at top right,#111827,#000);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #00000080}.glass-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1.2rem;border-radius:8px;outline:none;transition:all .3s ease}.glass-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #0ea5e94d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #0ea5e9b3}70%{box-shadow:0 0 0 10px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.slide-in{animation:slideIn .6s ease-out}.float{animation:float 3s ease-in-out infinite}.pulse-button{animation:pulse-glow 2s infinite}.bounce-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275)}.level-container{max-width:1000px;margin:0 auto;text-align:center}.mock-dashboard{display:flex;height:500px;margin-top:2rem;position:relative;overflow:hidden}.mock-sidebar{width:80px;background:#ffffff08;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;padding-top:20px;position:relative}.mock-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.mock-widgets-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:200px 200px;gap:16px}.mock-widget{background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1);position:relative}.mock-widget.large{grid-row:span 2}.hotspot-container{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);z-index:10;cursor:pointer}.hotspot-pulse{width:100%;height:100%;border-radius:50%;background:var(--neon-cyan);display:flex;align-items:center;justify-content:center;animation:pulse-glow 2s infinite;box-shadow:0 0 20px var(--neon-cyan)}.hotspot-icon{color:#000}.hotspot-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%) scale(.8);background:#000;border:1px solid var(--neon-cyan);padding:10px;border-radius:8px;width:200px;text-align:left;opacity:0;pointer-events:none;transition:all .3s ease;z-index:20}.hotspot-container:hover .hotspot-tooltip{opacity:1;transform:translate(-50%) scale(1)}.hotspot-container.visited .hotspot-pulse{background:var(--success-green);animation:none;box-shadow:none}.hotspot-container.visited .hotspot-icon{color:#fff}.complete-btn{margin-top:2rem;padding:1rem 2rem;background:linear-gradient(90deg,var(--neon-cyan),#3b82f6);border:none;border-radius:30px;color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .2s}.complete-btn:hover{transform:scale(1.05)}@media(max-width:768px){.mock-dashboard{flex-direction:column;height:auto}.mock-sidebar{width:100%;height:60px;flex-direction:row;justify-content:center;border-right:none;border-bottom:1px solid var(--glass-border)}.mock-widgets-grid{grid-template-columns:1fr}}.manual-layout{display:flex;min-height:100vh;background:#0f172a;color:#e2e8f0;font-family:Inter,sans-serif;padding-top:64px}.manual-sidebar{width:300px;background:#1e293b;border-right:1px solid #334155;position:fixed;top:64px;bottom:0;left:0;padding:2rem;overflow-y:auto;z-index:10}@media(min-width:768px){.manual-layout{padding-left:0}.manual-sidebar{position:sticky;top:80px;height:calc(100vh - 80px);border-radius:12px;margin-left:20px;margin-bottom:20px}}.manual-header{margin-bottom:2rem}.manual-header h2{font-size:1.5rem;font-weight:700;color:#fff}.v-label{font-size:.8rem;color:#64748b;background:#0f172a;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:4px}.search-box{display:flex;align-items:center;background:#0f172a;padding:10px 14px;border-radius:8px;margin-bottom:2rem;border:1px solid #334155}.search-box input{background:transparent;border:none;color:#fff;margin-left:10px;outline:none;width:100%}.manual-nav{display:flex;flex-direction:column;gap:8px}.manual-nav-item{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:#94a3b8;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;width:100%}.manual-nav-item:hover{background:#ffffff0d;color:#fff}.manual-nav-item.active{background:var(--neon-cyan, #0EA5E9);color:#000;font-weight:600}.manual-nav-item .arrow{margin-left:auto;opacity:0}.manual-nav-item.active .arrow{opacity:1}.manual-content-area{flex:1;padding:2rem 4rem;max-width:1000px}.manual-section h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff;border-bottom:1px solid #334155;padding-bottom:1rem}.manual-section .intro{font-size:1.2rem;color:#94a3b8;margin-bottom:3rem;line-height:1.6}.manual-section h3{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem;color:var(--neon-cyan, #0EA5E9)}.manual-section p,.manual-section li{line-height:1.7;color:#cbd5e1}.manual-section ul{margin-left:20px;margin-bottom:1.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-card{background:#1e293b;padding:1.5rem;border-radius:12px;border:1px solid #334155}.process-flow{display:flex;align-items:center;justify-content:space-between;margin:2rem 0;gap:20px}.step{background:#1e293b;padding:1.5rem;border-radius:12px;flex:1;text-align:center;position:relative;border:1px solid #334155}.step-num{background:var(--neon-cyan, #0EA5E9);color:#000;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 10px}.step-arrow{color:#64748b}.tools-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-item{display:flex;gap:15px;background:#1e293b;padding:1rem;border-radius:8px;align-items:flex-start}.roles-table{width:100%;border-collapse:collapse;margin-top:2rem}.roles-table th,.roles-table td{padding:1rem;text-align:left;border-bottom:1px solid #334155}.roles-table th{color:#94a3b8;font-weight:600}.badge{padding:var(--badge-padding-md);border-radius:var(--badge-radius-sm);font-size:var(--badge-font-size-md);font-weight:var(--badge-font-weight)}.badge.admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge.manager{background:var(--badge-manager-bg);color:var(--badge-manager-text)}.badge.editor{background:var(--badge-editor-bg);color:var(--badge-editor-text)}.metrics-grid-manual{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric-explain{background:#1e293b;padding:1.5rem;border-radius:12px;text-align:center}.metric-explain code{display:block;background:#0f172a;padding:8px;border-radius:6px;color:var(--neon-cyan, #0EA5E9);font-size:.9rem;margin:10px 0}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.manual-layout{flex-direction:column}.manual-sidebar{width:100%;position:relative;top:0;height:auto;margin:0}.manual-content-area{padding:1rem}.process-flow{flex-direction:column}.step-arrow{transform:rotate(90deg)}.metrics-grid-manual{grid-template-columns:1fr}}:root{--font-family-base: "Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-family-base);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #0EA5E9;--primary-hover: #0891b2;--primary-dark: #0e7490;--primary-light: #22d3ee;--primary-surface: rgba(14, 165, 233, .1);--secondary: #5856D6;--secondary-hover: #4845B5;--secondary-surface: #EDE9FE;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-page: #F9FAFB;--bg-sidebar: #FFFFFF;--bg-hover: #F3F4F6;--bg-active: #E5E7EB;--text-primary: #1F2937;--text-secondary: #4B5563;--text-muted: #6B7280;--text-placeholder: #9CA3AF;--text-disabled: #9CA3AF;--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-focus: #0EA5E9;--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .03), 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 0 1px rgba(14, 165, 233, .2), 0 4px 16px rgba(14, 165, 233, .3);--shadow-button: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1);--status-open: #64748b;--status-open-surface: #f1f5f9;--status-open-bg: #f8fafc;--status-open-border: #e2e8f0;--status-assigned: #0891b2;--status-assigned-surface: rgba(14, 165, 233, .1);--status-assigned-bg: rgba(14, 165, 233, .05);--status-assigned-border: rgba(14, 165, 233, .3);--status-progress: #2563eb;--status-progress-surface: #eff6ff;--status-in-progress: #2563eb;--status-in-progress-bg: #eff6ff;--status-in-progress-border: #bfdbfe;--status-review: #7c3aed;--status-review-surface: #f5f3ff;--status-in-review: #7c3aed;--status-in-review-bg: #f5f3ff;--status-in-review-border: #ddd6fe;--status-completed: #16a34a;--status-completed-surface: #f0fdf4;--status-completed-bg: #f0fdf4;--status-completed-border: #bbf7d0;--status-cancelled: #dc2626;--status-cancelled-surface: #fef2f2;--status-cancelled-bg: #fef2f2;--status-cancelled-border: #fecaca;--status-overdue: #b91c1c;--status-overdue-surface: #fef2f2;--status-neutral: var(--status-open);--status-neutral-surface: var(--status-open-surface);--status-approved: var(--status-completed);--status-approved-surface: var(--status-completed-surface);--accent-success: #16a34a;--accent-warning: #f59e0b;--accent-danger: #dc2626;--accent-info: #0ea5e9;--accent-primary: #0EA5E9;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #15803d;--success-text-light: #16a34a;--warning-bg: #fffbeb;--warning-border: #fde68a;--warning-text: #b45309;--warning-text-light: #0EA5E9;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--danger-text-light: #dc2626;--danger-gradient: linear-gradient(135deg, #ef4444, #dc2626);--info-bg: #f0f9ff;--info-border: #bae6fd;--info-text: #0369a1;--info-text-light: #0ea5e9;--accent-bg: #fff7ed;--accent-border: #fed7aa;--accent-text: #0EA5E9;--accent-gradient: linear-gradient(135deg, #0EA5E9, #0891b2);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--text-5xl: 36px;--font-size-body: 14px;--font-size-meta: 13px;--font-size-title: 18px;--font-size-small: 11px;--text-2xs: 10px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--btn-height-sm: 32px;--btn-height: 40px;--btn-height-lg: 48px;--btn-height-xl: 56px;--button-primary-bg: #0EA5E9;--button-primary-text: #FFFFFF;--button-primary-bg-hover: #0891b2;--button-primary-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--button-primary-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-hover: #F8FAFC;--table-header-bg: #F8FAFC;--table-row-hover: #F1F5F9;--table-border: #E2E8F0;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-focus-border: var(--primary)}[data-theme=dark],.dark{--primary: #0EA5E9;--primary-hover: #FFB74D;--primary-dark: #cc7a00;--primary-light: #0891b2;--primary-surface: rgba(255, 159, 28, .1);--secondary: #818cf8;--secondary-hover: #a5b4fc;--secondary-surface: rgba(99, 102, 241, .15);--bg-primary: #151b2e;--bg-secondary: #0b1121;--bg-tertiary: #1e293b;--bg-page: #0b1121;--bg-sidebar: #0f172a;--bg-hover: rgba(255, 255, 255, .03);--bg-active: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-placeholder: #64748b;--text-disabled: #475569;--border-light: #1e293b;--border-medium: #334155;--border-focus: #0EA5E9;--border-primary: #1e293b;--border-secondary: #334155;--shadow-soft: 0 0 0 1px #1e293b;--shadow-medium: 0 0 0 1px #334155, 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-card: 0 0 0 1px #1e293b, 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-glow: 0 0 0 1px rgba(255, 159, 28, .3);--shadow-button: 0 0 0 1px rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .3);--card-bg: #151b2e;--card-border: #1e293b;--card-hover: #1e293b;--table-header-bg: #0f172a;--table-row-hover: #1e293b;--table-border: #1e293b;--input-bg: #0f172a;--input-border: #334155;--input-focus-border: var(--primary);--button-primary-bg: #0EA5E9;--button-primary-text: #0b1121;--button-primary-bg-hover: #22d3ee;--button-primary-shadow: 0 0 0 1px rgba(255, 255, 255, .1);--button-primary-shadow-hover: 0 0 0 1px rgba(14, 165, 233, .3);--status-open-surface: rgba(148, 163, 184, .1);--status-open-text: #94a3b8;--status-assigned-surface: rgba(245, 158, 11, .1);--status-progress-surface: rgba(59, 130, 246, .1);--status-review-surface: rgba(139, 92, 246, .1);--status-completed-surface: rgba(34, 197, 94, .1);--status-cancelled-surface: rgba(239, 68, 68, .1);--success-bg: rgba(34, 197, 94, .1);--warning-bg: rgba(245, 158, 11, .1);--danger-bg: rgba(239, 68, 68, .1);--info-bg: rgba(14, 165, 233, .1);--accent-bg: rgba(255, 159, 28, .1)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-page: #F8FAFC;--bg-sidebar: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--text-disabled: #cbd5e1;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--card-bg: #FFFFFF;--card-border: #e2e8f0;--card-hover: #f8fafc;--table-header-bg: #f8fafc;--table-row-hover: #f1f5f9;--table-border: #e2e8f0;--input-bg: #FFFFFF;--input-border: #cbd5e1;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-glow: none;--shadow-button: 0 1px 2px 0 rgba(0, 0, 0, .05)}#root{max-width:100%;width:100%;margin:0;padding:0;overflow-x:hidden}html,body{max-width:100vw;overflow-x:hidden;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}