:root{--bg:#071423;--text:#eff8ff;--muted:#a9c4da;--accent:#52d6bc;--warn:#ffc86a;--danger:#ff7f92;--ok:#7fe8a3;--line:rgba(190,229,248,.14)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(130deg,#071423,#0a2037 52%,#071423);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
.shell{width:min(1400px,100%);margin:auto;padding:24px 18px 46px}
header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
h1{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.035em}
.subtitle{color:var(--muted);margin:7px 0 0;line-height:1.45;max-width:820px}
.badge{border:1px solid #4d8eaa;background:#0b3857;color:#bfeeff;padding:7px 10px;border-radius:999px;font-size:.79rem;font-weight:750;white-space:nowrap}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.tab{background:#112f4c;border:1px solid #315f81;color:#cde8fa;padding:10px 13px;border-radius:10px;cursor:pointer;font-weight:700}
.tab.active{background:var(--accent);color:#05262a;border-color:var(--accent)}
.view{display:none}
.view.active{display:block}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:13px}
.card{background:linear-gradient(160deg,rgba(18,51,83,.96),rgba(10,31,52,.97));border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.19)}
.metric{padding:16px}
.metric span{display:block;color:var(--muted);font-size:.78rem}
.metric strong{display:block;font-size:1.58rem;margin:5px 0 2px}
.metric small{color:#bcd9e9}
.ok{color:var(--ok)}
.warn{color:var(--warn)}
.danger{color:var(--danger)}
.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.card-pad{padding:18px}
h2{font-size:1.06rem;margin:0 0 13px}
h3{font-size:.93rem;margin:0 0 9px;color:#dff2ff}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:.86rem}
th{text-align:left;color:#a9c9de;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.035em;padding:10px 9px;border-bottom:1px solid var(--line)}
td{padding:11px 9px;border-bottom:1px solid rgba(190,229,248,.09);vertical-align:middle}
tr:last-child td{border-bottom:0}
.tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.74rem;font-weight:750;white-space:nowrap;background:#173b58;color:#cbeeff}
.tag.ok{background:rgba(37,124,75,.38);color:#c8f6d8}
.tag.warn{background:rgba(130,90,27,.38);color:#ffe0a0}
.tag.danger{background:rgba(155,55,72,.38);color:#ffd0d8}
.tag.neutral{background:rgba(56,99,127,.45);color:#d1edff}
.progress{height:9px;background:#071726;border:1px solid rgba(255,255,255,.09);border-radius:99px;overflow:hidden;min-width:95px}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#4fb8dd,#58dfba);border-radius:99px}
.alert{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.alert:last-child{border-bottom:0}
.alert p{margin:3px 0 0;color:var(--muted);font-size:.82rem}
.btn{border:0;border-radius:10px;padding:10px 12px;font-weight:750;cursor:pointer;background:var(--accent);color:#06262a}
.btn.secondary{background:#1a496d;border:1px solid #38749a;color:#dcefff}
.btn.danger{background:#a83349;color:#fff}
.btn.warn{background:#af7d20;color:#fff}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar input,.toolbar select,.field input,.field select,.field textarea{background:#0a2137;border:1px solid #34617f;color:var(--text);border-radius:9px;padding:9px 10px}
.toolbar input{min-width:210px}
.toolbar select{min-width:155px}
.participant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.participant-card{padding:16px}
.participant-card .top{display:flex;justify-content:space-between;gap:8px}
.participant-card h3{margin:0}
.participant-card p{margin:6px 0;color:var(--muted);font-size:.82rem}
.participant-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:.82rem;color:var(--muted)}
.field input,.field select,.field textarea{width:100%}
.field textarea{min-height:84px;resize:vertical}
.form-section{padding:17px;margin-bottom:14px}
.full{grid-column:1/-1}
.checkrow{display:flex;align-items:center;gap:9px;font-size:.87rem;color:#d9edf9}
.checkrow input{width:17px;height:17px;accent-color:var(--accent)}
.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}
.filter-summary{color:var(--muted);font-size:.84rem;margin:0 0 13px}
.session-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.detail-list{margin:0;padding:0;list-style:none}
.detail-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.87rem}
.detail-list li span:first-child{color:var(--muted)}
.evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.evidence-card{border:1px solid var(--line);background:#0a2137;border-radius:10px;padding:7px;font-size:.73rem}
.evidence-card img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:7px;background:#102e49;display:block}
.evidence-card strong{display:block;margin-top:5px;font-size:.77rem}
.muted{color:var(--muted)}
.empty{padding:24px;text-align:center;color:var(--muted)}
.hidden{display:none!important}
.photo-preview{display:flex;gap:14px;align-items:center}
.avatar{width:82px;height:82px;border-radius:50%;border:2px solid #59ceb8;object-fit:cover;background:#173f5c}
.review-box{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini{font-size:.77rem}
.recruit{display:flex;gap:12px;align-items:center}
.recruit input{width:100px;background:#0a2137;border:1px solid #34617f;color:var(--text);border-radius:9px;padding:8px}
.note{padding:10px 12px;border-left:3px solid var(--warn);background:rgba(124,89,32,.22);border-radius:0 9px 9px 0;color:#ffe9b8;font-size:.84rem;line-height:1.4}
@media(max-width:1080px){.grid5{grid-template-columns:repeat(3,1fr)}
.grid4{grid-template-columns:repeat(2,1fr)}
.layout{grid-template-columns:1fr}
.participant-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){header{flex-direction:column}
.grid4,.grid5,.participant-grid,.form-grid,.session-detail{grid-template-columns:1fr}
.shell{padding:18px 12px}
.toolbar input,.toolbar select{width:100%}
.evidence{grid-template-columns:repeat(2,1fr)}
.review-actions{grid-template-columns:1fr}
}