@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{color-scheme:dark;--accent: #5c9eff;--accent-strong: #2563eb;--accent-soft: #8ebaff;--accent-muted: rgba(92, 158, 255, .15);--bg-deepest: #0d1120;--bg-base: #13182a;--bg-surface: #1a2136;--bg-card: #202841;--bg-card-hover: #252f4b;--bg-elevated: #2a3655;--cyan: var(--accent);--cyan-dim: #1d4ed8;--cyan-glow: rgba(92, 158, 255, .22);--cyan-muted: rgba(92, 158, 255, .14);--green: #5a8b78;--green-dim: #4c7867;--amber: #ae9657;--red: #b96f74;--purple: #6f71ad;--orange: #bb8760;--pink: #ad7397;--text-primary: #e5e8f2;--text-secondary: #bcc3d8;--text-tertiary: #8e99b6;--text-muted: #6c7894;--border-subtle: rgba(170, 182, 215, .13);--border-default: rgba(176, 189, 225, .22);--border-active: rgba(83, 102, 194, .55);--shadow-sm: 0 2px 4px rgba(6, 8, 20, .35);--shadow-md: 0 8px 24px rgba(5, 8, 18, .45);--shadow-lg: 0 18px 38px rgba(5, 8, 18, .52);--shadow-glow: 0 0 0 1px rgba(28, 36, 125, .2), 0 8px 20px rgba(16, 22, 72, .35);--font-family: "IBM Plex Sans", "Segoe UI", sans-serif;--font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-xs: .7rem;--font-sm: .8rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.15rem;--font-xl: 1.35rem;--font-2xl: 1.75rem;--font-3xl: 2.25rem;--font-4xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}:root[data-theme=light]{color-scheme:light;--accent: #1c247d;--accent-strong: #121957;--accent-soft: #2f3898;--accent-muted: rgba(28, 36, 125, .12);--bg-deepest: #f2f4f9;--bg-base: #f8f9fc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f4f6fb;--bg-elevated: #eef1f8;--cyan: var(--accent);--cyan-dim: #2d3ca0;--cyan-glow: rgba(28, 36, 125, .14);--cyan-muted: rgba(28, 36, 125, .08);--green: #466f61;--green-dim: #3d6255;--amber: #947f47;--red: #a85861;--purple: #575ca4;--orange: #ad7354;--pink: #9a5f8b;--text-primary: #1f2741;--text-secondary: #495370;--text-tertiary: #6a7392;--text-muted: #8a93ad;--border-subtle: rgba(31, 39, 65, .08);--border-default: rgba(31, 39, 65, .16);--border-active: rgba(28, 36, 125, .45);--shadow-sm: 0 1px 3px rgba(19, 28, 54, .08);--shadow-md: 0 8px 22px rgba(19, 28, 54, .12);--shadow-lg: 0 14px 34px rgba(19, 28, 54, .15);--shadow-glow: 0 0 0 1px rgba(28, 36, 125, .18), 0 10px 20px rgba(28, 36, 125, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:radial-gradient(1200px 800px at -10% -20%,color-mix(in oklab,var(--accent) 20%,transparent),transparent 70%),radial-gradient(900px 680px at 120% 0%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 72%),var(--bg-deepest);color:var(--text-primary);min-height:100vh;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-soft);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:600;font-size:var(--font-base);cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease);white-space:nowrap;outline:none}.btn-primary{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:#fff;box-shadow:0 4px 14px #1c247d42}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1c247d57}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:#f871711f;color:var(--red);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717133}.btn-sm{padding:6px 14px;font-size:var(--font-sm)}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all var(--duration-normal) var(--ease)}.card-hover:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:color-mix(in oklab,var(--bg-card) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-cyan{background:var(--accent-muted);color:var(--accent)}.badge-green{background:#34d3991f;color:var(--green)}.badge-amber{background:#fbbf241f;color:var(--amber)}.badge-red{background:#f871711f;color:var(--red)}.badge-purple{background:#a78bfa1f;color:var(--purple)}.input{width:100%;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);outline:none;transition:border-color var(--duration-fast)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--cyan-glow)}.input::placeholder{color:var(--text-muted)}.data-table-wrapper{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.data-table th{position:sticky;top:0;z-index:10;background:var(--bg-surface);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-default)}.data-table td{padding:8px 14px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-card-hover)}.data-table td.editable{cursor:pointer}.data-table td.editable:hover{background:var(--cyan-muted);outline:1px solid var(--cyan-dim);outline-offset:-1px}.data-table .edit-input{width:100%;padding:4px 8px;background:var(--bg-deepest);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-sm);outline:none}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, var(--accent));border-radius:var(--radius-md) var(--radius-md) 0 0}.kpi-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:6px}.kpi-value{font-size:var(--font-2xl);font-weight:800;color:var(--text-primary);line-height:1.1}.step-bar{display:flex;align-items:center;gap:0;padding:0 20px}.step-item{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--text-muted);font-weight:600;font-size:var(--font-sm);position:relative;transition:color var(--duration-normal)}.step-item.active{color:var(--accent)}.step-item.completed{color:var(--green)}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-xs);font-weight:700;border:2px solid currentColor;transition:all var(--duration-normal)}.step-item.active .step-number{background:var(--accent);border-color:var(--accent);color:#fff}.step-item.completed .step-number{background:var(--green);border-color:var(--green);color:#fff}.step-connector{width:40px;height:2px;background:var(--border-default);flex-shrink:0}.step-connector.completed{background:var(--green)}.page-container{max-width:1440px;margin:0 auto;padding:24px 32px;width:100%}.page-header{margin-bottom:28px}.page-title{font-size:var(--font-2xl);font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:var(--font-base);color:var(--text-secondary);margin-top:4px}.section-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin-bottom:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:color-mix(in oklab,var(--bg-base) 92%,var(--accent) 8%);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-logo{width:32px;height:32px;background:linear-gradient(145deg,var(--accent),var(--accent-soft));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-md);color:#eef1ff}.topbar-name{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.topbar-name span{color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);padding:6px 8px 6px 12px;font-family:var(--font-family);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease)}.theme-toggle:hover{border-color:var(--border-active);color:var(--text-primary)}.theme-toggle-label{letter-spacing:.02em}.theme-toggle-value{background:var(--accent-muted);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 32%,transparent);border-radius:999px;padding:3px 10px}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);padding:0 20px;overflow-x:auto}.tab-item{padding:12px 20px;font-size:var(--font-sm);font-weight:600;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--duration-fast);white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-family)}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #1c247d33}50%{box-shadow:0 0 30px #1c247d59}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration-slow) var(--ease)}.slide-up{animation:slideUp var(--duration-slow) var(--ease)}.progress-bar{width:100%;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent));border-radius:3px;transition:width .6s var(--ease)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--bg-deepest) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:40px;max-width:520px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s var(--ease)}.upload-slot{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease);cursor:pointer}.upload-slot:hover{border-color:var(--cyan-dim);background:var(--bg-card-hover)}.upload-slot.uploaded{border-style:solid;border-color:var(--green-dim)}.upload-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.upload-icon.pending{background:#00d4ff14;color:var(--cyan)}.upload-icon.done{background:#34d39914;color:var(--green)}.gantt-container{overflow-x:auto;padding:20px 0}.gantt-row{display:flex;align-items:center;min-height:40px;border-bottom:1px solid var(--border-subtle)}.gantt-label{width:160px;flex-shrink:0;padding:8px 12px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-track{flex:1;position:relative;height:32px}.gantt-block{position:absolute;height:24px;top:4px;border-radius:4px;font-size:var(--font-xs);font-weight:600;display:flex;align-items:center;justify-content:center;color:#000;transition:all var(--duration-fast);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.gantt-block:hover{transform:scaleY(1.25);z-index:5;box-shadow:0 2px 8px #0006}.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:var(--font-md);font-weight:500}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-sm);line-height:1.5;white-space:pre-wrap;text-align:left;min-width:max-content;pointer-events:none;opacity:0;transition:opacity var(--duration-fast);z-index:50;box-shadow:var(--shadow-md)}.tooltip:hover:after{opacity:1}