:root{color-scheme:dark;--bg:#10151d;--panel:#18212b;--line:#2a3644;--muted:#9daebf;--text:#eef3f8;--accent:#9ce5bd;--danger:#ffaba7;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px}header{height:88px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}a{color:var(--accent)}.brand{text-decoration:none;display:flex;align-items:center;font-size:22px;font-weight:650;letter-spacing:-.7px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#14291e;font-weight:800;border-radius:10px;margin-right:12px}.private{font-size:10px;letter-spacing:2px;border:1px solid var(--line);border-radius:30px;padding:7px 10px;color:var(--muted)}header>button{margin-left:auto}main{max-width:1440px;margin:auto;padding:42px 5vw}h1{font-size:40px;letter-spacing:-1.5px;margin:6px 0 12px}h2{font-size:20px;margin:0}h3{font-size:16px;margin:0 0 7px;overflow-wrap:anywhere}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading p{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 36px}.stats article{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.stats strong{font-size:28px;font-weight:550;letter-spacing:-1px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.torrent{border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:14px;background:var(--panel)}.torrent-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.torrent-title{min-width:0}.state{font-size:12px;color:var(--accent)}progress{display:block;width:100%;height:6px;margin:20px 0 12px;border:0;border-radius:8px;background:#303e4b;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#303e4b;border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.torrent-detail{line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}button{font:inherit;font-size:13px;font-weight:550;cursor:pointer;border:1px solid #405065;border-radius:7px;color:var(--text);background:transparent;padding:10px 14px;transition:background .15s}button:hover{background:#2c3c4b}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--accent);color:#153123;border-color:var(--accent);padding:12px 20px}.primary:hover{background:#c4f3d9}.text-danger{color:var(--danger)}.danger{background:#9b3535;border-color:#bd5656;color:white}.notice{padding:14px 18px;border:1px solid #46725d;background:#192d27;border-radius:8px;line-height:1.6}.error{border-color:#92524e;background:#322020;color:#ffd1ce}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:45px;font-size:12px;color:var(--muted)}.empty{text-align:center;border:1px dashed #3c4d60;padding:55px 24px;border-radius:12px}.empty-symbol{display:block;font-size:42px;color:var(--accent);margin-bottom:18px}.empty p{margin-bottom:24px}dialog{width:min(720px,94vw);max-height:88vh;border:1px solid #455468;background:var(--panel);border-radius:14px;color:var(--text);padding:28px}dialog::backdrop{background:#05080cbb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading button{font-size:20px;line-height:1;padding:8px 12px}label{display:block;margin:20px 0 8px}input:not([type=checkbox]),textarea{width:100%;display:block;padding:12px;border:1px solid #4b5c6d;border-radius:7px;background:#101821;color:var(--text);font:inherit;margin-top:8px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}textarea{resize:vertical}p{line-height:1.65}.divider{text-align:center;color:var(--muted);font-size:11px;margin:20px 0}.dialog-error{color:var(--danger)}.wrap{overflow-wrap:anywhere;min-width:0}.file-row{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 16px}.check-label{display:flex;align-items:flex-start;gap:12px;margin:0}.file-row .check-label{grid-column:1/-1}.file-tools{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.download-link{font-size:13px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,#1b362e,transparent 55%),var(--bg)}.login-panel{width:min(460px,95vw);padding:40px}.login-panel>.brand-mark{width:48px;height:48px;font-size:24px;margin-bottom:22px}.login-panel h1{line-height:1.15;margin-top:18px}.login-panel form{margin-top:28px}.login-panel form>button{width:100%;margin-top:24px;text-align:left;display:flex;justify-content:space-between}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start}.heading h1{font-size:34px}.heading>.primary{white-space:nowrap}.private{display:none}header{height:72px}.stats article{padding:18px}}@media(max-width:480px){.heading{display:block}.heading>.primary{margin-top:20px}.stats{gap:8px}.stats strong{font-size:22px}.stats article{padding:15px;gap:10px}.toolbar{align-items:flex-start;gap:15px}.torrent{padding:17px}footer{display:block}footer span{display:block;margin-top:10px}dialog{padding:20px}}

select{width:100%;display:block;padding:12px;border:1px solid #4b5c6d;border-radius:7px;background:#101821;color:var(--text);font:inherit;margin-top:8px}#settings-open{margin-left:auto}header>#logout{margin-left:0}#engine-installer,#engine-official{display:inline-block;margin:8px 16px 8px 0}#engine-result{white-space:pre-wrap}
header nav{display:flex;gap:18px;margin-left:auto}header nav a{text-decoration:none;font-size:14px}header nav a:hover{text-decoration:underline}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs [aria-selected=true]{background:var(--accent);color:#153123}.settings-panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%}.progress-percent{display:block;font-size:22px;color:var(--accent);margin-top:12px}.completed-file{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;margin:12px 0}.completed-file h3{margin:0}.completed-file p{margin-bottom:0}.button-link{display:inline-block;padding:10px 16px;border:1px solid #405065;border-radius:7px;text-decoration:none}#download-menu{position:fixed;z-index:1000;background:var(--panel);padding:6px;border:1px solid #627589;box-shadow:0 8px 28px #0008;border-radius:8px;min-width:210px}#download-menu button{display:block;width:100%;text-align:left;border:0}#completion-message{margin-bottom:12px}button:disabled{cursor:not-allowed}@media(max-width:600px){header{height:auto;min-height:72px;flex-wrap:wrap;padding:18px;gap:14px}header nav{order:2;flex-basis:100%;margin:0}.settings-panel{padding:18px}.completed-file{align-items:flex-start;flex-direction:column}}
/* Permission visibility complements server authorization; hidden controls never grant access. */
body:not(.can-ManageUsers) [data-permission="ManageUsers"],body:not(.can-ManageSettings) [data-permission="ManageSettings"],body:not(.can-ManageDownloads) [data-permission="ManageDownloads"],body:not(.can-DeleteDownloads) [data-permission="DeleteDownloads"],body:not(.can-DownloadFiles) [data-permission="DownloadFiles"]{display:none!important}
#permission-list .check-label{margin:16px 0}#recovery-codes{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--bg)}#manual-key{overflow-wrap:anywhere}header{min-height:88px;height:auto;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}header nav{flex-wrap:wrap}
/* Shared application shell */
body:not(.login){display:flex;flex-direction:column;min-height:100vh}body:not(.login)>main{width:100%;flex:1}header nav .button-link{padding:9px 13px;font-size:13px;color:var(--text);font-weight:550;white-space:nowrap}header nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.user-menu{margin-left:auto;position:relative}.user-menu>button{white-space:nowrap}#user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;z-index:100;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 35px #0006;padding:6px}#user-dropdown a,#user-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;border:0;text-decoration:none;color:var(--text);font-size:14px;border-radius:5px}#user-dropdown a:hover,#user-dropdown button:hover{background:#2c3c4b}.site-footer{width:100%;padding:20px 5vw;margin:0;flex-wrap:wrap}.login .site-footer{position:static;align-self:end}.profile-details{display:grid;grid-template-columns:180px 1fr;gap:15px}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.profile-details{grid-template-columns:1fr;gap:7px}.profile-details dd{margin-bottom:15px}header nav{order:3;width:100%}.private{display:none}}
#file-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:20px 0}#file-breadcrumbs button{max-width:100%;overflow-wrap:anywhere}.completed-file .file-body{flex:1}.completed-file .actions{margin:0;flex-shrink:0}.folder-name{font-size:16px;text-align:left;overflow-wrap:anywhere;color:var(--accent);border:0;padding:0;font-weight:600}.file-context-menu{position:fixed;z-index:100;background:var(--panel);border:1px solid #455468;border-radius:8px;box-shadow:0 10px 35px #0008;min-width:215px;padding:6px}.file-context-menu button{display:block;border:0;text-align:left;width:100%}@media(max-width:700px){.completed-file .actions{width:100%;margin-left:30px}.completed-file{flex-wrap:wrap}}
/* Theme palettes apply to all shared pages, controls and dialogs. */
:root{--input:#101821;--hover:#2c3c4b;--on-accent:#153123;--notice-bg:#192d27;--notice-line:#46725d;--error-bg:#322020;--error-text:#ffd1ce}
:root[data-theme=ocean]{--bg:#0b1827;--panel:#142a40;--line:#355775;--muted:#a9c4dc;--text:#edf7ff;--accent:#7ed5ff;--input:#0c2033;--hover:#24445f;--on-accent:#082b40}
:root[data-theme=amethyst]{--bg:#191322;--panel:#291f36;--line:#574268;--muted:#c5b3d7;--text:#f7efff;--accent:#d4adff;--input:#20172d;--hover:#443254;--on-accent:#301746}
:root[data-theme=forest]{--bg:#101e18;--panel:#1c3026;--line:#405f4e;--muted:#b1c9b8;--text:#f0f7ed;--accent:#c5df8b;--input:#14261d;--hover:#304c39;--on-accent:#233014}
:root[data-theme=light]{color-scheme:light;--bg:#f3f6fa;--panel:#ffffff;--line:#b9c8d8;--muted:#526277;--text:#1a2b40;--accent:#176044;--danger:#a8202a;--input:#f8fafc;--hover:#e4ecf4;--on-accent:#ffffff;--notice-bg:#e5f3eb;--notice-line:#729e83;--error-bg:#ffebeb;--error-text:#8b2020}
input:not([type=checkbox]),textarea,select{background:var(--input);border-color:var(--line)}button,.button-link,dialog,.file-context-menu{border-color:var(--line)}button:hover,#user-dropdown a:hover,#user-dropdown button:hover{background:var(--hover)}.primary,.tabs [aria-selected=true],.brand-mark{color:var(--on-accent)}.primary:hover{background:var(--accent);filter:brightness(1.08)}.notice{background:var(--notice-bg);border-color:var(--notice-line)}.notice.error{background:var(--error-bg);color:var(--error-text);border-color:var(--danger)}.completed-file.file-selected{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.file-location{font-size:13px;color:var(--text)}
.theme-submenu{position:relative}#theme-choices{position:absolute;right:calc(100% + 7px);top:0;min-width:175px;background:var(--panel);border:1px solid var(--line);padding:6px;border-radius:8px;box-shadow:0 10px 35px #0006}#theme-choices button[aria-checked=true]{color:var(--accent);font-weight:700}#theme-choices button[aria-checked=true]::after{content:'\002713';float:right}@media(max-width:500px){#theme-choices{position:static;margin:4px 0 4px 12px;min-width:0;box-shadow:none}}
body:not(.can-DownloadFiles):not(.can-DeleteDownloads) [data-file-selection]{display:none!important}#remove-files-list{max-height:30vh;overflow:auto;padding-left:24px;overflow-wrap:anywhere}#remove-files-list li{margin:8px 0}
.company-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.image-heading{margin-top:32px}.image-editor{margin:20px 0}.image-editor img{display:block;width:200px;height:160px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:8px}.avatar-editor img{width:128px;height:128px;border-radius:50%;object-fit:cover}.image-editor input{max-width:500px}@media(max-width:600px){.company-fields{grid-template-columns:1fr}}

.company-brand-logo{display:block;width:auto;height:auto;max-width:220px;max-height:48px;object-fit:contain}@media(max-width:480px){.company-brand-logo{max-width:160px;max-height:40px}}

header .brand{visibility:hidden;min-width:190px;min-height:36px;flex-shrink:0}header .brand[data-ready=true]{visibility:visible}
header .company-brand-logo{width:280px;height:64px;max-width:none;max-height:none;object-fit:contain;object-position:left center;background:transparent;border-radius:0;padding:0}
header .company-brand-icon{width:40px;height:40px;object-fit:contain;background:transparent;border-radius:0;padding:0;margin-right:12px}
header .brand-wording{font-size:22px;font-weight:650;color:var(--text);white-space:nowrap}
@media(max-width:800px){header .company-brand-logo{width:240px;height:52px}}
@media(max-width:480px){header .brand{min-width:0}header .company-brand-logo{width:210px;height:48px}}
/* Shared responsive sidebar */
.has-sidebar{--sidebar-width:264px;--sidebar-bg:var(--panel);--topbar-bg:var(--panel);--sidebar-text:var(--text)}
:root[data-theme=light] .has-sidebar{--sidebar-bg:#193f5b;--topbar-bg:#1b5277;--sidebar-text:#eef6ff}
.has-sidebar>header{position:sticky;top:0;z-index:90;margin-left:var(--sidebar-width);height:56px;min-height:56px;padding:0 24px;gap:14px;flex-wrap:nowrap;background:var(--topbar-bg);color:var(--sidebar-text)}
.has-sidebar>header>button{margin:0;border:0;font-size:21px;padding:7px 9px;color:inherit}.topbar-tagline{font-size:10px;letter-spacing:1.5px;opacity:.7}.has-sidebar>header .user-menu>button{color:var(--sidebar-text)}
.fetch-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:110;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--line);overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column}
.sidebar-identity{padding:0 4px 20px;border-bottom:1px solid #ffffff30;margin-bottom:8px}.fetch-sidebar .brand{visibility:hidden;min-height:52px;font-size:22px;min-width:0;color:var(--accent)}.fetch-sidebar .brand[data-ready=true]{visibility:visible}
.fetch-sidebar .company-brand-logo{width:100%;height:60px;max-width:none;max-height:none;object-fit:contain;object-position:left center;background:transparent;padding:0}.fetch-sidebar .company-brand-icon{width:36px;height:36px;object-fit:contain;margin-right:10px;background:transparent}.fetch-sidebar .brand-wording{font-size:22px;color:var(--sidebar-text);white-space:nowrap}
.fetch-sidebar .private{display:inline-block;margin-top:10px;font-size:9px;letter-spacing:1.4px;color:var(--sidebar-text);border-color:#ffffff35}.fetch-sidebar nav{display:block;margin:0}.sidebar-section{font-size:10px;letter-spacing:1.3px;opacity:.7;margin:24px 10px 10px}
.fetch-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;margin:3px 0;text-decoration:none;font-size:14px;color:var(--sidebar-text)}.fetch-sidebar nav a span{display:inline-flex;width:20px;justify-content:center;font-size:19px}.fetch-sidebar nav a:hover{background:#ffffff12}.fetch-sidebar nav a[aria-current=page]{background:#ffffff18;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
:root[data-theme=light] .fetch-sidebar nav a[aria-current=page]{color:#fff;box-shadow:inset 3px 0 #38bdf8}.sidebar-note{margin-top:auto;padding:28px 10px 8px;font-size:11px;opacity:.7}
body.has-sidebar>main{margin:0 0 0 var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:none;padding:32px}.has-sidebar>.site-footer{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding:20px 32px}
.sidebar-closed .fetch-sidebar{transform:translateX(-100%)}.sidebar-closed>header,.sidebar-closed>.site-footer,body.has-sidebar.sidebar-closed>main{margin-left:0;width:100%}.sidebar-backdrop{position:fixed;inset:0;z-index:100;background:#0008;border:0;border-radius:0;padding:0}
@media(max-width:800px){.has-sidebar>header{margin-left:0;padding:0 14px}.has-sidebar>.site-footer,body.has-sidebar>main{margin-left:0;width:100%}body.has-sidebar>main{padding:24px 18px}.topbar-tagline{display:none}.has-sidebar>.site-footer{padding:20px 18px}}
:root[data-theme=light] .fetch-sidebar .brand{color:#7dd3fc}:root[data-theme=light] .fetch-sidebar .brand .muted{color:#cbd5e1}:root[data-theme=light] .fetch-sidebar .brand-mark{background:#259ed0;color:white}
.has-sidebar>header .user-menu>button{background:transparent;border-color:#ffffff35}.has-sidebar>header .user-menu>button:hover{background:#ffffff18}

#files-dialog .dialog-heading { position:sticky; top:-1px; background:var(--panel); z-index:2; padding-block:8px; }
.usage-table-wrap { overflow-x:auto; } .usage-table { width:100%; border-collapse:collapse; } .usage-table th,.usage-table td { padding:12px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }

:root[data-theme=white]{color-scheme:light;--bg:#ffffff;--panel:#ffffff;--line:#b9c8d8;--muted:#526277;--text:#1a2b40;--accent:#176044;--danger:#a8202a;--input:#f8fafc;--hover:#e4ecf4;--on-accent:#ffffff;--notice-bg:#e5f3eb;--notice-line:#729e83;--error-bg:#ffebeb;--error-text:#8b2020}
:root[data-theme=white] .has-sidebar{--sidebar-bg:#ffffff;--topbar-bg:#ffffff;--sidebar-text:#1a2b40}
:root[data-theme=white] .fetch-sidebar nav a[aria-current=page]{background:#eaf1f7;color:#176044}
.media-preview{width:min(960px,94vw);max-height:90vh}.media-preview video{display:block;width:100%;max-height:65vh;background:#000}.media-preview audio{width:100%;margin:20px 0}.media-preview .dialog-heading{position:sticky;top:0;background:var(--panel);z-index:1}
:root[data-theme=white] .sidebar-identity,:root[data-theme=white] .fetch-sidebar .private,:root[data-theme=white] .has-sidebar>header .user-menu>button{border-color:var(--line)} :root[data-theme=white] .fetch-sidebar nav a:hover,:root[data-theme=white] .has-sidebar>header button:hover{background:var(--hover)}
.file-navigation{display:flex;align-items:center;gap:12px;margin:16px 0 8px;flex-wrap:wrap}.folder-arrows{display:flex;gap:5px;flex-shrink:0}.folder-arrows button{min-width:38px;font-size:18px;padding:7px 10px}.file-navigation #file-breadcrumbs{margin:0;flex:1;min-width:0}

/* Login shares the selected theme and company identity before authentication. */
.login{background:var(--bg)}
.login-brand{min-height:52px;margin-bottom:26px;gap:8px;color:var(--accent);visibility:visible}
.login-brand .company-brand-logo{width:260px;max-width:100%;height:52px;object-fit:contain;object-position:left center;background:transparent}
.login-brand .company-brand-icon{width:52px;height:52px;object-fit:contain;background:transparent}
.login-brand img:not([data-ready=true]){visibility:hidden}
.login-brand .brand-wording{font-size:26px}

#user-toggle{display:flex;align-items:center;gap:8px}.account-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}

.has-sidebar>header .user-menu>#user-toggle{border:0;background:transparent;box-shadow:none;border-radius:0}.has-sidebar>header .user-menu>#user-toggle:hover{background:transparent}
