@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#08090a;--bg-secondary:#0f1011;--bg-tertiary:#191a1b;--bg-hover:#ffffff0d;--bg-surface:#ffffff05;--border-default:#ffffff14;--border-subtle:#ffffff0d;--border-emphasis:#ffffff1f;--text-primary:#f7f8f8;--text-secondary:#d0d6e0;--text-tertiary:#8a8f98;--text-link:#7170ff;--brand-indigo:#5e6ad2;--accent-violet:#7170ff;--accent-hover:#828fff;--color-cos:#ff4d4f;--color-cvs:#1890ff;--color-eng:#52c41a;--color-qa:#faad14;--color-default:var(--brand-indigo);--color-urgent:#ff4d4f;--color-active:#10b981;--color-today:#f59e0b;--font-family:"Inter", -apple-system, system-ui, sans-serif;--font-feature-settings:"cv01", "ss03";--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:42px;--font-size-5xl:56px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:2px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--row-height:44px;--header-height:52px;--sidebar-width:320px;--day-width:44px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-default:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}.app-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);padding:0 var(--spacing-xl);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-header__left,.app-header__right{align-items:center;display:flex}.app-header__title{font-size:var(--font-size-lg);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.btn-group{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #0003}.btn{color:var(--text-tertiary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:6px 16px;font-weight:600;display:flex}.btn:hover{color:var(--text-primary);background:var(--bg-hover)}.btn--active{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default);box-shadow:0 1px 3px #0006,0 0 0 1px #ffffff0d}.btn--today{background:var(--brand-indigo);color:#fff;border:none;padding:6px 16px;font-weight:600}.btn--today:hover{background:var(--accent-violet);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #5e6ad24d}.btn--icon{color:var(--text-tertiary);min-width:auto;padding:8px}.btn--icon:hover{color:var(--text-primary);background:var(--bg-hover)}.view-tabs{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.view-tab{color:var(--text-tertiary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 18px;font-weight:600;display:flex}.view-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.view-tab--active{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default);box-shadow:0 1px 3px #0006}.app-body{height:calc(100vh - var(--header-height));flex:1;display:flex;overflow:hidden}.timeline-container{background:var(--bg-primary);flex-direction:column;flex:1;display:flex}.timeline-viewport{flex:1;display:flex;overflow:hidden}.timeline-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-default);background:var(--bg-secondary);z-index:20;flex-direction:column;display:flex}.timeline-sidebar__header{height:var(--header-height);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-sidebar__content{flex:1;overflow-y:auto}.timeline-sidebar__group-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);cursor:pointer;height:36px;color:var(--text-secondary);z-index:10;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.timeline-sidebar__row{height:var(--row-height);border-bottom:1px solid var(--border-subtle);align-items:center;padding:0 16px;display:flex}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--spacing-md);width:240px;height:32px;transition:all var(--transition-fast);align-items:center;display:flex}.search-input:focus-within{border-color:var(--brand-indigo);background:var(--bg-surface);box-shadow:0 0 0 2px #5e6ad233}.search-input__icon{margin-right:var(--spacing-sm);opacity:.5;font-size:14px}.search-input input{color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;width:100%}.search-input input::placeholder{color:var(--text-tertiary)}.loading-screen{justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--text-tertiary);background:var(--bg-primary);flex-direction:column;flex:1;display:flex}.loading-spinner{border:2px solid var(--border-default);border-top-color:var(--brand-indigo);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.timeline-grid-wrapper{scrollbar-width:auto;scrollbar-color:var(--border-emphasis) var(--bg-secondary);flex:1;position:relative;overflow:auto}.timeline-date-header{height:var(--header-height);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);z-index:30;display:flex;position:sticky;top:0;overflow:hidden}.timeline-date-header__month{border-right:1px solid var(--border-default);flex-direction:column;display:flex}.timeline-date-header__month-label{height:26px;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);align-items:center;padding:0 12px;font-weight:700;display:flex}.timeline-date-header__days{flex:1;display:flex}.timeline-date-header__day{height:26px;color:var(--text-tertiary);border-right:1px solid var(--border-subtle);justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex}.timeline-date-header__day--weekend{background:#0003}.timeline-date-header__day--today{color:var(--color-today);background:#f59e0b1a;font-weight:700}.timeline-grid{background-image:linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:var(--day-width) 100%;position:relative}.timeline-grid__today-line{background:var(--color-today);z-index:5;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.timeline-grid__row{height:var(--row-height);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);position:relative}.timeline-grid__row:hover{background:var(--bg-hover)}.timeline-grid__group-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);height:36px;position:relative}.timeline-grid__group-header:after{content:"";background:var(--border-default);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.timeline-bar{height:calc(var(--row-height) - 12px);cursor:pointer;z-index:2;transition:all var(--transition-fast);font-size:var(--font-size-xs);color:#fff;text-shadow:0 1px 2px #00000080;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:8px;padding:0 10px;font-weight:500;display:flex;position:absolute;top:6px;overflow:visible;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.timeline-bar:hover{filter:brightness(1.1);z-index:10;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a}.timeline-bar__engineer{background:#0003;border-radius:2px;flex-shrink:0;padding:2px 4px;font-family:JetBrains Mono,monospace;font-weight:700}.timeline-bar__label{white-space:nowrap;flex:none}.timeline-bar__progress-text{opacity:.8;flex-shrink:0;font-size:10px}.timeline-bar--urgent{animation:2s infinite barPulse}@keyframes barPulse{0%{box-shadow:0 0 #ff4d4f66}70%{box-shadow:0 0 0 6px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.timeline-tooltip{z-index:1000;-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-emphasis);border-radius:var(--radius-md);color:var(--text-primary);pointer-events:none;background:#0d0e0fd9;min-width:260px;padding:12px;position:fixed;box-shadow:0 10px 30px #00000080}.timeline-tooltip__title{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:8px;font-weight:700}.timeline-tooltip__section{flex-direction:column;gap:4px;display:flex}.timeline-tooltip__row{font-size:var(--font-size-sm);justify-content:space-between;gap:16px;display:flex}.timeline-tooltip__label{color:var(--text-tertiary)}.timeline-tooltip__value{color:var(--text-secondary);font-weight:500}.timeline-tooltip__divider{background:var(--border-subtle);height:1px;margin:10px 0}.timeline-sidebar__item{flex-direction:column;gap:2px;width:100%;display:flex}.timeline-sidebar__item-main{justify-content:space-between;align-items:center;display:flex}.timeline-sidebar__project-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.timeline-sidebar__item-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.timeline-sidebar__id{opacity:.7;font-family:JetBrains Mono,monospace}.timeline-sidebar__group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.timeline-sidebar__group-label{flex:1;align-items:center;gap:8px;display:flex}.dashboard-cards{gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-default);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:120px;transition:all var(--transition-default);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.dashboard-card:before{content:"";background:var(--card-accent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.dashboard-card:hover{border-color:var(--card-accent);background:var(--card-glow);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.dashboard-card--pulse{animation:2s ease-in-out infinite cardPulse}@keyframes cardPulse{0%,to{border-color:var(--border-subtle)}50%{border-color:var(--card-accent);box-shadow:0 0 12px var(--card-glow)}}.dashboard-card__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.dashboard-card__icon{font-size:var(--font-size-md)}.dashboard-card__label{font-size:var(--font-size-lg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.dashboard-card__value{font-size:var(--font-size-4xl);color:var(--card-accent);margin-top:4px;font-weight:800;line-height:1}.dashboard-card__unit{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-left:2px;font-weight:400}.dashboard-card__progress{margin-top:var(--spacing-sm);background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.dashboard-card__progress-bar{border-radius:2px;height:100%;transition:width .6s}.overdue-panel{background:var(--bg-primary);flex-direction:column;display:flex}.overdue-panel__header{padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;background:var(--bg-secondary);border-bottom:1px solid var(--border-default);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.overdue-panel__header:hover{background:var(--bg-hover)}.overdue-panel__header-left{align-items:center;gap:var(--spacing-md);display:flex}.overdue-panel__alert-icon{color:var(--color-urgent)}.overdue-panel__title{font-size:var(--font-size-md);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.overdue-panel__count{background:var(--color-urgent);color:#fff;border-radius:9px;align-items:center;height:18px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.overdue-panel__content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex;overflow-y:auto}.overdue-panel__group-section{gap:var(--spacing-md);flex-direction:column;display:flex}.overdue-panel__group-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--spacing-sm)}.overdue-panel__group-title{align-items:center;gap:var(--spacing-md);display:flex}.overdue-panel__group-badge{color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.overdue-panel__group-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.overdue-panel__slider{gap:var(--spacing-lg);padding-bottom:var(--spacing-md);scrollbar-width:thin;grid-auto-columns:280px;grid-auto-flow:column;display:grid;overflow-x:auto}.overdue-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);transition:all var(--transition-default);flex-direction:column;display:flex;position:relative;box-shadow:0 4px 12px #0003}.overdue-card:hover{background:var(--bg-hover);border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.overdue-card__top{gap:var(--spacing-md);align-items:flex-start;display:flex}.overdue-card__days{background:var(--bg-surface);border:1px solid var(--color-urgent);border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-urgent);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.days-number{font-size:var(--font-size-lg);font-weight:800;line-height:1}.days-label{text-transform:uppercase;opacity:.8;font-size:9px;font-weight:700}.overdue-card__header-info{flex:1;min-width:0}.overdue-card__id{color:var(--text-tertiary);margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:10px}.overdue-card__title{font-size:var(--font-size-base);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.overdue-card__details{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-surface);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid}.detail-item{flex-direction:column;display:flex}.detail-item__label{color:var(--text-tertiary);text-transform:uppercase;font-size:9px}.detail-item__value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.detail-item__value.warning{color:var(--color-urgent)}.overdue-card__metrics{background:var(--bg-surface);border-radius:2px;height:4px;overflow:hidden}.metric-bar__fill{height:100%;transition:width .6s}.overdue-card__footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.amount-display{flex-direction:column;display:flex}.amount-label{color:var(--text-tertiary);font-size:9px}.amount-value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.card-status-badge{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-tertiary);border-radius:4px;padding:2px 6px;font-size:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}