:root{--navy:#102a43;--blue:#176b87;--teal:#159a8c;--ink:#203344;--muted:#64788a;--line:#dbe5ec;--paper:#f3f7fa;--white:#fff;--orange:#e89a3c;--red:#b94343;--shadow:0 10px 28px #18344a12}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1060px;margin:auto;padding:0 18px 40px}.top{background:var(--navy);color:white;padding:16px max(18px,calc((100vw - 1024px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:.2px}.brand small{display:block;color:#b9d0df;font-weight:500;font-size:12px}.who{font-size:13px;color:#d4e3ec;text-align:right}.hero{padding:24px 0 16px;display:flex;justify-content:space-between;align-items:end;gap:12px}.hero h1{font-size:26px;margin:0;color:var(--navy)}.hero p{color:var(--muted);margin:5px 0 0}.badge{background:#e3f5f1;color:#11776f;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.tab{white-space:nowrap;padding:11px 14px;border:0;background:transparent;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.tab.active{color:var(--blue);border-color:var(--teal)}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card h2,.card h3{margin:0 0 14px;color:var(--navy)}.card h2{font-size:19px}.card h3{font-size:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#435a6c}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd8e1;border-radius:10px;background:white;color:var(--ink)}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #159a8c22;border-color:var(--teal)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:750}.primary{background:var(--teal);color:#fff}.secondary{background:#eaf1f5;color:var(--navy)}.danger{background:#fff0ef;color:var(--red)}.small{padding:7px 10px;font-size:13px}.hint{font-size:12px;color:var(--muted);margin:4px 0}.record{padding:14px 0;border-bottom:1px solid var(--line)}.record:last-child{border:0}.recordhead{display:flex;justify-content:space-between;gap:8px;align-items:start}.record h3{margin:0;font-size:15px}.meta{font-size:12px;color:var(--muted);margin:4px 0 8px}.record p{margin:0 0 8px;white-space:pre-wrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#edf3f7;border-radius:99px;padding:4px 8px;font-size:11px;color:#42596a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#f4f8fa;padding:12px;border-radius:11px}.stat b{display:block;color:var(--navy);font-size:20px}.stat span{font-size:11px;color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:22px 12px}.hidden{display:none!important}.media-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.media-preview img{width:76px;height:66px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}audio{width:220px;height:36px}.notice{background:#fff7e8;border:1px solid #f0d9aa;padding:11px 13px;border-radius:10px;color:#705318;font-size:13px;margin-bottom:14px}.online{color:#11776f}.offline{color:#a76516}.footer{color:var(--muted);font-size:12px;text-align:center;padding:12px}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}.modal{position:fixed;inset:0;background:#102a4388;display:grid;place-items:center;padding:16px;z-index:4}.modalbox{background:white;border-radius:16px;padding:22px;width:min(420px,100%);box-shadow:var(--shadow)}@media(max-width:740px){.grid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.top{align-items:start}.stats{grid-template-columns:repeat(3,1fr)}}
    .who{background:transparent;border:0;padding:6px 0}.who:focus-visible,.tab:focus-visible,.btn:focus-visible{outline:3px solid #56c8bc;outline-offset:2px}
  

.spaced{margin-top:10px}.filter-select{max-width:190px}.report-pre{white-space:pre-wrap;font:13px/1.6 system-ui;margin:0}

.audio-item{padding:10px 0;border-top:1px solid var(--line)}.audio-item:first-child{border-top:0}.audio-item audio{display:block;width:min(100%,420px);margin-top:7px}