@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--font-size-xs-fluid: clamp(11px, 2.5vw, 12px);--font-size-sm-fluid: clamp(13px, 2.8vw, 14px);--font-size-base-fluid: clamp(14px, 3vw, 16px);--font-size-lg-fluid: clamp(16px, 3.2vw, 18px);--font-size-xl-fluid: clamp(18px, 3.5vw, 20px);--font-size-2xl-fluid: clamp(24px, 4.5vw, 28px);--font-size-3xl-fluid: clamp(28px, 5vw, 32px);--font-size-4xl-fluid: clamp(32px, 6vw, 48px);--spacing-xs-responsive: clamp(4px, 1vw, 6px);--spacing-sm-responsive: clamp(8px, 1.5vw, 12px);--spacing-md-responsive: clamp(12px, 2vw, 16px);--spacing-lg-responsive: clamp(16px, 3vw, 20px);--spacing-xl-responsive: clamp(20px, 4vw, 24px);--spacing-2xl-responsive: clamp(24px, 5vw, 32px);--spacing-3xl-responsive: clamp(32px, 6vw, 40px);--max-width-sm: clamp(320px, 100%, 640px);--max-width-md: clamp(320px, 100%, 768px);--max-width-lg: clamp(320px, 100%, 1024px);--max-width-xl: clamp(320px, 100%, 1280px);--max-width-2xl: clamp(320px, 100%, 1536px);--container-padding-x: var(--spacing-md-responsive);--container-padding-y: var(--spacing-lg-responsive);--section-padding: var(--spacing-2xl-responsive);--gap-sm: var(--spacing-sm-responsive);--gap-md: var(--spacing-md-responsive);--gap-lg: var(--spacing-lg-responsive);--gap-xl: var(--spacing-xl-responsive);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--touch-target-size: 44px;--touch-target-padding: 12px;--grid-min-sm: 280px;--grid-min-md: 320px;--grid-min-lg: 350px;--input-height-sm: 40px;--input-height-md: 44px;--input-height-lg: 48px;--button-padding-y-sm: 10px;--button-padding-y-md: 12px;--button-padding-y-lg: 14px;--button-padding-x: var(--spacing-md-responsive);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media (max-width: 639px){:root{--line-height-normal: 1.6;--line-height-relaxed: 1.7}}@media (min-width: 640px) and (max-width: 1023px){:root{--line-height-normal: 1.5}}@media (min-width: 1024px){:root{--line-height-normal: 1.5;--line-height-tight: 1.2}}@media (max-width: 639px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width: 640px) and (max-width: 1023px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (min-width: 640px){.hide-tablet-up{display:none!important}}@media (min-width: 1024px){.hide-desktop-up{display:none!important}}.px-responsive{padding-left:var(--spacing-md-responsive);padding-right:var(--spacing-md-responsive)}.py-responsive{padding-top:var(--spacing-md-responsive);padding-bottom:var(--spacing-md-responsive)}.p-responsive{padding:var(--spacing-md-responsive)}@media (max-width: 639px){.px-responsive-mobile{padding-left:var(--spacing-sm-responsive);padding-right:var(--spacing-sm-responsive)}.py-responsive-mobile{padding-top:var(--spacing-sm-responsive);padding-bottom:var(--spacing-sm-responsive)}.p-responsive-mobile{padding:var(--spacing-sm-responsive)}}.mx-responsive{margin-left:var(--spacing-md-responsive);margin-right:var(--spacing-md-responsive)}.my-responsive{margin-top:var(--spacing-md-responsive);margin-bottom:var(--spacing-md-responsive)}.m-responsive{margin:var(--spacing-md-responsive)}.text-fluid-xs{font-size:var(--font-size-xs-fluid)}.text-fluid-sm{font-size:var(--font-size-sm-fluid)}.text-fluid-base{font-size:var(--font-size-base-fluid)}.text-fluid-lg{font-size:var(--font-size-lg-fluid)}.text-fluid-xl{font-size:var(--font-size-xl-fluid)}.text-fluid-2xl{font-size:var(--font-size-2xl-fluid)}.text-fluid-3xl{font-size:var(--font-size-3xl-fluid)}.text-fluid-4xl{font-size:var(--font-size-4xl-fluid)}@media (max-width: 639px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}@media (max-width: 639px){.text-lg-mobile{font-size:var(--font-size-lg-fluid)}.text-2xl-mobile{font-size:var(--font-size-2xl-fluid)}}.container-responsive{width:100%;max-width:100%;padding-left:var(--spacing-md-responsive);padding-right:var(--spacing-md-responsive);margin-left:auto;margin-right:auto}.container-constrained{width:100%;max-width:1200px;padding-left:var(--spacing-lg-responsive);padding-right:var(--spacing-lg-responsive);margin-left:auto;margin-right:auto}.section-responsive{padding-top:var(--spacing-2xl-responsive);padding-bottom:var(--spacing-2xl-responsive);padding-left:var(--spacing-md-responsive);padding-right:var(--spacing-md-responsive)}.grid-responsive{display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-sm),1fr))}@media (min-width: 768px){.grid-responsive.grid-2col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-responsive.grid-3col{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-responsive.grid-4col{grid-template-columns:repeat(4,1fr)}}.gap-responsive{gap:var(--gap-md)}.gap-responsive-sm{gap:var(--gap-sm)}.gap-responsive-lg{gap:var(--gap-lg)}.btn-responsive{min-height:var(--touch-target-size);padding:var(--button-padding-y-md) var(--button-padding-x);font-size:var(--font-size-base-fluid);border-radius:var(--border-radius-md);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}@media (max-width: 639px){.btn-responsive-full{width:100%;display:flex}}.form-input-responsive{min-height:var(--input-height-md);padding:10px var(--spacing-md-responsive);font-size:var(--font-size-base-fluid);border-radius:var(--border-radius-md);width:100%}.form-label-responsive{font-size:var(--font-size-sm-fluid);font-weight:500;margin-bottom:var(--spacing-sm-responsive);display:block}.form-group-responsive{margin-bottom:var(--spacing-lg-responsive)}.form-responsive{display:flex;flex-direction:column;gap:var(--gap-md)}@media (min-width: 768px){.form-responsive{display:grid;grid-template-columns:1fr 1fr}}.form-responsive-full{grid-column:1 / -1}.img-responsive{width:100%;height:auto;max-width:100%;display:block}.aspect-square{aspect-ratio:1;width:100%;object-fit:cover}.aspect-video{aspect-ratio:16 / 9;width:100%;object-fit:cover}.aspect-3-2{aspect-ratio:3 / 2;width:100%;object-fit:cover}.flex-responsive{display:flex;flex-direction:column;gap:var(--gap-md)}@media (min-width: 768px){.flex-responsive{flex-direction:row}}.flex-responsive.flex-center{align-items:center;justify-content:center}@media (min-width: 768px){.flex-responsive.flex-between{justify-content:space-between;align-items:center}}@media (max-width: 639px){.overflow-hidden-mobile{overflow:hidden}}@media (max-width: 639px){.overflow-x-auto-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 639px){.block-mobile{display:block!important}}@media (min-width: 640px){.block-mobile{display:inline!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible:focus{outline:2px solid #8b5cf6;outline-offset:2px}.transition-responsive{transition:padding .3s ease,margin .3s ease,width .3s ease,height .3s ease}@media (max-width: 639px){body:before{content:"Mobile (375-639px)";display:none}}@media (min-width: 640px) and (max-width: 1023px){body:before{content:"Tablet (640-1023px)";display:none}}@media (min-width: 1024px){body:before{content:"Desktop (1024px+)";display:none}}:root{--color-primary: #8B5CF6;--color-primary-secondary: #EC4899;--color-primary-accent: #A78BFA;--color-primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--color-primary-alpha-20: rgba(139, 92, 246, .2);--color-primary-alpha-10: rgba(139, 92, 246, .1);--color-semantic-success: #10B981;--color-semantic-warning: #F59E0B;--color-semantic-danger: #EF4444;--color-semantic-info: #06B6D4;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-bg-dark-base: #0F172A;--color-bg-surface-dark: #1E293B;--color-bg-surface-lighter: #334155;--color-accent-primary: #8B5CF6;--color-accent-secondary: #EC4899;--color-accent-tertiary: #A78BFA;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-badge-active-bg: rgba(16, 185, 129, .15);--color-badge-active-text: #10B981;--color-badge-warning-bg: rgba(245, 158, 11, .15);--color-badge-warning-text: #F59E0B;--color-badge-danger-bg: rgba(239, 68, 68, .15);--color-badge-danger-text: #EF4444;--color-badge-paused-bg: rgba(245, 158, 11, .15);--color-badge-paused-text: #F59E0B;--color-badge-completed-bg: rgba(99, 102, 241, .15);--color-badge-completed-text: #6366F1;--color-border-light: rgba(51, 65, 85, .3);--color-border-medium: rgba(51, 65, 85, .5);--color-border-dark: #334155;--color-border-slate-700: #334155;--color-progress-default: linear-gradient(90deg, #8B5CF6 0%, #EC4899 100%);--color-progress-complete: #10B981;--color-progress-warning: #EF4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--spacing-5xl: 96px;--spacing-6xl: 128px;--spacing-7xl: 160px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--text-heading-xs-weight: 600;--text-heading-xs-size: 12px;--text-heading-xs-line-height: 1.5;--text-heading-sm-weight: 600;--text-heading-sm-size: 14px;--text-heading-sm-line-height: 1.5;--text-heading-md-weight: 600;--text-heading-md-size: 16px;--text-heading-md-line-height: 1.5;--text-heading-lg-weight: 600;--text-heading-lg-size: 20px;--text-heading-lg-line-height: 1.4;--text-heading-xl-weight: 700;--text-heading-xl-size: 24px;--text-heading-xl-line-height: 1.33;--text-heading-2xl-weight: 700;--text-heading-2xl-size: 32px;--text-heading-2xl-line-height: 1.25;--text-body-xs-weight: 400;--text-body-xs-size: 10px;--text-body-xs-line-height: 1.5;--text-body-sm-weight: 400;--text-body-sm-size: 12px;--text-body-sm-line-height: 1.5;--text-body-md-weight: 400;--text-body-md-size: 14px;--text-body-md-line-height: 1.5;--text-body-lg-weight: 400;--text-body-lg-size: 16px;--text-body-lg-line-height: 1.625;--text-caption-weight: 500;--text-caption-size: 12px;--text-caption-line-height: 1.5;--animation-duration-fast: .15s;--animation-duration-base: .25s;--animation-duration-slow: .35s;--animation-duration-slower: .5s;--animation-timing-linear: linear;--animation-timing-ease-in: cubic-bezier(.4, 0, 1, 1);--animation-timing-ease-out: cubic-bezier(0, 0, .2, 1);--animation-timing-ease-in-out: cubic-bezier(.4, 0, .2, 1)}.text-heading-xs{font-size:var(--text-heading-xs-size);font-weight:var(--text-heading-xs-weight);line-height:var(--text-heading-xs-line-height)}.text-heading-sm{font-size:var(--text-heading-sm-size);font-weight:var(--text-heading-sm-weight);line-height:var(--text-heading-sm-line-height)}.text-heading-md{font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight);line-height:var(--text-heading-md-line-height)}.text-heading-lg{font-size:var(--text-heading-lg-size);font-weight:var(--text-heading-lg-weight);line-height:var(--text-heading-lg-line-height)}.text-heading-xl{font-size:var(--text-heading-xl-size);font-weight:var(--text-heading-xl-weight);line-height:var(--text-heading-xl-line-height)}.text-heading-2xl{font-size:var(--text-heading-2xl-size);font-weight:var(--text-heading-2xl-weight);line-height:var(--text-heading-2xl-line-height)}.text-body-xs{font-size:var(--text-body-xs-size);font-weight:var(--text-body-xs-weight);line-height:var(--text-body-xs-line-height)}.text-body-sm{font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.text-body-md{font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);line-height:var(--text-body-md-line-height)}.text-body-lg{font-size:var(--text-body-lg-size);font-weight:var(--text-body-lg-weight);line-height:var(--text-body-lg-line-height)}.text-caption{font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-semantic-success)}.text-warning{color:var(--color-semantic-warning)}.text-danger{color:var(--color-semantic-danger)}.text-info{color:var(--color-semantic-info)}.bg-primary{background-color:var(--color-primary)}.bg-surface-dark{background-color:var(--color-bg-surface-dark)}.bg-surface-lighter{background-color:var(--color-bg-surface-lighter)}.bg-success{background-color:var(--color-semantic-success)}.bg-warning{background-color:var(--color-semantic-warning)}.bg-danger{background-color:var(--color-semantic-danger)}.bg-info{background-color:var(--color-semantic-info)}html,body{height:100%;margin:0;padding:0}body{background-color:#0f172a;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}