:root{--bg: #0e1117;--bg-alt: #161b22;--panel: #1c2330;--panel-2: #232c3d;--border: #2c3545;--text: #e6edf3;--muted: #9aa7b8;--accent: #4f9cf9;--accent-2: #36c5a8;--danger: #f85149;--bar-grad-a: #3b82f6;--bar-grad-b: #2563eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-alt);border-bottom:1px solid var(--border);flex:0 0 auto}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}.topbar-center{display:flex;flex-direction:column;align-items:center;justify-self:center;text-align:center;gap:2px;min-width:0;max-width:min(640px,50vw)}.topbar-right{display:flex;justify-content:flex-end;justify-self:end}.topbar-logo{width:auto;max-width:160px;object-fit:contain;flex:0 0 auto}.topbar h1{font-size:16px;margin:0;letter-spacing:.5px}.topbar-hint{font-size:12px;line-height:1.3}.topbar .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0}.topbar .gear-icon{width:26px;height:26px}.staff-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;flex:0 0 auto;min-height:64px}.staff-bar .staff-year{font-weight:700;font-size:20px;color:var(--accent-2);padding-right:10px;border-right:1px solid var(--border);white-space:nowrap}.staff-chip{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 4px;white-space:nowrap;cursor:pointer;color:var(--text);transition:border-color .1s ease,transform .06s ease}.staff-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.staff-chip-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--bg)}.staff-chip-photo.placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent-2);border:1px solid var(--border)}.staff-chip-text{display:flex;flex-direction:column;text-align:left}.staff-chip .name{font-weight:600;font-size:13px}.staff-chip .fn{font-size:11px;color:var(--muted)}.staff-card{background:linear-gradient(160deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:14px;width:min(560px,92vw);max-height:86vh;overflow:auto;padding:0 24px 24px;box-shadow:0 20px 60px #00000080}.staff-card-header{display:flex;gap:20px;align-items:flex-end;padding:24px 0 16px;border-bottom:1px solid var(--border)}.staff-card-photo{width:120px;height:120px;border-radius:14px;object-fit:cover;flex:0 0 auto;border:2px solid var(--accent-2);box-shadow:0 6px 18px #0006}.staff-card-photo.placeholder{display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:var(--accent-2);background:var(--bg)}.staff-card-id h2{margin:0 0 4px}.staff-card-title{color:var(--accent-2);font-weight:600;font-size:14px}.staff-card-fn{color:var(--text);font-size:13px}.staff-card-label{color:var(--muted);font-weight:600}.bar-amount{font-weight:700}.cropper-modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(440px,92vw);padding:20px;box-shadow:0 20px 60px #00000080}.cropper-stage{position:relative;width:100%;height:320px;background:#000;border-radius:10px;overflow:hidden}.cropper-controls{display:flex;align-items:center;gap:12px;margin:14px 0 4px}.cropper-controls label{color:var(--muted);font-size:13px}.cropper-controls input[type=range]{flex:1}.staff-card-years{color:var(--muted);font-size:13px;margin-top:6px}.staff-card-bio{margin-top:16px;line-height:1.6;white-space:pre-wrap}.staff-empty{color:var(--muted);font-style:italic}.timeline-wrap{position:relative;flex:1 1 auto;overflow:hidden;background:radial-gradient(circle at 50% 0%,#131a26,var(--bg))}.timeline-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;cursor:grab}.timeline-scroll.dragging,.timeline-wrap.dragging{cursor:grabbing}.timeline-plane{position:relative;width:100%}.center-line{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(79,156,249,.4);pointer-events:none}.pre-period-region{position:absolute;top:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff08,#ffffff08 10px,#ffffff0f 10px,#ffffff0f 20px);border-right:2px solid rgba(54,197,168,.5)}.period-boundary{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--accent-2);pointer-events:none;z-index:1}.period-boundary-label{position:absolute;top:6px;left:4px;font-size:11px;font-weight:700;color:var(--accent-2);background:#0e1117cc;padding:1px 5px;border-radius:4px;white-space:nowrap}.project-group{position:absolute;display:flex;flex-direction:column}.thumb-strip{display:flex;gap:3px;margin-bottom:2px;height:22px;overflow:hidden}.thumb{height:22px;width:22px;border-radius:4px;object-fit:cover;border:1px solid var(--border);cursor:pointer;background:#000;flex:0 0 auto}.thumb.video{position:relative}.thumb-video-wrap{position:relative;flex:0 0 auto}.thumb-video-wrap .play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;text-shadow:0 0 4px #000;pointer-events:none}.project-bar{height:40px;border-radius:6px;background:linear-gradient(135deg,var(--bar-grad-a),var(--bar-grad-b));border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:6px;padding:3px 8px;color:#fff;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #00000059;transition:transform .08s ease,box-shadow .08s ease}.project-bar:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000080}.project-bar.research{background:linear-gradient(135deg,#3b82f6,#2563eb)}.project-bar.enterprise{background:linear-gradient(135deg,#f59e0b,#c2700a);border-color:#ffffff40}.project-bar.historical{background:repeating-linear-gradient(135deg,#78869cd9,#78869cd9 12px,#637085d9 12px,#637085d9 24px);border:1px dashed rgba(255,255,255,.35);color:#e6edf3;box-shadow:none;opacity:.92}.project-bar .logo{height:30px;width:30px;border-radius:5px;object-fit:cover;background:#00000040;flex:0 0 auto}.project-bar .bar-text{overflow:hidden}.project-bar .bar-title{font-weight:700;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-bar .bar-meta{font-size:10px;opacity:.9;white-space:nowrap}.axis{position:relative;height:36px;flex:0 0 auto;background:var(--bg-alt);border-top:1px solid var(--border)}.axis-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border);font-size:11px;color:var(--muted);padding-left:4px;display:flex;align-items:center}.axis-tick.historical{color:#6b7686;font-style:italic;border-left-style:dashed}.controls{position:absolute;right:16px;bottom:16px;display:flex;gap:6px;background:#141a26e6;border:1px solid var(--border);border-radius:10px;padding:6px;z-index:5}.controls button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:34px;height:34px;font-size:16px}.controls button:hover{background:var(--accent);border-color:var(--accent)}.btn{background:var(--accent);border:none;color:#fff;border-radius:6px;padding:8px 14px;font-size:13px}.btn.secondary{background:var(--panel-2);border:1px solid var(--border)}.btn.danger{background:var(--danger)}.btn.small{padding:4px 8px;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(520px,92vw);max-height:86vh;overflow:auto;padding:20px}.admin-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(720px,94vw);max-height:90vh;overflow:auto;padding:20px;box-shadow:0 20px 60px #00000080}.admin-modal h3{margin:0 0 16px}.project-card h2{margin:0 0 4px}.project-card .card-meta{color:var(--muted);font-size:13px;margin-bottom:12px}.cat-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;vertical-align:middle}.cat-badge.research{background:#2563eb}.cat-badge.enterprise{background:#c2700a}.project-card .amount{color:var(--accent-2);font-weight:700;font-size:20px}.card-actions{display:flex;gap:8px;margin-top:16px}.icon-btn{display:inline-flex;align-items:center;gap:6px}.slideshow{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:100;display:flex;flex-direction:column}.slideshow-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.slideshow-stage img,.slideshow-stage video{max-width:90vw;max-height:80vh;border-radius:8px}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff1f;border:none;color:#fff;width:52px;height:52px;border-radius:50%;font-size:24px}.slide-nav:hover{background:#ffffff40}.slide-nav.prev{left:20px}.slide-nav.next{right:20px}.slide-close{position:absolute;top:16px;right:20px;z-index:10;background:#ffffff1f;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer}.slide-close:hover{background:#ffffff40}.slide-caption{text-align:center;color:var(--muted);padding:10px;font-size:13px}.admin{max-width:1000px;margin:0 auto;padding:24px 16px 60px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-tabs button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:8px}.admin-tabs button.active{background:var(--accent);border-color:var(--accent)}.header-image-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.header-image-slot{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.header-image-slot-label{font-weight:600;font-size:13px}.header-image-preview{width:100%;height:80px;object-fit:contain;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.header-image-empty{height:80px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;background:var(--bg);border:1px dashed var(--border);border-radius:6px}.role-row .role-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--panel-2);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--accent-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field.full{grid-column:1 / -1}.field label{font-size:12px;color:var(--muted)}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px;font:inherit}.field textarea{min-height:80px;resize:vertical}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.media-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.media-item{width:110px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.media-item.logo{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2)}.media-item img,.media-item video{width:100%;height:80px;object-fit:cover;display:block;background:#000}.media-item .media-actions{display:flex;gap:4px;padding:6px}.login-box{max-width:360px;margin:120px auto;padding:24px}.error{color:var(--danger);font-size:13px}.muted{color:var(--muted)}