@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#111827b3;--bg-tertiary:#1f2937;--bg-card:#1f293766;--bg-input:#111827;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#06b6d4;--primary-hover:#0891b2;--primary-glow:#06b6d433;--secondary:#6366f1;--secondary-glow:#6366f126;--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--accent-gradient-hover:linear-gradient(135deg, #0891b2 0%, #4f46e5 100%);--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-glow:#ef444426;--border-color:#ffffff14;--border-focus:#06b6d480;--glass-blur:blur(16px);--card-shadow:0 10px 40px 0 #00000080;--transition-fast:.2s ease;--transition-normal:.3s ease}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#ffffffbf;--bg-tertiary:#f1f5f9;--bg-card:#fff9;--bg-input:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#0284c7;--primary-hover:#0369a1;--primary-glow:#0284c726;--secondary:#4f46e5;--secondary-glow:#4f46e51a;--accent-gradient:linear-gradient(135deg, #0284c7 0%, #4f46e5 100%);--accent-gradient-hover:linear-gradient(135deg, #0369a1 0%, #4338ca 100%);--success:#15803d;--success-glow:#15803d1a;--warning:#b45309;--warning-glow:#b453091a;--danger:#b91c1c;--danger-glow:#b91c1c1a;--border-color:#0f172a14;--border-focus:#0284c766;--card-shadow:0 10px 30px 0 #94a3b826}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-container:before,.app-container:after{display:none!important}.glass-card{background:var(--bg-input);border:1px solid var(--border-color);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);border-radius:8px;padding:16px}.glass-card:hover{box-shadow:var(--card-shadow);border-color:var(--primary);transform:translateY(-3px)}.app-header{background:var(--bg-secondary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header-title-container{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--accent-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.app-logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.header-actions{align-items:center;gap:16px;display:flex}.app-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:8px;margin:20px 24px 0;padding:8px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;display:flex}.nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab.active{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 24px;display:grid}.metric-card{flex-direction:column;justify-content:space-between;height:120px;display:flex}.metric-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;display:flex}.metric-value{color:var(--text-primary);margin-top:6px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700}.metric-sub{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}.gantt-main-container{flex:1;gap:16px;height:60vh;min-height:450px;margin:0 24px 24px;display:flex;overflow:hidden}.wbs-panel{flex-direction:column;flex:4;display:flex;overflow:hidden}.timeline-panel{flex-direction:column;flex:6;display:flex;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title{color:var(--text-primary);font-size:1.1rem}.wbs-scroll-container{border:1px solid var(--border-color);background:var(--bg-input);border-radius:8px;flex:1;overflow:auto}.wbs-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.wbs-table th{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);z-index:10;white-space:nowrap;padding:10px 12px;font-weight:600;position:sticky;top:0}.wbs-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;padding:10px 12px}.wbs-table tr:hover{background:#ffffff05}.wbs-table tr.summary-row{background:#ffffff08;font-weight:600}.wbs-table tr.critical-row{border-left:3px solid var(--danger)}.wbs-table tr.critical-row td.task-name{color:var(--danger)}.timeline-scroll-container{border:1px solid var(--border-color);background:var(--bg-input);border-radius:8px;flex:1;position:relative;overflow:auto}.timeline-grid-wrapper{flex-direction:column;display:flex;position:relative}.timeline-header-dates{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);z-index:15;height:40px;display:flex;position:sticky;top:0}.timeline-header-cell{border-right:1px solid var(--border-color);color:var(--text-secondary);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-size:.7rem;font-weight:500;display:flex}.timeline-rows-container{position:relative}.timeline-row{border-bottom:1px solid var(--border-color);align-items:center;height:41px;display:flex;position:relative}.timeline-row:hover{background:#ffffff05}.timeline-bar-wrapper{color:#fff;cursor:pointer;height:24px;transition:filter var(--transition-fast), transform var(--transition-fast);z-index:5;border-radius:6px;align-items:center;padding:0 4px;font-size:.7rem;display:flex;position:absolute;box-shadow:0 2px 8px #0003}.timeline-bar-wrapper:hover{filter:brightness(1.15);transform:translateY(-1px)}.timeline-bar-progress{opacity:.35;pointer-events:none;background:#0006;border-radius:6px 0 0 6px;position:absolute;top:0;bottom:0;left:0}.timeline-bar-text{z-index:6;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;padding-left:6px;font-weight:500;position:relative;overflow:hidden}.timeline-bar-baseline{opacity:.65;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff26,#ffffff26 5px,#00000040 5px 10px);border:1px solid #fff3;border-radius:2px;height:4px;position:absolute;bottom:2px}.bar-summary{background:var(--accent-gradient);border:1px solid var(--primary)}.bar-task{background:linear-gradient(135deg, var(--secondary) 0%, #4338ca 100%);border:1px solid var(--secondary)}.bar-critical{background:linear-gradient(135deg, var(--danger) 0%, #be123c 100%);border:1px solid var(--danger)}.btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 14px var(--primary-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.btn-danger{background:var(--danger-glow);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-icon{border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:fadeIn var(--transition-fast) forwards;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-tertiary);border:1px solid var(--border-color);width:90%;max-width:550px;animation:slideUp var(--transition-fast) forwards;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0009}.modal-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{max-height:70vh;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:#0003;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-control{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.scurve-container{grid-template-columns:3fr 1fr;gap:16px;margin:0 24px 24px;display:grid}.chart-wrapper{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;min-height:400px;padding:20px;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scurve-stats{flex-direction:column;gap:16px;display:flex}.card-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;display:flex}.table-container{border:1px solid var(--border-color);background:var(--bg-input);border-radius:8px;margin-bottom:20px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px}.custom-table tr:hover{background:#ffffff03}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-glow);color:var(--success)}.badge-warning{background:var(--warning-glow);color:var(--warning)}.badge-danger{background:var(--danger-glow);color:var(--danger)}.badge-info{background:var(--primary-glow);color:var(--primary)}.budget-grid-layout{grid-template-columns:2fr 1fr;gap:16px;margin:0 24px 24px;display:grid}.budget-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.milestones-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:0 24px 24px;display:grid}.milestone-item-card{flex-direction:column;justify-content:space-between;display:flex;position:relative}.milestone-progress-bar{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;margin:12px 0;overflow:hidden}.milestone-progress-fill{background:var(--accent-gradient);height:100%;transition:width var(--transition-normal);border-radius:3px}.lang-switch-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wbs-table th:first-child,.wbs-table td:first-child{background:var(--bg-input);z-index:2;border-right:1px solid var(--border-color);position:sticky;left:0}.wbs-table th:nth-child(2),.wbs-table td:nth-child(2){background:var(--bg-input);z-index:2;position:sticky;left:40px;border-right:2px solid var(--border-color)!important}.wbs-table th:first-child,.wbs-table th:nth-child(2){z-index:12;background:var(--bg-tertiary)!important}.wbs-table tr.summary-row td:first-child,.wbs-table tr.summary-row td:nth-child(2){background:var(--bg-tertiary)!important}.wbs-table tr:hover td:first-child,.wbs-table tr:hover td:nth-child(2){filter:brightness(1.1);background:var(--bg-tertiary)!important}@media print{header.app-header,nav.app-nav,.panel-header,.timeline-panel,.scurve-container,button,input,select,textarea,.btn,iframe,footer{display:none!important}body,html,.app-container,main{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.glass-card,.card{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important;margin:10px 0!important;padding:10px!important}.wbs-panel{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;flex:100%!important;padding:0!important}.wbs-scroll-container{max-height:none!important;overflow:visible!important}.wbs-table{border-collapse:collapse!important;width:100%!important}.wbs-table th,.wbs-table td,.wbs-table th:first-child,.wbs-table td:first-child,.wbs-table th:nth-child(2),.wbs-table td:nth-child(2){color:#000!important;background:#fff!important;border:1px solid #aaa!important;padding:6px 8px!important;position:static!important}.wbs-table th{background:#f1f5f9!important;font-weight:700!important}.wbs-table tr.summary-row,.wbs-table tr.summary-row td{background:#e2e8f0!important;font-weight:700!important}@page{size:A4 landscape;margin:1.2cm}}@media (width<=1024px){.app-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.header-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.header-actions>*{flex:auto;justify-content:center}.app-nav{-webkit-overflow-scrolling:touch;margin:12px 16px 0;padding:6px;overflow-x:auto}.nav-tab{flex-shrink:0;padding:8px 12px;font-size:.85rem}.gantt-main-container{flex-direction:column;gap:20px;height:auto;min-height:auto;margin:12px 16px 24px;overflow:visible}.wbs-panel,.timeline-panel{flex:none;width:100%;height:450px;overflow:hidden}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:12px 16px}.budget-grid-layout{grid-template-columns:1fr;margin:12px 16px}.budget-grid-layout>div{grid-column:span 1!important}}@media (width<=640px){.header-title-container{text-align:center;flex-direction:column;align-items:center}.app-logo-text{font-size:1.3rem}.header-actions{flex-direction:column}.header-actions>*{width:100%}.dashboard-grid{grid-template-columns:1fr}.metric-card{height:110px}.metric-value{font-size:1.5rem}}