.tasks-route { min-width: 0; background: #071114; color: #edf5ef; }
.tasks-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 20px 0 72px; }
.tasks-topbar { display:flex; align-items:center; gap:18px; min-height:48px; }.tasks-topbar .account-controls { margin-left:auto; }.tasks-topbar .account-controls a { color:#dfffb2; text-decoration:none; }
.tasks-heading { margin:42px 0 18px; max-width:720px; }.tasks-heading h1 { font-size:clamp(30px,4vw,46px); letter-spacing:-.045em; margin:0 0 8px; }.tasks-heading p { margin:0; color:#aac0b3; line-height:1.65; }
.tasks-app .srt-subnav,.tasks-heading + .srt-subnav { margin:0 0 26px; padding-bottom:20px; border-bottom:1px solid #22383d; }
.tasks-toolbar { display:flex; justify-content:space-between; gap:16px; padding:16px; border:1px solid #294047; background:#0b1518; border-radius:14px; }.task-filters { display:flex; flex-wrap:wrap; gap:8px; }.task-filters button { min-height:36px; border:1px solid #34505a; border-radius:999px; padding:0 13px; background:transparent; color:#bdd1c3; cursor:pointer; }.task-filters button.active { background:#b7ff1a; color:#102000; border-color:#b7ff1a; font-weight:700; }.task-search { min-width:240px; display:flex; align-items:center; gap:8px; padding:0 0 8px; border-bottom:1px solid #405a58; color:#b7ff1a; }.task-search input { width:100%; border:0; outline:0; background:transparent; color:#edf5ef; }
.tasks-list { display:grid; gap:10px; margin-top:18px; }.task-card { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(75px,.5fr)) auto; gap:16px; align-items:center; padding:18px; border:1px solid #22383d; border-radius:14px; background:#0b1518; }.task-file { min-width:0; }.task-file strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.task-file small,.task-meta small { display:block; margin-top:5px; color:#91a79b; }.task-meta b { font-size:13px; color:#dbe9df; }.task-status { color:#c9ff73; }.task-status.failed { color:#ffb4a8; }.task-card button,.detail-actions a { border:1px solid rgba(183,255,26,.35); border-radius:8px; padding:9px 12px; background:transparent; color:#dfffb2; cursor:pointer; text-decoration:none; white-space:nowrap; }.tasks-empty,.tasks-gate { margin:62px auto; max-width:460px; text-align:center; padding:42px; border:1px dashed #34505a; border-radius:18px; color:#b8c9be; }.tasks-empty i,.tasks-gate i { display:block; font-size:44px; color:#b7ff1a; margin-bottom:12px; }.tasks-empty strong { color:#edf5ef; font-size:20px; }.tasks-message { min-height:20px; color:#ffb4a8; }
.task-pagination { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:24px; color:#9bb1a4; font-size:14px; }.task-pagination button { min-height:36px; border:1px solid #34505a; border-radius:8px; padding:0 13px; background:transparent; color:#dfffb2; cursor:pointer; }.task-pagination button:disabled { opacity:.4; cursor:not-allowed; }#pageNumbers { display:flex; gap:6px; }#pageNumbers button { min-width:36px; padding:0 9px; }#pageNumbers button[aria-current="page"] { background:#b7ff1a; border-color:#b7ff1a; color:#102000; font-weight:700; }
.task-detail { width:min(900px,calc(100vw - 28px)); max-height:calc(100vh - 28px); border:1px solid #3a5458; border-radius:18px; padding:0; background:#0b1518; color:#edf5ef; box-shadow:0 28px 70px #000a; }.task-detail::backdrop { background:#020708cc; backdrop-filter:blur(4px); }.detail-close { position:sticky; float:right; top:14px; right:14px; z-index:1; border:0; border-radius:50%; width:38px; height:38px; background:#1b2b2c; color:#fff; cursor:pointer; }.detail-content { padding:34px; }.detail-content h2 { margin:0 42px 26px 0; overflow-wrap:anywhere; }.detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.detail-grid div { padding:12px; border:1px solid #22383d; border-radius:10px; }.detail-grid small { display:block; color:#91a79b; margin-bottom:5px; }.detail-section { margin-top:22px; }.detail-section h3 { font-size:15px; color:#c9ff73; }.detail-text,.detail-segments { max-height:280px; overflow:auto; white-space:pre-wrap; padding:14px; border-radius:10px; background:#071114; color:#d0ded3; line-height:1.7; }.detail-segment { display:grid; grid-template-columns:44px 150px 1fr; gap:10px; border-bottom:1px solid #23383b; padding:10px 0; }.detail-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }.detail-audio { width:100%; margin-top:8px; }
@media (max-width:760px) { .tasks-shell { width:min(100% - 24px,1180px); }.tasks-topbar { flex-wrap:wrap; }.tasks-topbar .account-controls { margin-left:0; width:100%; overflow:auto; }.tasks-heading { margin-top:30px; }.tasks-toolbar { align-items:stretch; flex-direction:column; }.task-search { min-width:0; padding:8px 0; }.task-card { grid-template-columns:1fr 1fr; gap:12px; }.task-file { grid-column:1 / -1; }.task-card button { justify-self:start; }.detail-content { padding:22px; }.detail-grid { grid-template-columns:1fr 1fr; }.detail-segment { grid-template-columns:32px 1fr; }.detail-segment span:last-child { grid-column:2; } }
@media (prefers-reduced-motion: reduce) { .task-card { transform:none !important; } }
.task-card.is-submitted-task { border-color:#b7ff1a; box-shadow:0 0 0 3px rgba(183,255,26,.12); will-change:transform,opacity; }