:root{--bg: #f5f6fb;--panel: #ffffff;--panel-2: #faf7ff;--muted: #5c6880;--text: #1b2130;--accent: #ff1f67;--accent-2: #ff4f8a;--danger: #d7263d;--warning: #c07c00;--border: #e6e8f0;--divider: #cfd5e6;--header-h: 72px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.layout{display:grid;grid-template-columns:200px 1fr;gap:16px;height:100%;padding:16px}main{padding-top:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 2px 6px #1018280d;overflow:auto}.panel.header-panel{background:#170e28;border-color:#2b1d48;color:#fff;box-shadow:0 2px 8px #00000029}.panel.header-panel .title{color:#fff}.panel.header-panel .muted{color:#d8d5ef}.panel.header-panel .tag{background:#ffffff0f;color:#d2d6ff;border-color:#433362}.panel.header-panel .toolbar .ghost{border-color:#433362;color:#e8e8ff}.panel.header-panel .toolbar .danger{background:#4b1a23;border-color:#7a2735;color:#ffd7db}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.title{font-weight:700;letter-spacing:.2px;color:#151b28}.muted{color:var(--muted);font-size:13px}.flag{font-size:22px;line-height:1;display:inline-block;margin-right:8px}input,select,textarea,button{background:#fff;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff1f6726}button.primary{background:var(--accent);border-color:#ff2a73;color:#fff}button.primary:hover{filter:brightness(1.05)}button.danger{background:#ffe5e8;border-color:#ffd1d7;color:#b11a2e}button.danger:hover{background:#ffd6db}button.ghost{background:transparent;border-color:var(--border)}button.btn-red{background:var(--danger);border-color:#a91e31;color:#fff}button.btn-red:hover{filter:brightness(1.05)}button.btn-blue{background:#007bff;border-color:#005bbf;color:#fff}button.btn-blue:hover{filter:brightness(1.05)}.note-item.active{border-color:var(--accent);color:var(--accent)}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.list{display:flex;flex-direction:column;gap:8px}.card{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:10px;overflow:auto}.stat{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.dot{width:12px;height:12px;border-radius:999px;display:inline-block}.dot.to_be_requested{background:#475569}.dot.requested{background:#d97706}.dot.scheduled{background:#0369a1}.dot.completed{background:#047857}.chips{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12px;border:1px solid transparent;font-weight:700;letter-spacing:.2px;box-shadow:0 1px 2px #10182814}.chip .dot{width:12px;height:12px}.chip .chip-count{margin-left:2px;opacity:.9}.chip.to_be_requested{background:linear-gradient(#dde3ec,#dde3ec) padding-box,linear-gradient(45deg,#475569,#94a3b8) border-box;border:1px solid transparent;color:#111827}.chip.requested{background:linear-gradient(#ffdf94,#ffdf94) padding-box,linear-gradient(45deg,#d97706,#f59e0b) border-box;border:1px solid transparent;color:#7a4e00}.chip.scheduled{background:linear-gradient(#cdeeff,#cdeeff) padding-box,linear-gradient(45deg,#0369a1,#22d3ee) border-box;border:1px solid transparent;color:#003850}.chip.completed{background:linear-gradient(#c6f6e1,#c6f6e1) padding-box,linear-gradient(45deg,#047857,#34d399) border-box;border:1px solid transparent;color:#064e3b}.country-item{cursor:pointer}.country-item.active{outline:1px solid var(--accent)}.dnd-item.dragging{opacity:.6}.dnd-item.drag-over{outline:2px dashed var(--accent);border-radius:12px}.dnd-endzone{height:24px;border:2px dashed var(--border);border-radius:8px;margin-top:8px}.dnd-endzone.over{border-color:var(--accent);background:#ff1f670f}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{color:#4a5570;font-weight:700;background:#f4f6fb;position:sticky;top:0;z-index:1}tbody tr:nth-child(odd){background:#fafbff}tbody tr:hover{background:#eef2ff}table.interviews tbody td{font-size:12.5px;line-height:1.3}table.interviews input,table.interviews select,table.interviews textarea{font-size:12.5px;padding:6px 8px}table.interviews td{overflow:hidden;text-overflow:ellipsis}table.interviews tbody tr td{border-bottom:2px solid var(--divider)}table.interviews td:first-child{position:relative}.status-bar-hit{position:absolute;left:0;top:0;bottom:0;width:14px;cursor:pointer;background:transparent;border:0;padding:0}.status-bar-hit:after{content:attr(data-tip);position:absolute;left:18px;top:50%;transform:translateY(-50%);background:#0f172af2;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:0 2px 6px #02081733}.status-bar-hit:hover:after{opacity:1}tr.is-dragging{opacity:.6}tr.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.drag-handle{display:inline-block;width:14px;height:14px;margin-left:6px;cursor:grab;opacity:.7}.drag-handle:active{cursor:grabbing;opacity:1}.drag-handle:before{content:"⋮";font-size:14px;line-height:14px;color:#4a5570}th{position:sticky}.col-resize{position:absolute;right:0;top:0;height:100%;width:8px;cursor:col-resize}.col-resize:hover{background:linear-gradient(90deg,transparent,rgba(2,8,23,.18))}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;margin:8px 0}.tl-dot{position:absolute;left:3px;top:6px;width:10px;height:10px;border-radius:999px;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 2px #0003}.tl-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;box-shadow:0 1px 3px #1018280f}.tl-head{display:flex;align-items:baseline;gap:8px}.tl-date{color:#4a5570;font-size:12px}.tl-title{font-weight:700}.tl-src{color:var(--muted);font-size:12px}.tl-actions{display:flex;gap:8px}tbody tr.status-to_be_requested{background:#e6ebf3}tbody tr.status-requested{background:#ffe4a3}tbody tr.status-scheduled{background:#d4efff}tbody tr.status-completed{background:#ccf3e3}tbody tr[class^=status-] td{border-bottom-color:var(--border)}tbody tr.status-to_be_requested td:first-child{box-shadow:inset 6px 0 #475569}tbody tr.status-requested td:first-child{box-shadow:inset 6px 0 #d97706}tbody tr.status-scheduled td:first-child{box-shadow:inset 6px 0 #0369a1}tbody tr.status-completed td:first-child{box-shadow:inset 6px 0 #047857}.btn-xs{padding:4px 6px;font-size:12px}.controls{display:flex;gap:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:2px 8px;border:1px solid var(--border);border-radius:999px;color:#4a5570;font-size:12px;background:#f7f8fc}.status-icon{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);margin-right:6px;cursor:pointer}.status-icon svg{width:16px;height:16px}.status-icon.linked{background:#10b981;border-color:#0f766e}.status-icon.unlinked{background:#9aa0a6;border-color:#6b7280}.status-icon svg path{stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-title{margin:12px 0 8px;font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.topbar{position:fixed;inset:0 0 auto 0;height:var(--header-h);background:#150c26;border-bottom:1px solid #2b1d48;z-index:50}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:16px}.brand-logo{height:46px;display:block}.brand-title{font-weight:700;letter-spacing:.3px}.nav{display:flex;align-items:center;gap:24px}.nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.9}.nav a:hover{opacity:1}.icon-actions{display:flex;gap:14px;align-items:center;margin-left:8px}.icon-btn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent}.icon-btn.search{background:var(--accent)}.icon-btn.menu{background:#fff}.icon-btn svg{width:22px;height:22px}.icon-btn.menu svg path{stroke:#1d1433}.icon-btn.search svg path{stroke:#fff}.flag-img{width:22px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff1f inset;margin-right:8px;display:inline-block;vertical-align:-2px}.header .left{display:flex;flex-direction:column;gap:6px}.header .right{display:flex;gap:8px;align-items:center}.todo-list{display:flex;flex-direction:column;gap:8px}.todo{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.todo input[type=checkbox]{width:16px;height:16px}.todo.done{opacity:.7;text-decoration:none;background:#f7f8fc}.todo.done .todo-text{text-decoration:line-through}.todo button.ghost{color:var(--text);border-color:var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px;z-index:100}.modal{width:min(900px,96vw);max-height:80vh;overflow:auto;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0208174d;padding:16px}.logo-inline{height:44px;display:block}.slideshow{position:relative;border-radius:12px;overflow:hidden;background:#0c0a13;border:1px solid var(--border)}.slideshow .viewport{position:relative;width:100%;aspect-ratio:16 / 9;background:#0c0a13}.slideshow .slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02);transition:opacity .6s ease,transform .6s ease;display:flex;align-items:center;justify-content:center}.slideshow .slide.active{opacity:1;transform:none}.slideshow img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.slideshow .overlay{position:absolute;inset:auto 0 0 0;padding:10px 12px;background:linear-gradient(to top,#0000008c,#0000);color:#fff;font-size:13px;display:flex;justify-content:space-between;gap:10px}.slideshow .overlay .caption{opacity:.95}.slideshow .overlay .credit{opacity:.7}.slideshow .controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;pointer-events:none}.slideshow .btn-nav{pointer-events:all;width:56px;height:56px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.slideshow .btn-nav:hover{background:#ffffff47}.slideshow .btn-nav svg{width:28px;height:28px}.slideshow .dots{position:absolute;left:50%;transform:translate(-50%);bottom:68px;display:flex;gap:8px}.slideshow .dot{width:8px;height:8px;border-radius:999px;background:#ffffff80;border:1px solid rgba(0,0,0,.25);cursor:pointer}.slideshow .dot.active{background:#fff}.slideshow.compact .viewport{height:360px;aspect-ratio:auto}.slideshow.compact .btn-nav{width:32px;height:32px}.slideshow.compact .overlay{font-size:12px;padding:6px 8px}.slideshow.compact .dots{bottom:64px;gap:6px}.slideshow.compact .dot{width:6px;height:6px}@keyframes zoomout-center{0%{transform:scale(1.08);transform-origin:50% 50%}to{transform:scale(1);transform-origin:50% 50%}}.slideshow .slide.active img{animation:zoomout-center var(--slide-interval, 3.8s) ease-out forwards}
.btn-blue{position:relative}
.note-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#fff;color:#007bff;font-size:11px;font-weight:700;line-height:18px;box-shadow:0 1px 2px #0000001f;display:inline-flex;align-items:center;justify-content:center}
.summary-count{font-size:12px;color:#4a5570;background:#f4f6fb;border:1px solid #e6e8f0;border-radius:999px;padding:4px 8px;line-height:1;display:inline-flex;align-items:center;gap:4px}
.activity-box{min-width:220px;max-width:360px;background:#1b1233;border:1px solid #433362;border-radius:10px;padding:8px 10px;color:#fff;box-shadow:0 2px 6px #0000002b}
.header .activity-box{margin:0 auto}
.activity-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c9c4e8;margin-bottom:4px}
.activity-list{display:flex;flex-direction:column;gap:4px}
.activity-item{display:flex;gap:6px;font-size:11px;color:#e8e8ff}
.activity-time{opacity:.7;font-variant-numeric:tabular-nums}
.activity-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
