@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--cos-bg-primary: #FFFFFF;--cos-bg-secondary: #F5F7F9;--cos-bg-elevated: #FFFFFF;--cos-bg-inverse: #010125;--cos-bg-overlay: rgba(255, 255, 255, .75);--cos-bg-backdrop: rgba(0, 0, 0, .45);--cos-text-primary: #070a1b;--cos-text-secondary: #343451;--cos-text-muted: #8E8EA8;--cos-text-inverse: #FFFFFF;--cos-border-default: #E8E9ED;--cos-border-subtle: #F0F1F4;--cos-accent: #fd5e5e;--cos-accent-hover: #e54949;--cos-accent-subtle: #FFF0F0;--cos-accent-text: #FFFFFF;--cos-success: #00B894;--cos-success-subtle: #D4F5EC;--cos-warning: #FDCB6E;--cos-warning-subtle: #FFF4D4;--cos-error: #FF6B6B;--cos-error-subtle: #FFE0E0;--cos-info: #74B9FF;--cos-info-subtle: #DCF0FF;--cos-surface-hover: #F5F7F9;--cos-surface-active: #EBEDF0;--cos-surface-selected: #FFF0F0;--cos-stage-briefing: #9B7FE6;--cos-stage-scoping: #5BA4E6;--cos-stage-staffing: #3DBDA0;--cos-stage-preprod: #6BCB77;--cos-stage-production: #F0C75E;--cos-stage-postprod: #E8935A;--cos-stage-delivery: #E06B6B;--cos-stage-performance: #D96EAD;--cos-stage-current: #fd5e5e;--cos-stage-completed: #00B894;--cos-stage-future: #C8C7C3;--cos-font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cos-font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--cos-text-xs: 12px;--cos-text-sm: 14px;--cos-text-base: 16px;--cos-text-lg: 18px;--cos-text-xl: 20px;--cos-text-2xl: 24px;--cos-text-3xl: 30px;--cos-text-4xl: 36px;--cos-font-normal: 400;--cos-font-medium: 500;--cos-font-semibold: 600;--cos-font-bold: 700;--cos-leading-tight: 1.2;--cos-leading-normal: 1.5;--cos-leading-relaxed: 1.7;--cos-space-0: 0px;--cos-space-1: 4px;--cos-space-2: 8px;--cos-space-3: 12px;--cos-space-4: 16px;--cos-space-5: 20px;--cos-space-6: 24px;--cos-space-8: 32px;--cos-space-10: 40px;--cos-space-12: 48px;--cos-space-16: 64px;--cos-space-20: 80px;--cos-radius-none: 0px;--cos-radius-sm: 4px;--cos-radius-md: 8px;--cos-radius-lg: 12px;--cos-radius-xl: 16px;--cos-radius-2xl: 20px;--cos-radius-full: 9999px;--cos-shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .03);--cos-shadow-md: 0 8px 24px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--cos-shadow-lg: 0 15px 50px rgba(0, 0, 0, .08), 0 5px 15px rgba(0, 0, 0, .04);--cos-transition-fast: all .15s ease;--cos-transition-normal: all .25s ease;--cos-transition-slow: all .4s ease;--cos-transition-color: color .15s ease, background-color .15s ease, border-color .15s ease;--cos-sidebar-bg: #010125;--cos-sidebar-text: #FFFFFF;--cos-sidebar-text-muted: rgba(255, 255, 255, .6);--cos-sidebar-active: rgba(255, 255, 255, .12);--cos-sidebar-hover: rgba(255, 255, 255, .06);--cos-sidebar-border: rgba(255, 255, 255, .1);--cos-sidebar-width: 260px;--cos-header-height: 64px;--cos-sidebar-width-mobile: 0px;--cos-header-height-mobile: 56px;--cos-bottom-bar-height: 56px;--cos-page-padding: var(--cos-space-6);--cos-touch-target-min: 44px;--cos-bp-sm: 640px;--cos-bp-md: 768px;--cos-bp-lg: 1024px;--cos-bp-xl: 1280px;--cos-backdrop-blur: blur(20px)}@media(max-width:767px){:root{--cos-page-padding: var(--cos-space-4);--cos-text-3xl: 24px;--cos-text-4xl: 28px}}[data-theme=dark]{--cos-bg-primary: #0A0A1A;--cos-bg-secondary: #12122A;--cos-bg-elevated: #1C1C34;--cos-bg-inverse: #FFFFFF;--cos-bg-overlay: rgba(10, 10, 26, .75);--cos-bg-backdrop: rgba(0, 0, 0, .65);--cos-text-primary: #EDEDEF;--cos-text-secondary: #9E9EA8;--cos-text-muted: #6B6B76;--cos-text-inverse: #070a1b;--cos-border-default: #2A2A40;--cos-border-subtle: #1E1E34;--cos-accent: #FF7A7A;--cos-accent-hover: #FF9494;--cos-accent-subtle: #3D2020;--cos-accent-text: #FFFFFF;--cos-success: #2ED8A3;--cos-success-subtle: #1A3D32;--cos-warning: #FFD97A;--cos-warning-subtle: #3D3520;--cos-error: #FF8585;--cos-error-subtle: #3D2020;--cos-info: #8CC8FF;--cos-info-subtle: #1A2E40;--cos-surface-hover: #16162E;--cos-surface-active: #20203A;--cos-surface-selected: #3D2020;--cos-stage-briefing: #A690ED;--cos-stage-scoping: #6EB5ED;--cos-stage-staffing: #4DCDB0;--cos-stage-preprod: #7CD587;--cos-stage-production: #F5D270;--cos-stage-postprod: #EDA46B;--cos-stage-delivery: #E88080;--cos-stage-performance: #E085BC;--cos-stage-current: #FF7A7A;--cos-stage-completed: #2ED8A3;--cos-stage-future: #4A4A4A;--cos-sidebar-bg: #06061A;--cos-sidebar-text: #EDEDEF;--cos-sidebar-text-muted: rgba(237, 237, 239, .5);--cos-sidebar-active: rgba(255, 255, 255, .1);--cos-sidebar-hover: rgba(255, 255, 255, .05);--cos-sidebar-border: rgba(255, 255, 255, .08);--cos-shadow-sm: none;--cos-shadow-md: none;--cos-shadow-lg: 0 12px 40px rgba(0, 0, 0, .4)}:root{--sidebar-width: 260px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--shadow-sm: 0 2px 8px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.03);--shadow-md: 0 8px 24px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.03);--shadow-lg: 0 15px 50px rgba(0,0,0,.08), 0 5px 15px rgba(0,0,0,.04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--cos-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Poppins", Roboto, sans-serif);color:var(--cos-text-primary);background:var(--cos-bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--cos-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--cos-bg-elevated);border:1px solid var(--cos-border-default);border-radius:var(--cos-radius-xl);padding:24px;box-shadow:var(--cos-shadow-sm);transition:var(--cos-transition-fast);max-width:100%;overflow:hidden;box-sizing:border-box}.card:hover{box-shadow:var(--cos-shadow-md)}.card:has([data-generation-panel]){overflow:visible}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--cos-radius-md);font-size:14px;font-weight:500;border:none;transition:var(--cos-transition-fast)}.btn-primary{background:var(--cos-accent);color:var(--cos-accent-text)}.btn-primary:hover{background:var(--cos-accent-hover)}.btn-secondary{background:var(--cos-bg-elevated);color:var(--cos-text-primary);border:1px solid var(--cos-border-default)}.btn-secondary:hover{background:var(--cos-surface-hover)}.btn-sm{padding:4px 12px;font-size:12px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge-success{background:var(--cos-success-subtle);color:var(--cos-success)}.badge-warning{background:var(--cos-warning-subtle);color:var(--cos-warning)}.badge-error{background:var(--cos-error-subtle);color:var(--cos-error)}.badge-info{background:var(--cos-info-subtle);color:var(--cos-info)}.badge-neutral{background:var(--cos-bg-secondary);color:var(--cos-text-secondary)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--cos-text-primary)}.form-input{width:100%;padding:8px 12px;border:1px solid var(--cos-border-default);border-radius:var(--cos-radius-md);font-size:14px;background:var(--cos-bg-elevated);color:var(--cos-text-primary);transition:var(--cos-transition-fast)}.form-input:hover{border-color:var(--cos-text-muted)}.form-input:focus{outline:none;border-color:var(--cos-accent);box-shadow:0 0 0 3px var(--cos-accent-subtle)}.form-select{width:100%;padding:8px 12px;border:1px solid var(--cos-border-default);border-radius:var(--cos-radius-md);font-size:14px;background:var(--cos-bg-elevated);color:var(--cos-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:var(--cos-transition-fast)}.form-select:hover{border-color:var(--cos-text-muted)}.form-select:focus{outline:none;border-color:var(--cos-accent);box-shadow:0 0 0 3px var(--cos-accent-subtle)}.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--cos-border-default);border-radius:var(--cos-radius-md);font-size:14px;background:var(--cos-bg-elevated);color:var(--cos-text-primary);min-height:100px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:8px}.form-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--cos-accent)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--cos-border-default)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cos-text-secondary);background:var(--cos-bg-secondary)}tr:hover td{background:var(--cos-surface-hover)}.grid{display:grid;gap:24px;max-width:100%;overflow:hidden}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:var(--cos-text-primary)}.page-subtitle{font-size:14px;color:var(--cos-text-secondary);margin-top:4px}.metric-card{padding:20px;min-width:0;box-sizing:border-box}.metric-value{font-size:30px;font-weight:700;color:var(--cos-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-label{font-size:12px;color:var(--cos-text-secondary);margin-top:4px}.stage-s1{border-left:4px solid var(--cos-stage-briefing)}.stage-s2{border-left:4px solid var(--cos-stage-scoping)}.stage-s3{border-left:4px solid var(--cos-stage-staffing)}.stage-s4{border-left:4px solid var(--cos-stage-preprod)}.stage-s5{border-left:4px solid var(--cos-stage-production)}.stage-s6{border-left:4px solid var(--cos-stage-postprod)}.stage-s7{border-left:4px solid var(--cos-stage-delivery)}.stage-s8{border-left:4px solid var(--cos-stage-performance)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cos-container{container-type:inline-size}.cos-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cos-space-6, 24px)}@container (max-width: 900px){.cos-metric-grid{grid-template-columns:repeat(2,1fr)}}@container (max-width: 500px){.cos-metric-grid{grid-template-columns:1fr}}.cos-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cos-space-5, 20px)}@container (max-width: 600px){.cos-form-grid{grid-template-columns:1fr}}.cos-card-stack{display:flex;flex-direction:column;gap:var(--cos-space-3, 12px)}.cos-touch-target{min-height:44px;min-width:44px}@media(max-width:767px){button,[role=button],a[href]{min-height:44px}.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px}.card{padding:16px}}.cos-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.cos-page{padding:var(--cos-page-padding, 24px)}@media(max-width:767px){.cos-hide-mobile{display:none!important}}@media(min-width:768px){.cos-hide-desktop{display:none!important}}.cos-responsive-card{background:var(--cos-bg-elevated, #fff);border:1px solid var(--cos-border-default, #e4e3df);border-radius:var(--cos-radius-lg, 12px);padding:var(--cos-space-6, 24px);box-shadow:var(--cos-shadow-sm)}@container (max-width: 500px){.cos-responsive-card{padding:var(--cos-space-4, 16px)}}@media(max-width:600px){[data-sonner-toaster][data-x-position=center]{left:50%!important;right:auto!important;transform:translate(-50%)!important;width:auto!important}[data-sonner-toaster][data-x-position=center] [data-sonner-toast]{width:calc(100vw - 32px)!important;max-width:400px}}