body.app #tabDownloadAccounts { --dl-surface:#fff; --dl-inset:#f8fafd; --dl-border:#dce2ea; --dl-text:#1c283b; --dl-muted:#58667d; --dl-accent:#3977ed; --dl-soft:#eaf1ff; --dl-good:#17764c; --dl-warn:#936019; --dl-bad:#b72b3b; width:100%; max-width:2000px; margin:0 auto; color:var(--dl-text); font-family:Inter,system-ui,sans-serif; }
body.app.dark-mode #tabDownloadAccounts { --dl-surface:#111318; --dl-inset:#0d0f14; --dl-border:#292d36; --dl-text:#edf0f5; --dl-muted:#a3adbd; --dl-soft:#15284b; --dl-good:#65d39d; --dl-warn:#edc17c; --dl-bad:#ff929d; }
#tabDownloadAccounts *, #tabDownloadAccounts *::before, #tabDownloadAccounts *::after { box-sizing:border-box; }
#tabDownloadAccounts [hidden] { display:none!important; }
body.app #tabDownloadAccounts .dl-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:0 0 24px; }
#tabDownloadAccounts .dl-eyebrow { display:block; margin:0 0 8px; font-size:11px; letter-spacing:1px; color:var(--dl-muted); }
body.app #tabDownloadAccounts h1 { margin:0; color:var(--dl-text); font-size:26px; line-height:1.3; font-weight:600; letter-spacing:-.65px; }
#tabDownloadAccounts .dl-heading p { margin:7px 0 0; font-size:13px; color:var(--dl-muted); line-height:1.6; }
#tabDownloadAccounts .dl-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
body.app #tabDownloadAccounts .dl-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 14px; border:1px solid var(--dl-border); border-radius:8px; background:var(--dl-surface); color:var(--dl-text); font:500 13px/20px Inter,system-ui,sans-serif; cursor:pointer; user-select:none; text-decoration:none; transition:background-color .16s,border-color .16s,color .16s; }
body.app #tabDownloadAccounts .dl-button:hover:not(:disabled) { background:var(--dl-inset); border-color:var(--dl-muted); }
body.app #tabDownloadAccounts .dl-button.dl-primary { background:var(--dl-accent); border-color:var(--dl-accent); color:#fff; }
body.app #tabDownloadAccounts .dl-button.dl-primary:hover:not(:disabled) { background:#2b65d4; }
#tabDownloadAccounts .dl-button:disabled { opacity:.48; cursor:not-allowed; }
#tabDownloadAccounts svg { flex-shrink:0; width:17px; height:17px; stroke-width:1.7; }
#tabDownloadAccounts :is(button,input):focus-visible { outline:2px solid var(--dl-accent); outline-offset:3px; }
#tabDownloadAccounts .dl-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
#tabDownloadAccounts .dl-metric { position:relative; padding:20px; border:1px solid var(--dl-border); border-radius:12px; background:var(--dl-surface); min-width:0; }
#tabDownloadAccounts .dl-metric>svg { position:absolute; top:20px; right:18px; color:var(--dl-muted); }
#tabDownloadAccounts .dl-metric dt { margin-right:25px; color:var(--dl-muted); font-size:12px; font-weight:400; }
#tabDownloadAccounts .dl-metric dd { margin:10px 0 0; color:var(--dl-text); font-size:25px; line-height:1.3; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#tabDownloadAccounts .dl-card { margin-bottom:20px; border:1px solid var(--dl-border); border-radius:14px; background:var(--dl-surface); min-width:0; }
#tabDownloadAccounts .dl-overview { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); padding:22px; gap:28px; }
body.app #tabDownloadAccounts h2 { margin:0; color:var(--dl-text); font-size:16px; font-weight:600; line-height:1.45; }
#tabDownloadAccounts .dl-overview p { margin:8px 0 0; color:var(--dl-muted); font-size:12px; line-height:1.7; }
#tabDownloadAccounts .dl-route { display:flex; gap:12px; align-items:flex-start; border-left:1px solid var(--dl-border); padding-left:28px; }
#tabDownloadAccounts .dl-route>svg { width:22px; height:22px; margin-top:2px; color:var(--dl-accent); }
#tabDownloadAccounts .dl-bar-label { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--dl-muted); font-size:12px; margin:14px 0 8px; }
#tabDownloadAccounts .dl-bar { height:8px; border-radius:5px; background:var(--dl-inset); overflow:hidden; border:1px solid var(--dl-border); }
#tabDownloadAccounts .dl-bar>div { height:100%; width:0; border-radius:inherit; background:var(--dl-accent); transition:width .28s ease; }
#tabDownloadAccounts .dl-list-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:20px 22px 14px; }
#tabDownloadAccounts .dl-list-heading p { margin:5px 0 0; font-size:12px; color:var(--dl-muted); }
#tabDownloadAccounts .dl-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 22px 16px; flex-wrap:wrap; }
#tabDownloadAccounts .dl-search { display:flex; align-items:center; gap:10px; width:min(420px,100%); padding:0 12px; border:1px solid var(--dl-border); border-radius:8px; background:var(--dl-inset); color:var(--dl-muted); }
#tabDownloadAccounts .dl-search:focus-within { border-color:var(--dl-accent); }
body.app #tabDownloadAccounts .dl-search input { width:100%; min-width:0; min-height:42px; border:0!important; outline:0; background:transparent!important; color:var(--dl-text)!important; padding:9px 0; font:400 13px/20px Inter,system-ui,sans-serif; }
#tabDownloadAccounts .dl-search input::placeholder { color:var(--dl-muted); }
#tabDownloadAccounts .dl-load-state { display:flex; align-items:center; gap:8px; min-height:24px; font-size:12px; color:var(--dl-muted); }
#tabDownloadAccounts .dl-load-state svg { width:14px; height:14px; }
#tabDownloadAccounts[data-loading=true] #btnDlPoolRefresh>svg { animation:dl-spin 1s linear infinite; }
@keyframes dl-spin { to { transform:rotate(360deg); } }
#tabDownloadAccounts .dl-notice { display:flex; align-items:center; gap:10px; padding:12px 14px; margin:0 22px 16px; border:1px solid var(--dl-border); border-radius:9px; background:var(--dl-inset); color:var(--dl-muted); font-size:12px; line-height:1.6; }
#tabDownloadAccounts .dl-notice>span { flex:1; min-width:0; }
#tabDownloadAccounts .dl-notice[data-level=error] { border-color:color-mix(in srgb,var(--dl-bad) 40%,var(--dl-border)); color:var(--dl-bad); background:color-mix(in srgb,var(--dl-bad) 5%,var(--dl-surface)); }
#tabDownloadAccounts .dl-table-scroll { overflow:auto; max-height:min(620px,60svh); scrollbar-width:thin; border-block:1px solid var(--dl-border); }
#tabDownloadAccounts .dl-table { border-collapse:collapse; width:100%; min-width:960px; text-align:left; font-size:12px; }
#tabDownloadAccounts .dl-table :is(th,td) { padding:14px 18px; border-bottom:1px solid var(--dl-border); vertical-align:middle; white-space:nowrap; }
#tabDownloadAccounts .dl-table th { position:sticky; top:0; z-index:1; background:var(--dl-inset); color:var(--dl-muted); font-size:11px; font-weight:500; }
#tabDownloadAccounts .dl-table td { color:var(--dl-text); }
#tabDownloadAccounts .dl-table tbody tr:last-child td { border-bottom:0; }
#tabDownloadAccounts .dl-table tbody tr:hover { background:var(--dl-inset); }
#tabDownloadAccounts .dl-table :is(th,td):last-child { text-align:right; }
#tabDownloadAccounts .dl-table td:first-child { white-space:normal; overflow-wrap:anywhere; min-width:210px; max-width:350px; font-weight:500; }
#tabDownloadAccounts .dl-row-actions { display:flex; gap:8px; justify-content:flex-end; }
body.app #tabDownloadAccounts .dl-row-actions .dl-button { min-height:34px; padding:6px 9px; font-size:12px; line-height:20px; }
body.app #tabDownloadAccounts .dl-button.dl-danger { color:var(--dl-bad); }
#tabDownloadAccounts .dl-badge { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:6px; border:1px solid var(--dl-border); font-size:11px; color:var(--dl-muted); background:var(--dl-inset); }
#tabDownloadAccounts .dl-badge[data-state=active] { color:var(--dl-good); }
#tabDownloadAccounts .dl-badge[data-state=cooldown] { color:var(--dl-warn); }
#tabDownloadAccounts .dl-cell-note { display:block; color:var(--dl-muted); font-size:11px; font-weight:400; margin-top:4px; white-space:normal; overflow-wrap:anywhere; max-width:220px; }
#tabDownloadAccounts .dl-empty { text-align:center!important; height:220px; white-space:normal!important; }
#tabDownloadAccounts .dl-empty svg { display:block; width:28px; height:28px; margin:0 auto 12px; color:var(--dl-muted); }
#tabDownloadAccounts .dl-empty span { color:var(--dl-muted); font-weight:400; }
#tabDownloadAccounts .dl-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 22px; color:var(--dl-muted); font-size:12px; }
#tabDownloadAccounts .dl-pagination { display:flex; align-items:center; gap:8px; }
#tabDownloadAccounts .dl-pagination>span { padding-inline:5px; font-variant-numeric:tabular-nums; }
body.app #tabDownloadAccounts .dl-toggle { width:100%; display:flex; align-items:center; gap:14px; text-align:left; padding:20px 22px; background:transparent; color:var(--dl-text); border:0; border-radius:14px; cursor:pointer; user-select:none; }
#tabDownloadAccounts .dl-toggle>svg:first-child { width:22px; height:22px; color:var(--dl-muted); }
#tabDownloadAccounts .dl-toggle>span { flex:1; display:grid; gap:5px; }
#tabDownloadAccounts .dl-toggle strong { font-size:14px; font-weight:600; }
#tabDownloadAccounts .dl-toggle small { font-size:12px; color:var(--dl-muted); line-height:1.6; }
#tabDownloadAccounts .dl-toggle>svg:last-child { transition:transform .24s ease; }
#tabDownloadAccounts .dl-toggle[aria-expanded=true]>svg:last-child { transform:rotate(180deg); }
#tabDownloadAccounts .dl-disclosure { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows .28s ease,opacity .2s ease,visibility 0s .28s; }
#tabDownloadAccounts .dl-disclosure[data-open=true] { grid-template-rows:1fr; opacity:1; visibility:visible; transition:grid-template-rows .28s ease,opacity .2s ease; }
#tabDownloadAccounts .dl-disclosure>div { overflow:hidden; min-height:0; }
#tabDownloadAccounts .dl-debrid-inner { padding:0 22px 22px; }
#tabDownloadAccounts .dl-debrid-inner>p { margin:0 0 18px; font-size:12px; color:var(--dl-muted); line-height:1.7; }
#tabDownloadAccounts .dl-debrid-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr) auto; gap:14px; align-items:end; padding:18px; border:1px solid var(--dl-border); border-radius:10px; background:var(--dl-inset); }
#tabDownloadAccounts .dl-field { display:grid; gap:8px; color:var(--dl-text); font-size:12px; min-width:0; }
body.app #tabDownloadAccounts .dl-field input { width:100%; min-width:0; min-height:40px; padding:9px 12px; border:1px solid var(--dl-border)!important; border-radius:8px; background:var(--dl-surface)!important; color:var(--dl-text)!important; font:400 13px/20px Inter,system-ui,sans-serif; }
#tabDownloadAccounts .dl-debrid-inner .dl-notice { margin:14px 0; }
#tabDownloadAccounts .dl-debrid-account { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--dl-border); }
#tabDownloadAccounts .dl-debrid-account:last-child { border:0; padding-bottom:0; }
#tabDownloadAccounts .dl-debrid-account>div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; overflow-wrap:anywhere; font-size:13px; }
#tabDownloadAccounts .dl-muted { color:var(--dl-muted); font-size:12px; margin:16px 0 0; }
@media(max-width:1200px) { #tabDownloadAccounts .dl-overview { grid-template-columns:minmax(0,1fr); gap:20px; } #tabDownloadAccounts .dl-route { border-left:0; border-top:1px solid var(--dl-border); padding:20px 0 0; } }
@media(max-width:1050px) { #tabDownloadAccounts .dl-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } #tabDownloadAccounts .dl-debrid-form { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { body.app #tabDownloadAccounts h1 { font-size:23px; } #tabDownloadAccounts .dl-heading { align-items:stretch; } #tabDownloadAccounts .dl-heading>.dl-actions { width:100%; } #tabDownloadAccounts .dl-heading>.dl-actions>* { flex:1; } #tabDownloadAccounts .dl-metrics { gap:10px; } #tabDownloadAccounts .dl-metric { padding:14px; } #tabDownloadAccounts .dl-metric>svg { right:12px; top:14px; } #tabDownloadAccounts .dl-metric dd { font-size:21px; } #tabDownloadAccounts .dl-overview { padding:16px; } #tabDownloadAccounts .dl-list-heading { padding:16px; } #tabDownloadAccounts .dl-toolbar { padding:0 16px 14px; gap:10px; } #tabDownloadAccounts .dl-toolbar>* { width:100%; } #tabDownloadAccounts .dl-notice { margin:0 16px 14px; flex-wrap:wrap; } #tabDownloadAccounts .dl-footer { padding:14px 16px; } #tabDownloadAccounts .dl-toggle { padding:16px; } #tabDownloadAccounts .dl-debrid-inner { padding:0 16px 16px; } #tabDownloadAccounts .dl-debrid-form { grid-template-columns:minmax(0,1fr); padding:14px; } }
@media(max-width:600px) {
  #tabDownloadAccounts .dl-heading>.dl-actions { align-items:stretch; }
  #tabDownloadAccounts .dl-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  #tabDownloadAccounts .dl-pagination>span { grid-column:1/-1; grid-row:1; text-align:center; white-space:nowrap; }
  #tabDownloadAccounts .dl-pagination>button { grid-row:2; }
}
@media(prefers-reduced-motion:reduce) { #tabDownloadAccounts *,#tabDownloadAccounts *::before,#tabDownloadAccounts *::after { animation:none!important; transition:none!important; } }