.vryx-batch { --batch-line: #263545; margin-top: 28px; padding-top: 26px; border-top: 1px solid var(--batch-line); color: #dbe5ef; }
.vryx-batch * { box-sizing: border-box; }
.vryx-batch-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.vryx-batch-kicker { margin: 0 0 7px; color: #73c8bd; font-size: 10px; font-weight: 650; letter-spacing: .16em; }
.vryx-batch h3 { margin: 0; font-size: 21px; line-height: 1.3; font-weight: 650; letter-spacing: -.025em; color: #f3f7fc; }
.vryx-batch-badges { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.vryx-batch-parallel { display: inline-flex; align-items: center; white-space: nowrap; border: 1px solid #3c6170; border-radius: 999px; padding: 7px 10px; color: #b5ccdc; background: #152533; font-size: 11px; font-weight: 550; }
.vryx-batch-live, .vryx-batch-status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; border: 1px solid var(--batch-line); border-radius: 999px; padding: 7px 10px; font-size: 11px; font-weight: 550; }
.vryx-batch-live { color: #9ae5d5; background: #183c3733; border-color: #4bb39f40; }
.vryx-batch-live i, .vryx-batch-status i { width: 5px; height: 5px; border-radius: 100%; background: currentColor; }
.vryx-batch-live.is-ended { color: #aebccf; background: transparent; border-color: var(--batch-line); }
.vryx-batch-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 20px; border: 1px solid var(--batch-line); border-radius: 12px; overflow: hidden; background: #0b1422; }
.vryx-batch-stats > div { padding: 16px 14px; border-right: 1px solid var(--batch-line); }
.vryx-batch-stats > div:last-child { border: 0; }
.vryx-batch-stats dt { color: #9baec2; font-size: 11px; line-height: 1.4; }
.vryx-batch-stats dd { margin: 8px 0 0; color: #edf5ff; font-size: 26px; font-weight: 550; line-height: 1; font-variant-numeric: tabular-nums; }
.vryx-batch-stats small { color: #8497ad; font-size: 14px; }
.vryx-batch-stats .has-errors dd { color: #fca5a5; }
.vryx-batch-progress-label { display: flex; justify-content: space-between; gap: 10px; color: #a6b8cb; font-size: 12px; margin: 0 0 9px; }
.vryx-batch-progress { height: 5px; border-radius: 10px; overflow: hidden; background: #223143; }
.vryx-batch-progress > span { display: block; height: 100%; background: #55cdb9; transition: width .25s; }
.vryx-batch-explanation { margin: 18px 0 22px; padding: 14px 16px; border: 1px solid #65c4b030; border-left: 3px solid #65c4b0; border-radius: 0 9px 9px 0; background: #132e2d55; }
.vryx-batch-explanation strong { color: #d0f3ec; font-size: 13px; font-weight: 600; }
.vryx-batch-explanation p { margin: 5px 0 0; color: #aabecb; font-size: 12px; line-height: 1.65; }
.vryx-batch-explanation .vryx-batch-eta { margin-top: 9px; color: #d5e9e5; }
.vryx-batch-eta small { color: #8fa9ad; }
.vryx-batch-explanation.has-errors { border-left-color: #fbbf77; }
.vryx-batch-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }
.vryx-batch-filters { display: flex; flex-wrap: wrap; gap: 4px; }
.vryx-batch button { font: inherit; cursor: pointer; transition: background .15s; }
.vryx-batch-filters button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 9px; color: #a5b6ca; background: transparent; border: 1px solid transparent; border-radius: 7px; font-size: 11px; }
.vryx-batch-filters button[aria-pressed=true] { color: #e6f4f6; background: #203343; border-color: #385264; }
.vryx-batch-filters button span { font-variant-numeric: tabular-nums; font-size: 10px; opacity: .8; }
.vryx-batch .vryx-batch-copy { color: #acede1; background: #1f4f432e; border: 1px solid #54b99e66; padding: 9px 12px; border-radius: 7px; font-size: 12px; font-weight: 600; }
.vryx-batch button:disabled { color: #8a9bae; background: transparent; border-color: #334155; opacity: .7; cursor: not-allowed; }
.vryx-batch button:focus-visible, .vryx-batch textarea:focus-visible { outline: 2px solid #5eead4; outline-offset: 3px; }
.vryx-batch-copy-notice, .vryx-batch-empty { padding: 12px; color: #c7e6dc; background: #162b2a; border-radius: 8px; font-size: 12px; line-height: 1.5; }
.vryx-batch-manual { display: block; font-size: 12px; }
.vryx-batch-manual textarea { display: block; width: 100%; padding: 12px; margin: 8px 0 12px; color: #eef7ff; background: #101c2b; border: 1px solid #385264; border-radius: 8px; font-family: monospace; }
.vryx-batch-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.vryx-batch-item { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 15px; border: 1px solid var(--batch-line); border-radius: 10px; background: #0c1626; }
.vryx-batch-item.is-active { border-color: #4dbca272; background: #112c2c7a; }
.vryx-batch-item.has-errors { border-color: #c85e5844; }
.vryx-batch-number { display: grid; place-items: center; flex-shrink: 0; width: 31px; height: 34px; border-radius: 7px; color: #9bacc0; background: #1d2b3d; font-size: 11px; font-variant-numeric: tabular-nums; }
.is-active .vryx-batch-number { color: #aef4df; background: #2c67554d; }
.vryx-batch-track { flex: 1; min-width: 0; }
.vryx-batch-track strong { display: block; color: #edf4fd; font-size: 13px; font-weight: 550; line-height: 1.55; overflow-wrap: anywhere; }
.vryx-batch-url { display: block; margin-top: 4px; color: #879db3; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vryx-batch-asset { display: block; margin-top: 6px; color: #94c5b7; font-size: 11px; overflow-wrap: anywhere; }
.vryx-batch-item-actions { display: flex; flex-shrink: 0; flex-direction: column; align-items: flex-end; gap: 8px; }
.vryx-batch-status { padding: 6px 9px; color: #9bacc0; background: #111c2b; font-size: 10px; }
.vryx-batch-status.state-uploading, .vryx-batch-status.state-roblox_processing, .vryx-batch-status.state-processing, .vryx-batch-status.state-downloading, .vryx-batch-status.state-saving { color: #a5e6d2; border-color: #4dad9766; background: #224e3f40; }
.vryx-batch-status.state-done { color: #a9dfb0; }
.vryx-batch-status.state-failed { color: #fca5a5; border-color: #c85e5855; }
.vryx-batch-item-actions button { color: #b3dacd; background: none; border: none; padding: 4px; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
.vryx-batch-error { margin: 8px 0 0; color: #f6a7a7; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; }
.vryx-batch-footnote { margin: 16px 0 0; color: #8ba0b5; font-size: 11px; line-height: 1.65; }
.vryx-batch-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.vryx-batch-export { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: #8fa4b7; font-size: 11px; }
.vryx-batch-export button, .vryx-batch-notify, .vryx-batch-retry { border: 1px solid #385264; border-radius: 7px; padding: 8px 10px; color: #c9d9e7; background: #142233; font-size: 11px; }
.vryx-batch-retry { color: #ffe0b5; border-color: #a76e2d88; background: #6d421c38; font-weight: 650; }
.vryx-batch-notify { color: #b8eee3; border-color: #45998666; }

.vryx-history { display: grid; gap: 16px; color: #dce7f2; }
.vryx-history * { box-sizing: border-box; }
.vryx-history-header, .vryx-history-group > header, .vryx-admin-ops > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.vryx-history-header p, .vryx-admin-ops header p { margin: 0 0 6px; color: #70cabc; font-size: 10px; letter-spacing: .16em; }
.vryx-history h2, .vryx-admin-ops h2 { margin: 0; color: #f4f8fd; font-size: 25px; font-weight: 700; }
.vryx-history-header span { display: block; margin-top: 6px; color: #91a5b9; font-size: 13px; }
.vryx-history button, .vryx-history input, .vryx-history select, .vryx-admin-ops button { font: inherit; }
.vryx-history button, .vryx-admin-ops button { cursor: pointer; border: 1px solid #354b60; border-radius: 8px; padding: 9px 12px; color: #cfdae7; background: #142031; font-size: 12px; }
.vryx-history button:disabled, .vryx-admin-ops button:disabled { opacity: .45; cursor: not-allowed; }
.vryx-history-filters { display: grid; grid-template-columns: minmax(220px, 1fr) 170px 180px auto; align-items: end; gap: 10px; padding: 14px; border: 1px solid #26384b; border-radius: 12px; background: #0c1625; }
.vryx-history-filters label { display: grid; gap: 6px; }
.vryx-history-filters label span { color: #8fa2b6; font-size: 11px; }
.vryx-history-filters input, .vryx-history-filters select { min-height: 40px; width: 100%; border: 1px solid #32475b; border-radius: 8px; padding: 8px 10px; color: #edf5fd; background: #111e2e; }
.vryx-history-filters button { min-height: 40px; color: #06201d; border-color: #65d5c1; background: #65d5c1; font-weight: 700; }
.vryx-history-message { margin: 0; border: 1px solid #49aa9660; border-radius: 8px; padding: 11px 13px; color: #c8eee7; background: #14312e; font-size: 12px; }
.vryx-history-active { display: grid; gap: 8px; }
.vryx-history-active h3 { margin: 0 0 3px; color: #f0f6fc; }
.vryx-history-active article { display: flex; justify-content: space-between; gap: 12px; padding: 13px; border: 1px solid #438f8370; border-radius: 10px; background: #112a2a; }
.vryx-history-active article div { display: grid; gap: 3px; }
.vryx-history-active article span, .vryx-history-active article small { color: #9fb9be; font-size: 11px; }
.vryx-history-empty { padding: 28px; text-align: center; border: 1px solid #293b4e; border-radius: 12px; color: #8fa3b8; background: #0c1624; }
.vryx-history-group { overflow: hidden; border: 1px solid #283a4e; border-radius: 12px; background: #0c1625; }
.vryx-history-group > header { padding: 16px; border-bottom: 1px solid #26384a; }
.vryx-history-group h3 { max-width: 760px; margin: 7px 0 3px; color: #f2f6fb; font-size: 15px; overflow-wrap: anywhere; }
.vryx-history-group header p { margin: 0; color: #8599ae; font-size: 11px; }
.vryx-history-group header > strong { color: #9edfd2; font-size: 23px; }
.vryx-history-result { display: inline-flex; border-radius: 99px; padding: 4px 7px; color: #a9e2b2; background: #204b343f; font-size: 9px; text-transform: uppercase; }
.vryx-history-result.has-errors { color: #f8b0a8; background: #68272242; }
.vryx-history-group-actions { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-bottom: 1px solid #26384a; background: #101c2a; }
.vryx-history-group-actions button { padding: 7px 9px; font-size: 10px; }
.vryx-history-group-actions .is-retry { margin-left: auto; color: #ffe0b5; border-color: #a76e2d88; background: #6d421c38; }
.vryx-history-group ol { list-style: none; padding: 0; margin: 0; }
.vryx-history-group li { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #1e3043; }
.vryx-history-group li:last-child { border: 0; }
.vryx-history-group li > span { color: #71879d; font-size: 10px; }
.vryx-history-group li div { min-width: 0; display: grid; gap: 4px; }
.vryx-history-group li strong { color: #dce6f1; font-size: 12px; overflow-wrap: anywhere; }
.vryx-history-group li code { color: #94cebf; font-size: 11px; }
.vryx-history-group li small { color: #ee9b96; font-size: 11px; overflow-wrap: anywhere; }
.vryx-history-group li em { color: #9bd6a8; font-size: 10px; font-style: normal; }
.vryx-history-group li em.has-errors { color: #f2a09a; }
.vryx-history-pages { display: flex; justify-content: center; align-items: center; gap: 12px; color: #91a5b9; font-size: 11px; }

.vryx-admin-ops { display: grid; gap: 15px; padding: 18px; border: 1px solid #294052; border-radius: 12px; background: #0b1724; }
.vryx-admin-ops > header > span { border: 1px solid #375366; border-radius: 99px; padding: 7px 10px; color: #a7c5ce; font-size: 11px; }
.vryx-admin-ops-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.vryx-admin-ops-grid article { display: grid; gap: 5px; padding: 12px; border: 1px solid #273b4c; border-radius: 9px; background: #101e2d; }
.vryx-admin-ops-grid span, .vryx-admin-ops-grid small { color: #8da2b6; font-size: 10px; }
.vryx-admin-ops-grid strong { color: #edf5fd; font-size: 22px; }
.vryx-admin-disk div { display: flex; justify-content: space-between; gap: 10px; color: #a6b8c8; font-size: 11px; }
.vryx-admin-disk progress { display: block; width: 100%; height: 7px; margin: 9px 0; accent-color: #5fcbb6; }
.vryx-admin-disk p, .vryx-admin-cleanup p { margin: 0; color: #8297ac; font-size: 11px; }
.vryx-admin-cleanup { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.vryx-admin-cleanup button { color: #ffe2ba; border-color: #9c6a3380; background: #5c3b1d42; white-space: nowrap; }
.vryx-admin-message { margin: 0; color: #bce9df; font-size: 11px; }

.vryx-collections { display: grid; gap: 16px; color: #dce7f2; }
.vryx-collections * { box-sizing: border-box; }
.vryx-collections > header, .vryx-collection-recent > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.vryx-collections > header p, .vryx-collection-recent header p, .vryx-collection-layout main header small { margin: 0 0 6px; color: #70cabc; font-size: 10px; letter-spacing: .16em; }
.vryx-collections h2 { margin: 0; color: #f4f8fd; font-size: 25px; }
.vryx-collections > header span { display: block; margin-top: 6px; color: #91a5b9; font-size: 13px; }
.vryx-collections button, .vryx-collections input { font: inherit; }
.vryx-collections button { cursor: pointer; border: 1px solid #354b60; border-radius: 8px; padding: 9px 12px; color: #cfdae7; background: #142031; font-size: 12px; }
.vryx-collections button:disabled { opacity: .45; cursor: not-allowed; }
.vryx-collection-message { margin: 0; border: 1px solid #49aa9660; border-radius: 8px; padding: 11px 13px; color: #c8eee7; background: #14312e; font-size: 12px; }
.vryx-collection-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: 12px; min-height: 430px; }
.vryx-collection-layout > aside, .vryx-collection-layout > main, .vryx-collection-recent { border: 1px solid #283b4e; border-radius: 12px; background: #0c1725; }
.vryx-collection-layout > aside { padding: 12px; }
.vryx-collection-layout aside form { display: grid; gap: 9px; padding-bottom: 12px; border-bottom: 1px solid #26384a; }
.vryx-collection-layout label { display: grid; gap: 6px; color: #95a8ba; font-size: 11px; }
.vryx-collection-layout input { min-width: 0; min-height: 39px; border: 1px solid #32485b; border-radius: 8px; padding: 9px 10px; color: #eef5fd; background: #111e2e; }
.vryx-collection-layout aside form button, .vryx-collection-add button { color: #06201d; border-color: #65d5c1; background: #65d5c1; font-weight: 700; }
.vryx-collection-layout aside nav { display: grid; gap: 5px; margin-top: 12px; }
.vryx-collection-layout aside nav button { display: flex; justify-content: space-between; align-items: center; width: 100%; border-color: transparent; background: transparent; text-align: left; }
.vryx-collection-layout aside nav button.is-selected { color: #d9faf3; border-color: #4b9a8d66; background: #183631; }
.vryx-collection-layout aside nav b { display: grid; place-items: center; min-width: 25px; height: 22px; border-radius: 99px; color: #9db2c5; background: #223244; font-size: 10px; }
.vryx-collection-empty { color: #8599ae; font-size: 11px; line-height: 1.6; }
.vryx-collection-layout > main { min-width: 0; padding: 16px; }
.vryx-collection-layout main > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #26384a; }
.vryx-collection-layout main h3, .vryx-collection-recent h3 { margin: 0; color: #f2f7fc; font-size: 19px; }
.vryx-collection-layout main header span { color: #899eb3; font-size: 11px; }
.vryx-collection-layout main header > div:last-child { display: flex; flex-wrap: wrap; gap: 6px; }
.vryx-collection-layout button.is-danger { color: #f4b0aa; border-color: #8b454466; background: #48232142; }
.vryx-collection-add { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px; padding: 14px 0; }
.vryx-collection-exports { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; border-radius: 9px; background: #101f2e; }
.vryx-collection-exports button { padding: 7px 9px; font-size: 10px; }
.vryx-collection-layout ol { list-style: none; padding: 0; margin: 12px 0 0; }
.vryx-collection-layout li { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 5px; border-bottom: 1px solid #203245; }
.vryx-collection-layout li > span { color: #71879d; font-size: 10px; }
.vryx-collection-layout li div { min-width: 0; display: grid; gap: 4px; }
.vryx-collection-layout li strong { color: #dce6f1; font-size: 12px; overflow-wrap: anywhere; }
.vryx-collection-layout li code { color: #8fd0c2; font-size: 10px; overflow-wrap: anywhere; }
.vryx-collection-layout li button { padding: 6px 8px; color: #9fb1c3; font-size: 10px; }
.vryx-collection-placeholder { display: grid; min-height: 180px; place-items: center; color: #8499ad; font-size: 12px; text-align: center; }
.vryx-collection-recent { padding: 16px; }
.vryx-collection-recent > header > span { max-width: 350px; color: #8fa3b7; font-size: 11px; text-align: right; }
.vryx-collection-recent > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 13px; }
.vryx-collection-recent article { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-width: 0; padding: 11px; border: 1px solid #263b4d; border-radius: 9px; background: #101e2d; }
.vryx-collection-recent article div { min-width: 0; display: grid; gap: 4px; }
.vryx-collection-recent strong { overflow: hidden; color: #dce7f1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.vryx-collection-recent code { color: #82bcae; font-size: 10px; }
.vryx-collection-recent button { flex-shrink: 0; padding: 7px 8px; font-size: 10px; }

.vryx-status-page { min-height: 100vh; padding: 30px max(24px,calc((100vw - 1080px)/2)); color: #dce8f2; background: radial-gradient(circle at 50% 0,#173634 0,#0a1421 38%,#07101a 100%); font-family: Inter,ui-sans-serif,system-ui,sans-serif; }
.vryx-status-page * { box-sizing: border-box; }
.vryx-status-page > header, .vryx-status-page > footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.vryx-status-page > header a { color: #f3f8fc; font-size: 18px; font-weight: 850; letter-spacing: -.04em; text-decoration: none; }
.vryx-status-page > header a span { color: #69d4bf; }
.vryx-status-page button { cursor: pointer; border: 1px solid #385165; border-radius: 8px; padding: 9px 12px; color: #cddbe7; background: #142232; font: inherit; font-size: 11px; }
.vryx-status-hero { max-width: 780px; margin: 80px 0 35px; }
.vryx-status-hero p, .vryx-status-queue p { margin: 0 0 8px; color: #70cdbd; font-size: 10px; letter-spacing: .18em; }
.vryx-status-hero h1 { margin: 0; color: #f4f9fd; font-size: clamp(32px,5vw,54px); line-height: 1.05; letter-spacing: -.045em; }
.vryx-status-hero span { display: block; max-width: 660px; margin-top: 16px; color: #91a7bb; font-size: 14px; line-height: 1.7; }
.vryx-status-error { border: 1px solid #a5545066; border-radius: 10px; padding: 12px; color: #f1aaa5; background: #4a262540; }
.vryx-status-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.vryx-status-grid article { min-height: 155px; padding: 16px; border: 1px solid #294052; border-radius: 12px; background: #0c1927cc; }
.vryx-status-grid article > div { display: flex; align-items: center; gap: 7px; color: #79d8c6; font-size: 10px; }
.vryx-status-grid i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px #54bca522; }
.vryx-status-grid .state-degraded > div { color: #f1bc75; }
.vryx-status-grid .state-outage > div, .vryx-status-grid .state-unknown > div { color: #ee8f8a; }
.vryx-status-grid h2 { margin: 25px 0 5px; color: #edf4fa; font-size: 17px; }
.vryx-status-grid p, .vryx-status-grid small { display: block; margin: 0; color: #8298ad; font-size: 10px; line-height: 1.5; }
.vryx-status-grid small { margin-top: 6px; color: #9cb0c2; }
.vryx-status-queue { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 12px; padding: 20px; border: 1px solid #294052; border-radius: 12px; background: #0c1927cc; }
.vryx-status-queue h2 { margin: 0; color: #f0f6fb; font-size: 24px; }
.vryx-status-queue dl { display: flex; gap: 45px; margin: 0; }
.vryx-status-queue dl div { display: grid; gap: 5px; }
.vryx-status-queue dt { color: #8398ac; font-size: 10px; }
.vryx-status-queue dd { margin: 0; color: #dce7f1; font-size: 18px; }
.vryx-status-page > footer { margin-top: 45px; padding-top: 16px; border-top: 1px solid #273a4c; color: #7e93a7; font-size: 10px; }
.vryx-status-page > footer a { color: #9edbce; text-decoration: none; }

.vryx-admin-suite { display: grid; gap: 14px; margin: 20px 0; }
.vryx-admin-card { display: grid; gap: 14px; padding: 18px; border: 1px solid #294052; border-radius: 12px; color: #dce7f2; background: #0b1724; }
.vryx-admin-card > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.vryx-admin-card header p { margin: 0 0 6px; color: #70cabc; font-size: 10px; letter-spacing: .16em; }
.vryx-admin-card h2 { margin: 0; color: #f4f8fd; font-size: 21px; }
.vryx-admin-card > header > span { color: #91a6b9; font-size: 10px; }
.vryx-admin-card button { cursor: pointer; border: 1px solid #354b60; border-radius: 8px; padding: 9px 12px; color: #cfdae7; background: #142031; font: inherit; font-size: 11px; }
.vryx-admin-table { overflow-x: auto; border: 1px solid #263a4c; border-radius: 9px; }
.vryx-admin-table > div { display: grid; grid-template-columns: minmax(180px,1fr) repeat(3,110px); padding: 10px 12px; border-bottom: 1px solid #223548; font-size: 11px; }
.vryx-admin-table > div:last-of-type { border: 0; }
.vryx-admin-table .is-heading { color: #8196aa; background: #101e2d; font-size: 9px; text-transform: uppercase; }
.vryx-admin-table strong { color: #dce7f1; font-weight: 550; }
.vryx-admin-table span { color: #a1b3c4; }
.vryx-admin-table .is-warning { color: #f2b479; }
.vryx-admin-empty { margin: 0; padding: 14px; color: #8297ab; font-size: 11px; line-height: 1.6; }
.vryx-admin-providers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.vryx-admin-providers article { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; padding: 11px; border: 1px solid #263a4c; border-radius: 9px; background: #101e2d; }
.vryx-admin-providers span { color: #91a5b8; font-size: 10px; }
.vryx-admin-providers strong { color: #eef5fb; font-size: 18px; }
.vryx-admin-providers small { grid-column: 1 / -1; color: #8195a8; font-size: 9px; }
.vryx-admin-alerts, .vryx-admin-backups, .vryx-admin-audit { display: grid; gap: 7px; }
.vryx-admin-alerts article { padding: 12px; border: 1px solid #74552f66; border-left: 3px solid #e6aa5f; border-radius: 0 9px 9px 0; background: #382a1c42; }
.vryx-admin-alerts article.severity-critical { border-color: #a44d4966; border-left-color: #ee827c; background: #4b242342; }
.vryx-admin-alerts article div { display: flex; align-items: center; gap: 8px; }
.vryx-admin-alerts i { width: 6px; height: 6px; border-radius: 50%; background: #efaa62; }
.vryx-admin-alerts strong { color: #f2e6d7; font-size: 12px; }
.vryx-admin-alerts time { margin-left: auto; color: #998a7a; font-size: 9px; }
.vryx-admin-alerts p { margin: 7px 0 4px; color: #c4b4a2; font-size: 10px; }
.vryx-admin-alerts small { color: #8e8072; font-size: 9px; }
.vryx-admin-description { margin: 0; color: #899db0; font-size: 11px; line-height: 1.6; }
.vryx-admin-backups article { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 10px 11px; border: 1px solid #263a4c; border-radius: 8px; background: #101e2d; }
.vryx-admin-backups article div { min-width: 0; display: grid; gap: 3px; }
.vryx-admin-backups strong { overflow: hidden; color: #dce7f1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.vryx-admin-backups span, .vryx-admin-backups b { color: #8fa3b6; font-size: 9px; }
.vryx-admin-backups em { border-radius: 99px; padding: 4px 7px; color: #9be0b4; background: #21453255; font-size: 8px; font-style: normal; }
.vryx-admin-audit article { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 12px; padding: 9px 2px; border-bottom: 1px solid #223548; }
.vryx-admin-audit time { color: #8296aa; font-size: 9px; }
.vryx-admin-audit article div { display: grid; gap: 3px; }
.vryx-admin-audit strong { color: #dbe6f0; font-size: 10px; }
.vryx-admin-audit span { color: #8296aa; font-size: 9px; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .vryx-batch-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .vryx-batch-badges { justify-content: flex-start; }
  .vryx-batch h3 { font-size: 19px; }
  .vryx-batch-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vryx-batch-stats > div { border-bottom: 1px solid var(--batch-line); }
  .vryx-batch-stats > div:nth-child(2) { border-right: 0; }
  .vryx-batch-stats > div:nth-child(3) { border-bottom: 0; }
  .vryx-batch-item { flex-wrap: wrap; padding: 12px; gap: 10px; }
  .vryx-batch-track { flex-basis: calc(100% - 45px); }
  .vryx-batch-item-actions { padding-left: 41px; flex-direction: row; align-items: center; flex-wrap: wrap; }
  .vryx-batch-filters button { min-height: 40px; }
  .vryx-batch .vryx-batch-copy { min-height: 42px; }
  .vryx-history-filters { grid-template-columns: 1fr; }
  .vryx-history-header, .vryx-history-group > header, .vryx-admin-ops > header { flex-direction: column; }
  .vryx-history-group-actions .is-retry { width: 100%; margin-left: 0; }
  .vryx-history-group li { grid-template-columns: 26px minmax(0,1fr); }
  .vryx-history-group li em { grid-column: 2; }
  .vryx-admin-ops-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .vryx-admin-cleanup { align-items: stretch; flex-direction: column; }
  .vryx-collection-layout { grid-template-columns: 1fr; }
  .vryx-collection-layout > aside { max-height: none; }
  .vryx-collection-layout main > header, .vryx-collections > header, .vryx-collection-recent > header { flex-direction: column; }
  .vryx-collection-add { grid-template-columns: 1fr; }
  .vryx-collection-recent > div { grid-template-columns: 1fr; }
  .vryx-collection-recent > header > span { text-align: left; }
  .vryx-status-page { padding: 22px 16px; }
  .vryx-status-hero { margin-top: 55px; }
  .vryx-status-grid { grid-template-columns: 1fr; }
  .vryx-status-grid article { min-height: 125px; }
  .vryx-status-queue, .vryx-status-page > footer { align-items: flex-start; flex-direction: column; }
  .vryx-status-queue dl { width: 100%; justify-content: space-between; gap: 16px; }
  .vryx-admin-card > header { flex-direction: column; }
  .vryx-admin-table > div { grid-template-columns: minmax(140px,1fr) repeat(3,90px); min-width: 470px; }
  .vryx-admin-providers { grid-template-columns: 1fr; }
  .vryx-admin-backups article { grid-template-columns: minmax(0,1fr) auto; }
  .vryx-admin-backups em { grid-column: 2; }
  .vryx-admin-audit article { grid-template-columns: 1fr; gap: 5px; }
}
@media (prefers-reduced-motion: reduce) { .vryx-batch-progress > span, .vryx-batch button { transition: none; } }