@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-deep: #0c0c0e;--color-bg-primary: #121214;--color-bg-panel: rgba(24, 24, 28, .85);--color-bg-card: rgba(32, 32, 38, .6);--color-bg-card-hover: rgba(42, 42, 50, .7);--color-accent-primary: #3b82f6;--color-accent-primary-dim: rgba(59, 130, 246, .15);--color-accent-secondary: #a78bfa;--color-accent-gold: #d4a853;--color-accent-gold-dim: rgba(212, 168, 83, .15);--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-info: #6366f1;--color-text-primary: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-border: rgba(63, 63, 70, .5);--color-border-hover: rgba(82, 82, 91, .8);--color-border-focus: rgba(59, 130, 246, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px var(--color-accent-primary-dim);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-deep);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}p{line-height:1.6;color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}.text-accent{color:var(--color-accent-primary)}.text-gold{color:var(--color-accent-gold)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-mono{font-family:var(--font-mono)}.glass-panel{background:var(--color-bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:8px 14px;font-family:var(--font-sans);font-size:.857rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.btn-danger{background:transparent;color:var(--color-danger);border-color:transparent}.btn-danger:hover{background:#ef44441a}.input-field{width:100%;padding:8px 12px;font-family:var(--font-sans);font-size:.857rem;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}select.input-field{cursor:pointer}textarea.input-field{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.714rem;font-weight:500;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em}.badge-blue{background:var(--color-accent-primary-dim);color:var(--color-accent-primary)}.badge-gold{background:var(--color-accent-gold-dim);color:var(--color-accent-gold)}.badge-success{background:#22c55e26;color:var(--color-success)}.badge-warning{background:#eab30826;color:var(--color-warning)}.badge-danger{background:#ef444426;color:var(--color-danger)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out forwards}.divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.mono{font-family:var(--font-mono);font-size:.857rem}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-background{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 0% 0%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.02) 0%,transparent 50%),var(--color-bg-deep)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);background:#0c0c0ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;height:56px}.app-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.app-logo h1{font-size:1rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.app-nav{display:flex;align-items:center;gap:2px}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-sans);font-size:.857rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-card)}.nav-btn.active{color:var(--color-text-primary);background:var(--color-bg-card)}.header-actions{display:flex;align-items:center;gap:4px}.app-main{flex:1;padding:var(--spacing-lg);max-width:1440px;margin:0 auto;width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.section-title svg{color:var(--color-text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-md)}.widget{padding:var(--spacing-md)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.widget-title{display:flex;align-items:center;gap:6px;font-size:.786rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.widget-title svg{width:14px;height:14px;color:var(--color-text-muted)}.widget-full{grid-column:span 12}.widget-2-3{grid-column:span 8}.widget-1-2{grid-column:span 6}.widget-1-3{grid-column:span 4}.widget-1-4{grid-column:span 3}@media(max-width:1200px){.widget-2-3{grid-column:span 12}.widget-1-2,.widget-1-3,.widget-1-4{grid-column:span 6}}@media(max-width:768px){.widget-1-2,.widget-1-3,.widget-1-4{grid-column:span 12}}.datetime-display{text-align:center;padding:var(--spacing-md)}.datetime-display .time{font-family:var(--font-mono);font-size:2.5rem;font-weight:500;color:var(--color-text-primary);line-height:1;letter-spacing:-.02em}.datetime-display .date{font-size:.857rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.milestone-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);border-left:2px solid var(--color-accent-primary);margin-bottom:var(--spacing-xs);transition:all var(--transition-fast)}.milestone-item:hover{background:var(--color-bg-card-hover)}.milestone-item.urgent{border-left-color:var(--color-danger)}.milestone-item.soon{border-left-color:var(--color-warning)}.milestone-info h4{font-size:.857rem;font-weight:500;margin-bottom:2px}.milestone-info span{font-size:.714rem;color:var(--color-text-muted)}.milestone-countdown{text-align:right}.milestone-countdown .days{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-accent-primary)}.milestone-countdown .label{font-size:.643rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em}.staff-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.staff-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.staff-card:hover{background:var(--color-bg-card-hover)}.staff-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-bg-panel);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.714rem;color:var(--color-text-secondary)}.staff-info{flex:1}.staff-info h4{font-size:.857rem;font-weight:500;margin-bottom:1px}.staff-info .team{font-size:.714rem;color:var(--color-text-muted)}.staff-status{display:flex;align-items:center;gap:var(--spacing-sm)}.task-list{display:flex;flex-direction:column;gap:2px}.task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.task-item:hover{background:var(--color-bg-card-hover)}.task-item.completed{opacity:.5}.task-item.completed .task-text{text-decoration:line-through}.task-checkbox{width:16px;height:16px;border:1px solid var(--color-border);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.task-item:hover .task-checkbox{border-color:var(--color-accent-primary)}.task-item.completed .task-checkbox{background:var(--color-success);border-color:var(--color-success)}.task-text{flex:1;font-size:.857rem}.task-priority{width:6px;height:6px;border-radius:1px}.task-priority.high{background:var(--color-danger)}.task-priority.medium{background:var(--color-warning)}.task-priority.low{background:var(--color-success)}.risk-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.risk-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm);font-size:.643rem;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.03em}.risk-cell:hover{filter:brightness(1.2)}.risk-cell.low{background:#22c55e26}.risk-cell.medium{background:#eab30826}.risk-cell.high{background:#ef444426}.risk-cell.critical{background:#ef444440}.risk-count{font-family:var(--font-mono);font-size:1.125rem;font-weight:600}.pinboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.pin-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);text-align:center}.pin-item:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.pin-item svg{width:24px;height:24px;color:var(--color-text-muted)}.pin-item span{font-size:.714rem;color:var(--color-text-secondary)}.pin-add{border-style:dashed}.pin-add:hover{border-color:var(--color-accent-primary)}.zen-overlay{position:fixed;inset:0;background:var(--color-bg-deep);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.zen-content{width:100%;max-width:560px}.zen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.zen-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.empty-state svg{width:40px;height:40px;margin-bottom:var(--spacing-sm);opacity:.4}.empty-state p{font-size:.857rem}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.modal-content{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:var(--spacing-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.714rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md);text-align:center}.stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--color-text-highlight);text-shadow:0 0 10px rgba(255,255,255,.2);line-height:1}.stat-card.compact{padding:var(--spacing-sm);border-radius:var(--radius-md)}.stat-label{font-size:.714rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.timeline-container{overflow-x:auto;padding-bottom:var(--spacing-sm)}.timeline{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;min-width:max-content}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:100px}.timeline-marker{width:12px;height:12px;border-radius:var(--radius-xs);background:var(--color-accent-primary);position:relative}.timeline-marker:after{content:"";position:absolute;top:50%;left:100%;width:88px;height:1px;background:var(--color-border);transform:translateY(-50%)}.timeline-item:last-child .timeline-marker:after{display:none}.timeline-date{font-size:.714rem;color:var(--color-text-muted);font-family:var(--font-mono)}.timeline-label{font-size:.857rem;font-weight:500;text-align:center}.import-section{padding:var(--spacing-md);border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast)}.import-section:hover,.import-section.dragging{border-color:var(--color-accent-primary);background:var(--color-accent-primary-dim)}.import-section input[type=file]{display:none}.import-section label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.import-section svg{color:var(--color-text-muted)}.import-section span{font-size:.857rem;color:var(--color-text-secondary)}.import-section .hint{font-size:.714rem;color:var(--color-text-muted)}.bridge-view{display:flex;flex-direction:column;gap:var(--spacing-md);height:calc(100vh - 100px);overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable}.bridge-row{display:flex;gap:var(--spacing-md);flex-shrink:0;min-width:1000px}.bridge-header-group{width:350px;padding:16px;display:flex;flex-direction:row;position:relative;overflow:hidden}.bridge-header-content{display:flex;flex-direction:column;justify-content:space-between;z-index:2;flex:1}.bridge-header-art{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1}.artistic-label-top{font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-secondary);font-weight:600;margin-bottom:-4px}.artistic-number{font-family:var(--font-mono);font-size:5rem;font-weight:700;line-height:1;color:var(--color-text-primary);text-shadow:0 4px 24px rgba(0,0,0,.5);letter-spacing:-.05em}.artistic-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary);margin-top:-4px}.bridge-stats-strip{flex:1;padding:10px;display:flex;gap:10px}.bridge-project-title{font-size:1.2rem;margin:0}.bridge-client-name{font-size:.85rem}.bridge-contract-info{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.bridge-row-visuals{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md);flex-shrink:0;min-width:1000px}.bridge-row-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);min-height:300px;flex-shrink:0;min-width:1000px}.bridge-row-pinboard{min-height:120px;padding:10px;display:flex;flex-direction:column;flex-shrink:0;min-width:1000px}.bridge-widget-col{padding:10px;display:flex;flex-direction:column;min-height:260px}.bridge-widget-simple{padding:10px;display:flex;flex-direction:column}.stat-card-custom{flex:1;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;position:relative;overflow:hidden}.stat-card-indicator{position:absolute;top:0;left:0;bottom:0;width:4px}.stat-card-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.bridge-executive-summary{padding:12px 16px;display:flex;align-items:center;gap:var(--spacing-md);min-width:1000px;flex-shrink:0}