.auth-shell{width:min(900px,92%);margin:45px auto 70px}.auth-card{background:#fff;border:1px solid #e2e7f1;border-radius:24px;padding:clamp(22px,4vw,38px);box-shadow:0 18px 55px rgba(38,53,91,.08)}.auth-card>.brand{margin-bottom:26px}.auth-card h1{font:800 clamp(27px,4vw,36px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 8px}.auth-subtitle{color:#727e96;margin:0 0 24px;font-size:14px}.auth-form{display:grid;gap:16px;margin-top:22px;max-width:520px}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.auth-form input,.pin-form input{width:100%;min-width:0;border:1px solid #dfe5f0;border-radius:12px;padding:13px 14px;background:#fbfcff;color:#202944;outline:0}.auth-form input:focus,.pin-form input:focus{border-color:#a99af4;box-shadow:0 0 0 3px #7357e812}.auth-form label small{font-weight:400;color:#7b869d}.auth-form .button{margin-top:4px}.auth-foot{font-size:13px;color:#727e96;margin:22px 0 0}.auth-foot a,.text-link{color:#7357e8;font-weight:700}.auth-terms{font-size:11px;color:#7e879b;margin:0}.notice{border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.6;margin:18px 0}.notice-success{background:#e9f8f0;border:1px solid #c9eddc;color:#216b51}.notice-error{background:#fff1f0;border:1px solid #ffd9d5;color:#9a3931}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.balance-card,.balance-side{border:1px solid #e2e7f1;border-radius:18px;padding:22px;background:linear-gradient(135deg,#f1edff,#fff)}.balance-side{background:#f8faff}.balance-card span,.balance-side span{display:block;color:#727e96;font-size:12px}.balance-card strong{display:block;font:800 42px Manrope,sans-serif;color:#7357e8;letter-spacing:-1px;margin:7px 0}.balance-side strong{display:block;overflow-wrap:anywhere;font-size:16px;margin:10px 0}.balance-card small,.balance-side small{font-size:11px;color:#727e96}.account-section{margin-top:18px;padding:22px;border:1px solid #e2e7f1;border-radius:18px;background:#fff}.account-section h2{font:800 18px Manrope,sans-serif;margin:0 0 8px}.account-section>p{font-size:12px;color:#727e96;margin:0 0 16px}.pin-form{display:flex;gap:10px;max-width:580px}.pin-form input{flex:1;font-family:monospace;letter-spacing:1px;text-transform:uppercase}.pin-form .button{white-space:nowrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.subtle{font-size:11px;color:#8b94a8}.empty-state{padding:20px 15px;border:1px dashed #dfe5f0;border-radius:12px;color:#7a849a;font-size:12px;text-align:center;margin-top:12px}.table-wrap{width:100%;overflow-x:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;color:#77829a;text-transform:uppercase;letter-spacing:.5px;background:#f7f8fc}th,td{padding:12px 13px;border-bottom:1px solid #edf0f6;white-space:nowrap}td strong,td small{display:block}td small{font-size:10px;color:#8791a5;margin-top:3px}.positive{color:#21845d;font-weight:800}.negative{color:#b33b45;font-weight:800}.account-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.public-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.public-plan{border:1px solid #e2e7f1;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:9px}.public-plan h2{margin:5px 0;font:800 18px Manrope,sans-serif}.public-plan>strong{font:800 25px Manrope,sans-serif;color:#7357e8}.public-plan>strong small{font:500 11px;color:#727e96}.public-plan p{margin:0;font-weight:700}.public-plan>small{color:#727e96;font-size:11px;margin-bottom:10px}.public-plan .button{margin-top:auto;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:23px 0}.admin-stat{padding:17px;border:1px solid #e2e7f1;border-radius:15px;background:#f9faff}.admin-stat span{display:block;font-size:11px;color:#727e96}.admin-stat strong{display:block;font:800 28px Manrope,sans-serif;margin-top:5px;color:#7357e8}.inline-form{display:inline-flex;margin:0}.text-button{border:0;background:transparent;padding:0;cursor:pointer;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.auth-shell{margin:24px auto 45px}.auth-card{border-radius:19px}.account-summary{grid-template-columns:1fr}.balance-card,.balance-side{padding:18px}.balance-card strong{font-size:36px}.account-section{padding:16px}.pin-form{flex-direction:column}.pin-form .button{width:100%}.public-plans{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-actions{align-items:stretch;flex-direction:column}.account-actions .button{width:100%}.section-head{align-items:flex-start;flex-direction:column}th,td{padding:10px}.auth-card>.brand{margin-bottom:23px}}
.admin-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.admin-form{display:grid;gap:13px}.admin-form h2{margin-bottom:2px}.admin-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.admin-form input,.admin-form select,.generated-codes textarea{width:100%;border:1px solid #dfe5f0;border-radius:11px;padding:12px;background:#fbfcff;color:#202944;font:inherit}.admin-form .button{justify-self:start}.generated-codes{display:grid;gap:10px;margin:18px 0;padding:17px;background:#f0faf5;border:1px solid #cdeedc;border-radius:14px}.generated-codes strong{color:#216b51;font-size:13px}.generated-codes textarea{font-family:monospace;letter-spacing:.5px;resize:vertical}.generated-codes .button{justify-self:start}@media(max-width:600px){.admin-links{flex-direction:column}.admin-links .button{width:100%}.admin-form .button,.generated-codes .button{width:100%}}

.inline-action{display:inline-flex;margin:0}.inline-action .button{white-space:nowrap}.admin-form input[type="search"]{max-width:100%}
@media(max-width:680px){.inline-action .button{font-size:11px;padding:9px 10px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.5.2 — move URL converter into the signed-in account */
.account-converter-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.account-converter-heading .card-icon{flex:0 0 47px}.account-converter-heading h2{margin:0 0 3px}.account-converter-heading p{margin:0;color:#727e96;font-size:12px}.account-link-form{display:grid;gap:12px}.account-link-form>label,.account-link-form .format-label{display:block;font-size:12px;font-weight:700;color:#303a54}.account-link-form .url-field{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 13px;border:1px solid #dfe5f0;border-radius:13px;background:#fbfcff;min-width:0}.account-link-form .url-field:focus-within{border-color:#a99af4;box-shadow:0 0 0 3px #7357e812}.account-link-form .url-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:8px 2px;color:#202944;font-size:13px}.account-link-form .url-icon{color:#7357e8;font-size:18px}.account-link-form .paste-button{border:1px solid #e0dafb;border-radius:9px;background:#f5f2ff;color:#7357e8;padding:9px 11px;font-size:11px;font-weight:800;cursor:pointer}.account-link-form .format-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-link-form .format-option{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e2e7f1;border-radius:12px;background:#fff;cursor:pointer}.account-link-form .format-option.selected{border-color:#b9aaf7;background:#f8f6ff}.account-link-form .format-option input{position:absolute;opacity:0;pointer-events:none}.account-link-form .format-option b,.account-link-form .format-option small{display:block}.account-link-form .format-option b{font-size:12px}.account-link-form .format-option small{font-size:10px;color:#727e96}.account-link-form .format-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0ecff;color:#7357e8;font-size:18px}.account-link-form .video-symbol{background:#eaf3ff;color:#3979d5}.account-link-form .radio-dot{margin-left:auto;width:16px;height:16px;border:1px solid #cbd2e2;border-radius:50%;position:relative;flex:0 0 16px}.account-link-form .format-option.selected .radio-dot{border-color:#7357e8}.account-link-form .format-option.selected .radio-dot:after{content:'';position:absolute;inset:3px;background:#7357e8;border-radius:50%}.account-link-form .convert-button{width:100%;margin-top:3px}.account-link-form .form-note{font-size:11px;margin:0;line-height:1.6}.account-link-form .form-message{line-height:1.6}@media(max-width:600px){.account-converter-heading{align-items:flex-start}.account-link-form .url-field{gap:5px;padding-left:9px}.account-link-form .paste-button{padding:8px;font-size:10px}.account-link-form .format-options{gap:8px}.account-link-form .format-option{padding:9px;gap:7px}.account-link-form .format-symbol{width:30px;height:30px}}

/* MediaZV v0.5.6 — refined account and admin interface */
.app-page{min-height:100vh;background:radial-gradient(ellipse at 10% 0%,rgba(120,99,235,.09),transparent 34%),radial-gradient(ellipse at 100% 8%,rgba(51,130,214,.07),transparent 28%),#f4f6fb}
.auth-shell{width:min(1120px,94%);margin:30px auto 64px}
.auth-card{padding:clamp(20px,3vw,34px);border-color:#e1e6f0;border-radius:25px;box-shadow:0 24px 70px rgba(31,43,75,.075)}
.app-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid #edf0f6}
.app-topline .brand{margin:0;flex-shrink:0}
.app-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap;color:#65718a;font-size:12px;font-weight:700}
.app-top-actions>a{transition:color .2s}
.app-top-actions>a:hover{color:#7357e8}
.app-logout{border:0;background:#f2f0ff;color:#6b51dc;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}
.app-subnav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-4px 0 27px;padding:7px;border:1px solid #e9edf5;border-radius:14px;background:#f8f9fd}
.app-subnav a{padding:9px 12px;border-radius:9px;color:#69758c;font-size:12px;font-weight:700;transition:background .18s,color .18s}
.app-subnav a:hover,.app-subnav a:focus-visible{background:#fff;color:#674bd7;box-shadow:0 2px 8px rgba(33,45,75,.06);outline:0}
.page-heading{margin:0 0 22px}
.page-heading h1{font:800 clamp(27px,3vw,35px)/1.18 Manrope,sans-serif;letter-spacing:-1.15px;margin:0;color:#202944}
.page-heading .auth-subtitle{margin:9px 0 0;max-width:720px;font-size:13px;line-height:1.7}
.auth-card>.brand{margin-bottom:0}
.account-summary{gap:16px;margin:0 0 18px}
.balance-card,.balance-side{min-height:150px;padding:24px;border-radius:20px;box-shadow:0 8px 24px rgba(34,48,83,.035)}
.balance-card{position:relative;overflow:hidden;background:linear-gradient(125deg,#eeeaff 0%,#f9f7ff 60%,#fff 100%);border-color:#ded6ff}
.balance-card:after{content:'♫';position:absolute;right:18px;bottom:-27px;font-size:112px;line-height:1;color:rgba(115,87,232,.075);font-weight:800;pointer-events:none}
.balance-card strong{position:relative;z-index:1;font-size:46px;line-height:1.1;margin:11px 0;color:#674bd7}
.balance-side{background:linear-gradient(135deg,#fff,#f8faff);display:flex;flex-direction:column;justify-content:center}
.balance-side strong{font-size:17px}
.account-section{margin-top:16px;padding:23px;border-color:#e3e8f1;border-radius:19px;box-shadow:0 7px 24px rgba(34,48,83,.035);scroll-margin-top:18px}
.account-section h2{font-size:17px;letter-spacing:-.3px}
.account-section>p{font-size:12px;line-height:1.7}
.account-converter{background:linear-gradient(135deg,#fff 0%,#fcfbff 100%);border-color:#dcd5fa;box-shadow:0 12px 32px rgba(86,67,180,.07)}
.account-converter-heading .card-icon{border-radius:15px;background:linear-gradient(145deg,#8068ee,#6446d3);color:#fff;box-shadow:0 8px 18px rgba(105,78,218,.2)}
.account-converter-heading h2{font-size:19px}
.account-converter-heading p{font-size:12px;line-height:1.65}
.account-link-form>label,.account-link-form .format-label{font-size:12px;color:#34405a}
.account-link-form .url-field{min-height:56px;border-color:#dce2ef;background:#fff;border-radius:14px}
.account-link-form .url-field input{font-size:14px}
.account-link-form .convert-button{min-height:50px;border-radius:13px;box-shadow:0 9px 20px rgba(105,78,218,.18)}
.account-link-form .form-note{padding:11px 13px;background:#f7f8fc;border-radius:11px;color:#768199}
.pin-form input,.admin-form input,.admin-form select,.generated-codes textarea{background:#fff;border-color:#dce2ed;border-radius:12px;min-height:45px}
.pin-form input:focus,.admin-form input:focus,.admin-form select:focus{outline:0;border-color:#a99af4;box-shadow:0 0 0 3px rgba(115,87,232,.1)}
.admin-stats{gap:12px;margin:0 0 13px}
.admin-stat{min-height:105px;padding:18px 19px;border-color:#e2e7f0;border-radius:17px;background:linear-gradient(145deg,#fff,#f9faff);box-shadow:0 5px 17px rgba(35,48,81,.035)}
.admin-stat span{font-size:11px;font-weight:700;line-height:1.5}
.admin-stat strong{font-size:30px;letter-spacing:-.8px;color:#654bd6}
.admin-links{padding:10px;margin:17px 0 18px;border:1px solid #e8ecf4;border-radius:15px;background:#f8f9fd;gap:8px}
.admin-links .button{min-height:39px;font-size:11px;padding:10px 14px}
.admin-links .button-outline{background:#fff}
.admin-form{gap:15px}
.admin-form label{font-size:12px;color:#35405a}
.admin-form input,.admin-form select{padding:12px 13px}
.admin-form .button{margin-top:2px}
.table-wrap{margin-top:15px;border:1px solid #e8ecf4;border-radius:13px;background:#fff}
table{font-size:12px}
th{background:#f6f7fc;color:#68748c;font-size:10px;letter-spacing:.65px}
th,td{padding:13px 14px;border-bottom:1px solid #edf0f6}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fbfaff}
td a{color:#674bd7;font-weight:800}
.empty-state{background:#fafbfe;border-color:#dce3f0;padding:26px 16px;line-height:1.7}
.notice{border-radius:13px;padding:14px 16px;margin:15px 0;font-weight:600}
.notice-success{background:#eaf8f1;border-color:#c8ecd9;color:#206b4e}
.notice-error{background:#fff2f0;border-color:#f7d8d4;color:#9b3b32}
.generated-codes{box-shadow:0 7px 20px rgba(30,125,87,.05)}
.public-plan{background:#fff;border-color:#e2e7f0;border-radius:18px;padding:22px;box-shadow:0 7px 24px rgba(34,48,83,.035)}
.public-plan>strong{color:#674bd7}
.auth-form input{min-height:47px;background:#fff;border-color:#dce2ed;border-radius:12px}
.auth-form input:focus{border-color:#a99af4;box-shadow:0 0 0 3px rgba(115,87,232,.1)}
.auth-form .button{min-height:48px}
@media(min-width:1100px){.app-page-admin .auth-shell{width:min(1240px,95%)}.app-page-admin .auth-card{padding:32px 36px}.app-page-admin .admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.auth-shell{width:94%;margin:15px auto 35px}.auth-card{padding:19px;border-radius:20px}.app-topline{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:17px;margin-bottom:20px}.app-top-actions{justify-content:flex-start;gap:12px}.app-subnav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-bottom:22px;padding:5px}.app-subnav a{padding:9px 10px}.page-heading h1{font-size:28px}.account-summary{grid-template-columns:1fr}.balance-card,.balance-side{min-height:125px;padding:19px}.balance-card strong{font-size:39px}.account-section{padding:17px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-stat{min-height:92px;padding:14px}.admin-stat strong{font-size:26px}.admin-links{display:grid;grid-template-columns:1fr 1fr}.admin-links .button{width:100%;text-align:center;padding:10px 8px;font-size:10px}.table-wrap{margin-inline:-2px;max-width:calc(100% + 4px)}th,td{padding:11px 10px}.account-actions{gap:10px}.section-head{gap:8px}}
@media(max-width:440px){.auth-card{padding:15px}.app-top-actions{gap:9px;font-size:11px}.app-top-actions>a{padding:7px 0}.page-heading h1{font-size:25px}.page-heading .auth-subtitle{font-size:12px}.admin-stats{grid-template-columns:1fr 1fr}.admin-stat span{font-size:10px}.admin-stat strong{font-size:24px}.admin-links{grid-template-columns:1fr}.admin-links .button{font-size:12px}.account-converter-heading{gap:10px}.account-converter-heading .card-icon{flex-basis:40px;width:40px;height:40px}.account-link-form .url-field{min-height:50px}}


/* MediaZV v0.5.7 — admin clarity and status language */
.app-subnav a.is-active{background:#fff;color:#5f45d0;box-shadow:0 3px 10px rgba(39,48,82,.08);border:1px solid #e7e0ff}
.status-pill{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:800;line-height:1.25;white-space:nowrap}
.status-good{background:#eaf8f1;border-color:#cdebdc;color:#217451}
.status-bad{background:#fff0ef;border-color:#f5d5d2;color:#a33c35}
.status-pending{background:#fff7e7;border-color:#f2e1b7;color:#91631c}
.status-neutral{background:#f0f3f8;border-color:#e1e6ef;color:#65718a}
.notice-info{background:linear-gradient(120deg,#f1efff,#f8faff);border:1px solid #ddd7fa;color:#5e5687}
.notice-info strong{display:inline-block;margin-bottom:3px;color:#4f43a1}
.dashboard-table-link{display:flex;justify-content:flex-end;margin:15px 0 0!important}
.dashboard-table-link a{display:inline-flex;align-items:center;gap:8px;color:#674bd7;font-size:12px;font-weight:800}
.dashboard-table-link a span{font-size:17px;transition:transform .18s}
.dashboard-table-link a:hover span{transform:translateX(3px)}
.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:14px}
.admin-stats+.admin-stats{margin-top:0}
.app-page-admin .account-section h2{display:flex;align-items:center;gap:8px}
.app-page-admin .table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c9c2ed #f5f6fb}
.app-page-admin .table-wrap::-webkit-scrollbar{height:7px}
.app-page-admin .table-wrap::-webkit-scrollbar-thumb{background:#c9c2ed;border-radius:20px}
.app-page-admin .inline-action .button{min-height:34px;padding:8px 10px;font-size:10px}
@media(max-width:760px){.status-pill{white-space:normal;text-align:center}.dashboard-table-link{justify-content:flex-start}.app-page-admin .account-section{overflow:hidden}.app-page-admin .table-wrap{margin-top:12px}}


/* MediaZV v0.5.8 — admin dashboard overview */
.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:17px}
.admin-dashboard-panel{min-width:0;margin-top:0;padding:20px}
.admin-dashboard-panel .section-head{align-items:center;margin-bottom:12px}
.admin-dashboard-panel .section-head h2{margin:0;font-size:16px;letter-spacing:-.25px}
.admin-dashboard-panel .section-head .subtle{font-size:10px;white-space:nowrap}
.admin-dashboard-panel .table-wrap{margin-top:0}
.admin-dashboard-panel table{min-width:510px}
.admin-dashboard-panel td strong{display:block;color:#303b55;font-size:11px}
.admin-dashboard-panel td small{display:block;margin-top:4px;color:#7d879b;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.admin-dashboard-panel .dashboard-table-link{padding-top:4px}
.admin-service-note{margin-top:17px}
@media(max-width:1050px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-panel table{min-width:580px}}
@media(max-width:600px){.admin-dashboard-panel{padding:15px}.admin-dashboard-panel .section-head{align-items:flex-start;flex-wrap:wrap}.admin-dashboard-panel .table-wrap{margin-inline:-2px}.admin-dashboard-panel table{min-width:540px}.admin-dashboard-panel th,.admin-dashboard-panel td{padding:10px 9px}}

/* MediaZV 0.5.9 — tariff and PIN administration */
.pin-create-form,.tariff-create-form{background:linear-gradient(145deg,#fff 0%,#faf9ff 100%);border-color:#e1ddf7}
.pin-fields,.tariff-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.tariff-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.pin-fields label,.tariff-fields label{display:grid;align-content:start;gap:7px;font-size:12px;font-weight:750;color:#35405a;min-width:0}
.pin-fields input,.tariff-fields input,.tariff-fields select{width:100%;min-width:0;border:1px solid #dce2ed;border-radius:12px;background:#fff;padding:12px 13px;min-height:45px;color:#202944;font:inherit}
.pin-fields label small,.tariff-fields label small{font-size:11px;line-height:1.5;font-weight:400;color:#7b869d}
.admin-section-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eeeaff;color:#7357e8;font-size:25px;font-weight:500}
.pin-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.55fr) auto auto;align-items:end;gap:10px;margin:18px 0 15px;padding:14px;border:1px solid #e9edf5;background:#f8f9fd;border-radius:14px}
.pin-filter label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#48536b;min-width:0}
.pin-filter input,.pin-filter select{width:100%;min-width:0;min-height:41px;border:1px solid #dce2ed;border-radius:10px;background:#fff;padding:10px 11px;font:inherit;color:#202944}
.button-small{min-height:34px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap}
.button-danger{background:#fff2f1!important;color:#b33b45!important;border:1px solid #f4d3d1!important}
.button-danger:hover{background:#ffe8e6!important}
.pin-pagination{justify-content:flex-end;gap:12px}
.pin-stats .admin-stat strong,.tariff-stats .admin-stat strong{font-variant-numeric:tabular-nums}
.pin-stats .admin-stat:nth-child(2) strong,.tariff-stats .admin-stat:nth-child(2) strong{color:#21845d}
.pin-stats .admin-stat:nth-child(3) strong{color:#7357e8}
.pin-stats .admin-stat:nth-child(4) strong,.tariff-stats .admin-stat:nth-child(3) strong{color:#b36b32}
.tariff-stats .admin-stat .stat-word{font-size:17px;color:#7b869d;letter-spacing:-.2px}
.pin-list-section .table-wrap,.tariff-list-section .table-wrap{margin-top:10px}
.pin-list-section td:last-child,.tariff-list-section td:last-child{white-space:normal}
@media(max-width:760px){.pin-fields,.tariff-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-filter{grid-template-columns:1fr 1fr}.pin-filter label:first-child{grid-column:1/-1}.pin-filter .button,.pin-filter>a{width:100%;text-align:center}.pin-list-section .section-head,.tariff-list-section .section-head{align-items:flex-start}.pin-pagination{flex-direction:row;justify-content:space-between;align-items:center}.pin-pagination .button{width:auto;flex:1}}
@media(max-width:480px){.pin-fields,.tariff-fields{grid-template-columns:1fr}.pin-filter{grid-template-columns:1fr}.pin-filter label:first-child{grid-column:auto}.pin-filter .button,.pin-filter>a{width:100%}.pin-pagination{flex-direction:column;align-items:stretch}.pin-pagination .button{width:100%}.pin-stats .admin-stat strong{font-size:23px}}


/* MediaZV v0.5.10 — conversion analytics and filters */
.conversion-admin-stats .admin-stat:nth-child(2) strong{color:#21845d}.conversion-admin-stats .admin-stat:nth-child(3) strong{color:#c24e59}.conversion-filter{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(120px,.7fr)) repeat(2,minmax(130px,.75fr)) auto auto}.conversion-filter label:first-child{grid-column:auto}.conversion-filter label{min-width:0}.conversion-filter input,.conversion-filter select{box-sizing:border-box}.conversion-list-section .section-head p{margin:4px 0 0;color:#7b869d;font-size:12px}.conversion-pagination{flex-direction:row;justify-content:space-between;align-items:center}.conversion-pagination .button{width:auto}.dashboard-period-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.dashboard-period-stats .admin-stat strong small{font:700 14px Manrope,sans-serif;color:#8b94a8;margin-left:3px}@media(max-width:1050px){.conversion-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-filter label:first-child{grid-column:1/-1}.conversion-filter .button,.conversion-filter>a{width:100%;text-align:center}}@media(max-width:480px){.conversion-filter{grid-template-columns:1fr}.conversion-filter label:first-child{grid-column:auto}.conversion-filter .button,.conversion-filter>a{width:100%}.conversion-pagination{flex-direction:column;align-items:stretch}.conversion-pagination .button{width:100%}.dashboard-period-stats{grid-template-columns:1fr 1fr}.dashboard-period-stats .admin-stat strong{font-size:22px}}

/* MediaZV v0.5.11 — clearer user account overview */
.balance-action,.account-profile-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:14px;padding:9px 12px;border:1px solid #ddd6ff;border-radius:10px;background:rgba(255,255,255,.78);color:#654bd6;font-size:11px;font-weight:800;transition:background .18s,border-color .18s,transform .18s}
.balance-action:hover,.account-profile-link:hover{background:#fff;border-color:#c8bcff;transform:translateY(-1px)}
.balance-action span,.account-profile-link span{font-size:15px;line-height:1}
.account-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.account-quick-stat{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #e4e8f1;border-radius:16px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 5px 16px rgba(35,48,81,.025);transition:transform .18s,border-color .18s,box-shadow .18s}
.account-quick-stat:hover{transform:translateY(-2px);border-color:#d6cef8;box-shadow:0 9px 22px rgba(65,52,130,.07)}
.quick-stat-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;font-size:20px;font-weight:800}
.quick-stat-total{background:#f0edff;color:#7055df}.quick-stat-success{background:#e8f8ef;color:#23835c}.quick-stat-pending{background:#fff5e4;color:#a46a17}
.quick-stat-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.quick-stat-copy small{color:#77829a;font-size:11px;font-weight:700}.quick-stat-copy strong{color:#27324b;font:800 24px/1.1 Manrope,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.account-download-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid #d8d0ff;border-radius:9px;background:#f5f2ff;color:#6348d3!important;font-size:11px;font-weight:800;white-space:nowrap}.account-download-link:hover{background:#ebe6ff}
@media(max-width:760px){.account-quick-stats{gap:9px}.account-quick-stat{padding:13px;gap:9px}.quick-stat-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:17px}.quick-stat-copy strong{font-size:22px}}
@media(max-width:480px){.account-quick-stats{grid-template-columns:1fr}.account-quick-stat{padding:12px 14px}.quick-stat-copy strong{font-size:21px}.balance-action,.account-profile-link{margin-top:12px}}

/* MediaZV v0.5.12 — refined authentication and plans */
.auth-form-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px;align-items:stretch;margin-top:8px}
.auth-form-column{min-width:0;padding:2px 0 4px}
.auth-form-intro{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;margin:0 0 19px;border:1px solid #e7e2fb;border-radius:15px;background:linear-gradient(120deg,#f7f4ff,#fbfcff)}
.auth-form-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#8068ee,#6446d3);color:#fff;font-size:21px;font-weight:800;box-shadow:0 6px 14px rgba(105,78,218,.18)}
.auth-form-intro strong,.auth-form-intro span{display:block}
.auth-form-intro strong{font-size:13px;line-height:1.5;color:#28324b}
.auth-form-intro div>span{font-size:11px;line-height:1.7;color:#737e96;margin-top:3px}
.auth-form{max-width:none;margin-top:0;gap:14px}
.auth-form label{gap:8px;color:#34405a}
.auth-form input{min-height:49px;padding:13px 14px;background:#fbfcff;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-form input:focus{background:#fff}
.auth-form .button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border-radius:12px;box-shadow:0 8px 18px rgba(105,78,218,.14)}
.auth-form .button span{margin-left:auto;font-size:18px}
.auth-side-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:26px;border:1px solid #dcd6fa;border-radius:19px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.85),transparent 37%),linear-gradient(145deg,#eeebff 0%,#f4f7ff 64%,#edf7ff 100%)}
.auth-side-panel:after{content:'♫';position:absolute;right:7px;bottom:-48px;font-size:170px;line-height:1;font-weight:800;color:rgba(103,75,215,.065);pointer-events:none}
.auth-side-kicker{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#7865c5}
.auth-side-mark{display:grid;place-items:center;width:55px;height:55px;margin:26px 0 20px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(66,59,130,.08);font-size:28px;font-weight:800;color:#7056dc}
.auth-side-panel h2{position:relative;z-index:1;margin:0;color:#252e49;font:800 clamp(22px,2.5vw,29px)/1.15 Manrope,sans-serif;letter-spacing:-.9px}
.auth-side-panel p{position:relative;z-index:1;margin:12px 0 15px;color:#66718b;font-size:12px;line-height:1.8}
.auth-side-panel ul{position:relative;z-index:1;display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}
.auth-side-panel li{position:relative;padding-left:22px;color:#39445e;font-size:11px;font-weight:700;line-height:1.5}
.auth-side-panel li:before{content:'✓';position:absolute;left:0;top:0;color:#2b9872;font-weight:900}
.auth-side-panel>small{position:relative;z-index:1;margin-top:auto;color:#7b85a0;font-size:10px;line-height:1.7}
.auth-register-side{background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.9),transparent 40%),linear-gradient(145deg,#edf8f4,#f5f6ff 75%,#f0edff);border-color:#d8eee6}
.auth-register-side .auth-side-mark{color:#228664}
.auth-register-layout .auth-form{gap:12px}
.auth-register-layout .auth-form-intro{margin-bottom:15px}
.auth-register-layout .auth-terms{line-height:1.7}
.plans-intro-panel{display:flex;align-items:flex-start;gap:14px;padding:17px 18px;margin:0 0 18px;border:1px solid #e2ddfa;border-radius:16px;background:linear-gradient(120deg,#f4f1ff,#f9fbff)}
.plans-intro-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#e7e0ff;color:#6b50d8;font-size:21px;font-weight:800}
.plans-intro-panel strong{display:block;color:#2b3550;font-size:13px}
.plans-intro-panel p{margin:5px 0 0;color:#717d95;font-size:11px;line-height:1.7}
.public-plans{gap:15px;margin:0 0 20px;align-items:stretch}
.public-plan{position:relative;overflow:hidden;gap:11px;min-width:0;padding:22px;border-radius:19px;box-shadow:0 8px 25px rgba(36,49,83,.045);transition:transform .18s,border-color .18s,box-shadow .18s}
.public-plan:hover{transform:translateY(-2px);border-color:#d3caf8;box-shadow:0 14px 30px rgba(36,49,83,.08)}
.public-plan .plan-tag{font-size:9px;letter-spacing:.2px}
.public-plan h2{overflow-wrap:anywhere;font-size:17px}
.public-plan>strong{margin-top:5px;font-size:30px;line-height:1.15;letter-spacing:-.8px}
.public-plan>strong small{font-size:11px;letter-spacing:0}
.public-plan>p{font-size:15px;color:#2d3853}
.public-plan>small{font-size:10px;line-height:1.6}
.public-plan-unavailable,.public-plan-unavailable:disabled{width:100%;min-height:42px;margin-top:auto;opacity:.72;cursor:not-allowed;box-shadow:none}
.plans-payment-note{font-size:12px;line-height:1.8}
.plans-payment-note strong{font-size:12px}
@media(max-width:900px){.auth-form-layout{grid-template-columns:minmax(0,1fr) minmax(230px,.78fr);gap:17px}.auth-side-panel{padding:21px}.public-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.auth-form-layout{grid-template-columns:1fr;gap:18px}.auth-side-panel{min-height:0;padding:22px}.auth-side-mark{margin:18px 0 15px}.auth-side-panel h2{font-size:25px}.auth-side-panel>small{margin-top:0}.auth-form-intro{padding:13px}.public-plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto;margin-bottom:18px}.public-plan{padding:21px}.plans-intro-panel{padding:14px}.auth-register-layout .auth-form{gap:13px}}
@media(prefers-reduced-motion:reduce){.public-plan,.auth-form input{transition:none}}


/* MediaZV v0.5.13 — clearer notifications and conversion result */
.flash-notice{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border-radius:14px;box-shadow:0 7px 20px rgba(35,48,81,.045)}
.notice-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.78);font-size:14px;font-weight:900;line-height:1}
.notice-copy{flex:1;min-width:0;padding-top:2px;overflow-wrap:anywhere}
.notice-dismiss{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;margin:-3px -4px 0 0;border:0;border-radius:8px;background:rgba(255,255,255,.58);color:inherit;font-size:21px;line-height:1;cursor:pointer;transition:background .18s,transform .18s}
.notice-dismiss:hover{background:rgba(255,255,255,.95);transform:scale(1.04)}
.flash-notice.is-closing{opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s}
.conversion-success-card{position:relative;overflow:hidden;max-width:700px;margin:25px auto 8px;padding:clamp(22px,4.5vw,38px);border:1px solid #e1e6f1;border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(121,100,231,.09),transparent 34%),linear-gradient(155deg,#fff,#fbfcff);box-shadow:0 20px 55px rgba(38,53,91,.075);text-align:center}
.result-success-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 15px;border:1px solid #cceedd;border-radius:22px;background:linear-gradient(145deg,#eafaf2,#dff6eb);box-shadow:0 10px 24px rgba(35,136,96,.09)}
.result-success-mark span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#258c68;color:#fff;font-size:25px;font-weight:900;box-shadow:0 5px 12px rgba(37,140,104,.2)}
.result-eyebrow{display:block;color:#258765;font-size:9px;font-weight:900;letter-spacing:1.8px}
.conversion-success-card h2{margin:9px 0 8px;color:#252e49;font:800 clamp(25px,4vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1.1px}
.result-lead{max-width:450px;margin:0 auto 23px;color:#77829a;font-size:12px;line-height:1.8}
.result-file-card{display:flex;align-items:center;gap:13px;min-width:0;padding:14px;text-align:left;border:1px solid #e5e9f2;border-radius:16px;background:rgba(255,255,255,.9)}
.result-file-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;font-size:24px;font-weight:800}
.result-audio{background:#f0ecff;color:#7054df}.result-video{background:#eaf3ff;color:#3979d5}
.result-file-info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.result-file-info strong{color:#2b3550;font-size:12px;overflow-wrap:anywhere;word-break:break-word}.result-file-info span{color:#7d879c;font-size:10px}
.result-ready-pill{flex:0 0 auto;padding:5px 8px;border-radius:8px;background:#e8f8ef;color:#23835c;font-size:9px;font-weight:900}
.result-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 18px;text-align:left}
.result-details>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid #e9edf5;border-radius:12px;background:#f9faff}
.result-details span{color:#8490a5;font-size:9px;font-weight:700}.result-details strong{color:#34405a;font-size:11px;overflow-wrap:anywhere}
.result-download-button{display:flex;width:100%;min-height:51px;gap:10px;border-radius:13px;font-size:13px}.result-download-button>span:first-child{font-size:21px}.result-download-size{margin-left:auto;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.17);font-size:10px;font-weight:700}
.result-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:#7c879d;font-size:10px}.result-security-note span{color:#6d58d5;font-size:15px}.result-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 23px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0f6}.result-footer-links a{color:#6d55d9;font-size:11px;font-weight:800}.result-footer-links a:hover{text-decoration:underline}
@media(max-width:520px){.flash-notice{gap:8px;padding:12px}.notice-dismiss{flex-basis:25px;width:25px;height:25px}.conversion-success-card{padding:22px 16px;border-radius:19px}.result-file-card{gap:9px;padding:11px}.result-file-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:21px}.result-file-info strong{font-size:11px}.result-ready-pill{padding:4px 6px;font-size:8px}.result-details{grid-template-columns:1fr;gap:7px}.result-details>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 12px}.result-details strong{text-align:right}.result-footer-links{flex-direction:column;gap:13px}.result-download-button{padding:13px}}
@media(prefers-reduced-motion:reduce){.notice-dismiss,.flash-notice.is-closing{transition:none}}

/* MediaZV v0.5.14 — account conversion history */
.account-conversion-history .section-head{align-items:flex-start;margin-bottom:15px}
.history-caption{margin:5px 0 0;color:#7b869d;font-size:11px;line-height:1.65}
.history-filter{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr)) auto auto;align-items:end;gap:10px;padding:14px;margin:0 0 15px;border:1px solid #e8ebf4;border-radius:14px;background:linear-gradient(135deg,#fafbff,#f7f8fd)}
.history-filter label{display:grid;gap:6px;min-width:0;color:#68748c;font-size:10px;font-weight:800}
.history-filter input,.history-filter select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #dfe5f0;border-radius:10px;background:#fff;color:#2d3853;font:inherit;font-size:11px;outline:0}
.history-filter input:focus,.history-filter select:focus{border-color:#a99af4;box-shadow:0 0 0 3px #7357e812}
.history-filter .button{display:flex;align-items:center;justify-content:center;min-height:40px;padding:10px 13px;white-space:nowrap;font-size:11px}
.account-conversion-history .table-wrap{margin-top:0}
.account-conversion-history table{min-width:690px}
.account-conversion-history td{vertical-align:middle}
.account-conversion-history td strong{color:#303a54;font-size:11px}
.account-conversion-history td small{font-size:10px}
.format-history-pill{display:inline-flex;align-items:center;justify-content:center;min-width:43px;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.3px}
.format-history-mp3{background:#f0ecff;color:#7054d8}.format-history-mp4{background:#eaf3ff;color:#3677c9}
.history-credit-used{color:#b34c58;font-size:10px;font-weight:800;white-space:nowrap}
.history-pagination{justify-content:center;gap:14px;flex-wrap:wrap}
.history-pagination .button{min-width:105px;justify-content:center}
@media(max-width:1100px){.history-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filter .button{width:100%}}
@media(max-width:680px){.history-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}.history-filter label{font-size:10px}.history-filter .button{min-width:0;padding:10px 8px;font-size:10px}.history-pagination{flex-direction:row;align-items:center}.history-pagination .button{width:auto;min-width:90px}.account-conversion-history .section-head{gap:7px}}
@media(max-width:380px){.history-filter{grid-template-columns:1fr}.history-filter .button{width:100%}}

/* MediaZV v0.5.15 — separated account sections */
.user-subnav a.is-active{background:#fff;color:#5f45d0;box-shadow:0 3px 10px rgba(39,48,82,.08);border:1px solid #e7e0ff}
.account-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 2px}
.account-page-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:112px;padding:17px;border:1px solid #e4e8f2;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 7px 22px rgba(34,48,83,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.account-page-card:hover{transform:translateY(-2px);border-color:#d4ccfa;box-shadow:0 12px 28px rgba(75,60,150,.075)}
.account-page-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;font-size:21px;font-weight:900}
.account-page-icon-pin{background:#eeeaff;color:#6d52dc}
.account-page-icon-ledger{background:#e8f7ef;color:#26845f}
.account-page-icon-history{background:#eaf2ff;color:#3978c9}
.account-page-copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.account-page-copy strong{color:#2b3550;font-size:12px;line-height:1.45}
.account-page-copy small{color:#7d879c;font-size:10px;line-height:1.65}
.account-page-arrow{flex:0 0 auto;color:#7357e8;font-size:20px;transition:transform .18s}
.account-page-card:hover .account-page-arrow{transform:translateX(3px)}
.account-subpage-balance{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:15px 18px;border:1px solid #e3ddfb;border-radius:15px;background:linear-gradient(110deg,#f3f0ff,#fbfcff)}
.account-subpage-balance>span{color:#6f7a92;font-size:11px;font-weight:700}
.account-subpage-balance>strong{color:#6048ce;font:800 21px/1.2 Manrope,sans-serif;white-space:nowrap}
.account-subpage-balance>strong small{font:700 10px Inter,sans-serif;color:#7c86a0}
.account-subpage-balance>a{color:#674bd7;font-size:11px;font-weight:800;white-space:nowrap}
.redeem-page-panel{position:relative;overflow:hidden;margin-top:0;padding:clamp(22px,4vw,34px);background:radial-gradient(circle at 100% 0,rgba(115,87,232,.07),transparent 35%),linear-gradient(145deg,#fff,#fbfaff);border-color:#ded8f8}
.subpage-feature-icon{margin-bottom:15px}
.redeem-page-panel h2{font-size:21px}
.redeem-page-panel>p{max-width:620px;margin-bottom:20px}
.redeem-page-panel .pin-form{max-width:680px}
.redeem-page-panel .pin-form input{min-height:51px;font-size:14px;letter-spacing:1.3px}
.redeem-page-panel .pin-form .button{min-height:51px}
.redeem-help{display:flex;flex-direction:column;gap:5px;margin-top:21px;padding:14px 15px;border:1px solid #e7eaf3;border-radius:12px;background:#f8f9fd}
.redeem-help strong{color:#36415c;font-size:11px}
.redeem-help span{color:#7a859b;font-size:10px;line-height:1.7}
.account-back-link{margin:19px 0 0;font-size:12px}
.account-back-link a{display:inline-flex;align-items:center;gap:7px;color:#6b51dc;font-weight:800}
.account-ledger-page .section-head{align-items:flex-start;margin-bottom:12px}
.account-ledger-page .table-wrap{margin-top:14px}
.account-history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 16px}
.account-history-stats>div{display:flex;flex-direction:column;gap:7px;padding:16px 18px;border:1px solid #e4e8f2;border-radius:15px;background:linear-gradient(145deg,#fff,#f9faff)}
.account-history-stats span{color:#7a859b;font-size:10px;font-weight:700}
.account-history-stats strong{color:#5f49ce;font:800 26px/1.2 Manrope,sans-serif}
.account-history-stats .history-stat-success{color:#21845d}
.account-history-stats .history-stat-error{color:#b34c58}
@media(max-width:900px){.account-pages{grid-template-columns:1fr}.account-page-card{min-height:90px}.account-page-copy strong{font-size:13px}.account-page-copy small{font-size:11px}}
@media(max-width:680px){.account-subpage-balance{align-items:flex-start;flex-direction:column;gap:8px;padding:14px}.account-subpage-balance>strong{font-size:23px}.redeem-page-panel{padding:20px 16px}.redeem-page-panel .pin-form{flex-direction:column}.redeem-page-panel .pin-form .button{width:100%}.account-history-stats{grid-template-columns:1fr 1fr}.account-history-stats>div{padding:13px}.account-history-stats>div:first-child{grid-column:1/-1}.account-history-stats strong{font-size:23px}.account-ledger-page .section-head{gap:5px}}
@media(max-width:390px){.account-page-card{gap:9px;padding:13px}.account-page-icon{flex-basis:38px;width:38px;height:38px}.account-page-copy small{font-size:10px}.account-history-stats{gap:8px}}


/* MediaZV v0.5.24 — polished progress dialog */
.conversion-progress-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(13,19,39,.62);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.conversion-progress-overlay.is-visible{opacity:1;visibility:visible}
.conversion-progress-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,490px);padding:clamp(22px,5vw,34px);border:1px solid rgba(255,255,255,.86);border-radius:28px;background:linear-gradient(150deg,#fff 0%,#fbfaff 55%,#f5f8ff 100%);box-shadow:0 32px 100px rgba(5,12,34,.32),0 4px 18px rgba(41,49,91,.08);text-align:center;animation:mc-progress-card-in .28s cubic-bezier(.2,.8,.2,1) both}
.conversion-progress-card:before{content:"";position:absolute;z-index:-1;top:-100px;right:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(127,101,238,.15),rgba(127,101,238,0) 70%);pointer-events:none}
.conversion-progress-topline{display:flex;align-items:center;gap:9px;margin-bottom:27px;text-align:left}
.conversion-progress-brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#8068ed,#4d8de8);color:#fff;font-size:15px;font-weight:900;box-shadow:0 5px 12px rgba(105,91,218,.25)}
.conversion-progress-brand{color:#6c7390;font-size:10px;font-weight:900;letter-spacing:1.7px}
.conversion-progress-live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;border:1px solid #dcefe7;border-radius:99px;background:#f0fbf6;color:#287b5e;font-size:10px;font-weight:800}
.conversion-progress-live i{width:6px;height:6px;border-radius:50%;background:#32ad7e;box-shadow:0 0 0 3px rgba(50,173,126,.13);animation:mc-live-pulse 1.8s ease-in-out infinite}
.conversion-progress-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border:1px solid rgba(126,104,237,.13);border-radius:22px;background:linear-gradient(135deg,#f0ebff,#e9f3ff);color:#7357e8;font-size:30px;font-weight:800;box-shadow:0 9px 22px rgba(105,91,218,.11),inset 0 1px 0 #fff}
.conversion-progress-card h2{margin:0;color:#202944;font:800 clamp(24px,4vw,30px)/1.2 Manrope,sans-serif;letter-spacing:-.8px}
.conversion-progress-copy{max-width:340px;min-height:22px;margin:11px auto 25px;color:#6f7a91;font-size:13px;line-height:1.65}
.conversion-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:#68738d;font-size:11px;font-weight:800;text-align:left}
.conversion-progress-phase{display:inline-flex;align-items:center;gap:7px}
.conversion-progress-phase:before{content:"";width:7px;height:7px;border-radius:50%;background:#8068ed;box-shadow:0 0 0 3px rgba(128,104,237,.12)}
.conversion-progress-percent{color:#5844c6;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.conversion-progress-track{position:relative;height:11px;overflow:hidden;border:1px solid rgba(112,122,153,.08);border-radius:99px;background:#e9eaf4;box-shadow:inset 0 2px 4px rgba(32,41,68,.06)}
.conversion-progress-track span{position:absolute;top:0;bottom:0;left:-42%;width:42%;border-radius:99px;background:linear-gradient(90deg,#8068ed 0%,#5b8de9 50%,#9a7af4 100%);box-shadow:0 0 12px rgba(112,94,225,.22);animation:mc-progress-indeterminate 1.45s ease-in-out infinite}
.conversion-progress-track.is-determinate span{left:0;width:0;animation:none;transition:width .28s ease;background:linear-gradient(90deg,#8068ed 0%,#5b8de9 55%,#38b995 100%);box-shadow:0 0 12px rgba(112,94,225,.2)}
.conversion-progress-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;color:#3e4963;font-size:12px;font-weight:800}
.conversion-progress-spinner{flex:0 0 15px;width:15px;height:15px;border:2px solid #dcd5ff;border-top-color:#7357e8;border-radius:50%;animation:mc-progress-spin .75s linear infinite}
.conversion-progress-safe{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:22px;padding:12px 13px;border:1px solid #e8e8f4;border-radius:14px;background:rgba(246,247,253,.85);color:#7a8499;font-size:10px;line-height:1.55;text-align:left}
.conversion-progress-safe>span:first-child{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#e0f5eb;color:#26845f;font-size:10px;font-weight:900}
.conversion-is-running{overflow:hidden}
.account-link-form .convert-button:disabled{opacity:.78;cursor:wait}
.conversion-progress-reload{margin-top:18px}
@keyframes mc-progress-indeterminate{0%{left:-42%;width:35%}50%{width:48%}100%{left:105%;width:35%}}
@keyframes mc-progress-spin{to{transform:rotate(360deg)}}
@keyframes mc-progress-card-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mc-live-pulse{50%{opacity:.55;box-shadow:0 0 0 5px rgba(50,173,126,.06)}}
@media(prefers-reduced-motion:reduce){.conversion-progress-track span,.conversion-progress-spinner,.conversion-progress-live i{animation-duration:3s}.conversion-progress-overlay{transition:none}.conversion-progress-card{animation:none}}
@media(max-width:480px){.conversion-progress-overlay{padding:14px}.conversion-progress-card{padding:23px 19px;border-radius:23px}.conversion-progress-topline{margin-bottom:23px}.conversion-progress-icon{width:58px;height:58px;border-radius:19px}.conversion-progress-copy{margin-bottom:21px}}

.form-message.is-visible{display:block;margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff0f0;color:#9e3131;border:1px solid #f1caca}
.conversion-progress-reload{margin-top:18px}

/* MediaZV v0.5.29 — unified page components, aligned with the public homepage */
body.app-page{background:var(--bg,#f5f7fc)}
body.app-page .auth-shell{width:100%;max-width:none;margin:0;min-height:100vh;padding:0;background:transparent}
body.app-page .auth-card{width:100%;max-width:none;min-height:100vh;margin:0;padding:0 clamp(22px,4.8vw,76px) 54px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body.app-page .app-topline{min-height:80px;margin:0 calc(clamp(22px,4.8vw,76px) * -1) 24px;padding:14px clamp(22px,4.8vw,76px);background:rgba(255,255,255,.94);border-bottom:1px solid #e4e9f3}
body.app-page .app-topline .brand{margin:0}
body.app-page .app-subnav{margin-top:0;border-radius:14px;background:rgba(255,255,255,.72)}
body.app-page .page-heading{margin-bottom:22px}
body.app-page .account-section,body.app-page .balance-card,body.app-page .balance-side,body.app-page .admin-stat{box-shadow:0 8px 24px rgba(34,48,83,.035)}
body.app-page .account-section{background:#fff}
body.app-page .table-wrap{border:1px solid #e4e9f3;border-radius:14px;background:#fff}
body.app-page .table-wrap table{margin:0}
body.app-page .table-wrap th:first-child{border-top-left-radius:13px}
body.app-page .table-wrap th:last-child{border-top-right-radius:13px}
@media(max-width:760px){
 body.app-page .auth-card{padding:0 16px 32px}
 body.app-page .app-topline{margin:0 -16px 20px;padding:14px 16px}
 body.app-page .app-subnav{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){body.app-page *{scroll-behavior:auto!important;transition:none!important}}


/* MediaZV v0.5.29 — shared visual rhythm for account and admin */
body.app-page .page-heading h1{color:#202944;letter-spacing:-1.25px}
body.app-page .app-subnav a{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{border-color:#e1e7f2}
body.app-page .account-section h2,body.app-page .section-head h2{letter-spacing:-.35px}
body.app-page .notice{position:relative;box-shadow:0 7px 20px rgba(34,48,83,.035)}
body.app-page .button,body.app-page button.button,body.app-page .app-logout{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.app-page .button:focus-visible,body.app-page button:focus-visible,body.app-page a:focus-visible,body.app-page input:focus-visible,body.app-page select:focus-visible{outline:3px solid rgba(112,84,223,.24);outline-offset:2px}
body.app-page .table-wrap table tbody tr:last-child td{border-bottom:0}
body.app-page .table-wrap tbody tr:hover{background:#fafbff}
body.app-page .empty-state{background:rgba(255,255,255,.68)}
@media(max-width:760px){body.app-page .app-topline{min-height:72px}body.app-page .page-heading{margin-bottom:18px}body.app-page .table-wrap{border-radius:11px}}
@media(prefers-reduced-motion:reduce){body.app-page .button,body.app-page button,body.app-page .app-logout{transition:none!important}}


/* MediaZV v0.5.30 — admin and account page finishing pass */
body.app-page .page-heading{display:flex;flex-direction:column;gap:5px;padding-bottom:3px}
body.app-page .page-heading h1{margin-bottom:0;font-size:clamp(27px,3vw,36px)}
body.app-page .page-heading .auth-subtitle{max-width:900px;margin:0;line-height:1.65}
body.app-page .admin-stat{position:relative;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body.app-page .admin-stat:hover{border-color:#d5cdfb;box-shadow:0 10px 24px rgba(51,57,105,.07);transform:translateY(-1px)}
body.app-page .admin-form input:focus,body.app-page .admin-form select:focus,body.app-page .admin-form textarea:focus,body.app-page .pin-form input:focus{border-color:#a99af4;box-shadow:0 0 0 3px rgba(115,87,232,.10);outline:0}
body.app-page .admin-form input,body.app-page .admin-form select,body.app-page .admin-form textarea{min-height:42px}
body.app-page .admin-form textarea{resize:vertical}
body.app-page .admin-links .button{min-height:40px}
body.app-page .inline-action{vertical-align:middle}
body.app-page .inline-action .button,body.app-page .inline-form .button{min-height:34px}
body.app-page .table-wrap{scrollbar-width:thin;scrollbar-color:#c9c2ed #f5f6fb}
body.app-page .table-wrap::-webkit-scrollbar{height:7px}
body.app-page .table-wrap::-webkit-scrollbar-thumb{background:#c9c2ed;border-radius:20px}
body.app-page .table-wrap td{vertical-align:middle}
body.app-page .table-wrap td .button+ .button,body.app-page .table-wrap td form+form{margin-left:5px}
body.app-page .empty-state{padding:24px 16px;line-height:1.65}
body.app-page .notice{overflow-wrap:anywhere}
body.app-page .pin-filter,body.app-page .conversion-filter,body.app-page .history-filter{box-shadow:0 4px 15px rgba(34,48,83,.025)}
@media(max-width:760px){
 body.app-page .page-heading h1{font-size:clamp(25px,6vw,30px)}
 body.app-page .admin-stat:hover{transform:none}
 body.app-page .table-wrap{border-radius:11px}
 body.app-page .admin-links{gap:8px}
 body.app-page .app-top-actions{row-gap:8px}
}
@media(max-width:440px){
 body.app-page .admin-stat{min-width:0}
 body.app-page .admin-stat strong{overflow-wrap:anywhere}
 body.app-page .app-top-actions .app-logout{padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){body.app-page .admin-stat{transition:none}}

/* MediaZV v0.5.31 — consistent admin controls and responsive data views */
body.app-page .table-wrap table{width:100%;border-collapse:separate;border-spacing:0}
body.app-page .table-wrap th{white-space:nowrap;font-size:12px;letter-spacing:.025em}
body.app-page .table-wrap td{line-height:1.5;overflow-wrap:anywhere}
body.app-page .table-wrap td:last-child{min-width:130px}
body.app-page .table-wrap td form,body.app-page .table-wrap td .inline-action{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
body.app-page .table-wrap td form{margin:2px 4px 2px 0}
body.app-page .table-wrap td .button,body.app-page .table-wrap td button{white-space:nowrap}
body.app-page .admin-form,body.app-page .pin-form,body.app-page .conversion-filter,body.app-page .history-filter{min-width:0}
body.app-page .admin-form label,body.app-page .pin-form label{display:block;margin-bottom:6px;font-weight:600;color:#343b55}
body.app-page .admin-form input,body.app-page .admin-form select,body.app-page .admin-form textarea,body.app-page .pin-form input,body.app-page .pin-form select{max-width:100%;box-sizing:border-box}
body.app-page .notice{border-radius:10px;line-height:1.55}
body.app-page .button,body.app-page button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
body.app-page .button:focus-visible,body.app-page button:focus-visible,body.app-page a:focus-visible{outline:3px solid rgba(115,87,232,.28);outline-offset:2px}
body.app-page .pagination{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin-top:18px}
body.app-page .pagination a,body.app-page .pagination span{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}
@media(max-width:760px){
 body.app-page .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.app-page .table-wrap table{min-width:620px}
 body.app-page .table-wrap td:last-child{min-width:150px}
 body.app-page .pagination{gap:6px}
 body.app-page .pagination a,body.app-page .pagination span{min-width:34px;min-height:34px}
}
@media(max-width:440px){
 body.app-page .admin-form .button,body.app-page .pin-form .button{max-width:100%;white-space:normal}
 body.app-page .notice{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){body.app-page .button,body.app-page button{transition:none}}

/* MediaZV v0.5.32 — finishing pass for shared workspace surfaces */
body.app-page .account-section,
body.app-page .balance-card,
body.app-page .balance-side,
body.app-page .public-plan,
body.app-page .admin-stat{box-sizing:border-box;min-width:0}
body.app-page .account-section{box-shadow:0 3px 14px rgba(32,41,68,.025)}
body.app-page .account-section h2{letter-spacing:-.25px}
body.app-page .section-head>*,body.app-page .page-heading>*{min-width:0}
body.app-page .section-head .button,body.app-page .page-heading .button{flex-shrink:0}
body.app-page .admin-links .button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.app-page .admin-form input:not([type=checkbox]):not([type=radio]),
body.app-page .admin-form select,
body.app-page .admin-form textarea,
body.app-page .pin-form input{min-height:44px;box-sizing:border-box}
body.app-page .admin-form textarea{min-height:100px}
body.app-page .notice-success,body.app-page .notice-error{box-shadow:0 2px 8px rgba(32,41,68,.025)}
body.app-page .table-wrap{border:1px solid #e9edf5;border-radius:12px;background:#fff}
body.app-page .table-wrap table{margin:0}
body.app-page .table-wrap th:first-child{border-top-left-radius:11px}
body.app-page .table-wrap th:last-child{border-top-right-radius:11px}
body.app-page .table-wrap tr:last-child td{border-bottom:0}
body.app-page .table-wrap tbody tr:hover td{background:#faf9ff}
body.app-page .pagination a{border:1px solid #e4e7f1;background:#fff;color:#58627a;text-decoration:none}
body.app-page .pagination a:hover{border-color:#c8bdf8;background:#f7f4ff;color:#674bd7}
body.app-page .pagination span{background:#f0ecff;color:#674bd7;font-weight:800}
@media(max-width:760px){
 body.app-page .account-section{padding:16px}
 body.app-page .table-wrap{border-radius:10px}
 body.app-page .table-wrap th:first-child{border-top-left-radius:9px}
 body.app-page .table-wrap th:last-child{border-top-right-radius:9px}
 body.app-page .section-head .button{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){body.app-page .table-wrap tbody tr:hover td{transition:none}}


/* MediaZV v0.5.33 — consistent responsive controls and content spacing */
body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{min-width:0}
body.app-page .account-section p,body.app-page .admin-panel p,body.app-page .admin-card p{line-height:1.65}
body.app-page .admin-form,body.app-page .pin-form,body.app-page .history-filter,body.app-page .conversion-filter,body.app-page .pin-filter{min-width:0}
body.app-page input:not([type=checkbox]):not([type=radio]),body.app-page select,body.app-page textarea{max-width:100%;box-sizing:border-box}
body.app-page button,body.app-page .button{touch-action:manipulation}
body.app-page .table-wrap{max-width:100%;overscroll-behavior-x:contain}
body.app-page .table-wrap th,body.app-page .table-wrap td{overflow-wrap:anywhere}
body.app-page .app-subnav{gap:7px}
body.app-page .app-subnav a{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
body.app-page .account-section:focus-within,body.app-page .admin-panel:focus-within{scroll-margin-top:18px}
@media(max-width:760px){
 body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{padding:clamp(14px,3.5vw,22px)}
 body.app-page .admin-form,body.app-page .pin-form,body.app-page .history-filter,body.app-page .conversion-filter,body.app-page .pin-filter{gap:12px}
 body.app-page .table-wrap th,body.app-page .table-wrap td{padding:11px 12px}
 body.app-page .app-subnav{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:5px;scrollbar-width:thin}
 body.app-page .app-subnav a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:420px){
 body.app-page .auth-card{padding-left:12px;padding-right:12px}
 body.app-page .app-topline{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
 body.app-page .page-heading h1{letter-spacing:-.65px}
 body.app-page .app-top-actions{max-width:100%}
 body.app-page .app-top-actions>*{max-width:100%}
}
@media(prefers-reduced-motion:reduce){body.app-page .app-subnav a{transition:none!important}}

/* MediaZV v0.5.34 — final visual consistency and accessibility pass */
body.app-page :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(111,82,220,.38);outline-offset:2px}
body.app-page .page-heading{gap:12px;min-width:0}
body.app-page .page-heading h1,body.app-page .section-head h2{overflow-wrap:anywhere}
body.app-page .section-head{min-width:0;gap:12px;flex-wrap:wrap}
body.app-page .section-head>*{min-width:0}
body.app-page .admin-links,body.app-page .app-top-actions{min-width:0;flex-wrap:wrap}
body.app-page .admin-links .button,body.app-page .section-head .button{min-height:40px}
body.app-page .table-wrap{border:1px solid #e8eaf2;background:#fff}
body.app-page .table-wrap table{border-collapse:separate;border-spacing:0;min-width:640px}
body.app-page .table-wrap th{white-space:nowrap}
body.app-page .table-wrap td{vertical-align:middle}
body.app-page .table-wrap td :is(a,button,.button){margin-top:2px;margin-bottom:2px}
body.app-page .empty-state,body.app-page .notice,body.app-page .flash{overflow-wrap:anywhere}
body.app-page .notice,body.app-page .flash{border-radius:10px}
body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{scroll-margin-top:20px}
@media(max-width:760px){
 body.app-page .page-heading{align-items:flex-start}
 body.app-page .section-head{align-items:flex-start}
 body.app-page .section-head .button,body.app-page .admin-links .button{width:auto;max-width:100%}
 body.app-page .table-wrap{border-radius:10px}
 body.app-page .table-wrap table{min-width:600px}
 body.app-page .table-wrap td :is(a,button,.button){white-space:normal}
}
@media(max-width:420px){
 body.app-page .page-heading h1{font-size:clamp(22px,7vw,30px)}
 body.app-page .section-head .button,body.app-page .admin-links .button{min-height:42px}
 body.app-page .pagination{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){body.app-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* MediaZV v0.5.35 — authentication and plan-page consistency */
.auth-shell{width:min(1080px,94%);margin:clamp(24px,5vh,58px) auto 64px}
.auth-card{border-radius:20px;box-shadow:0 14px 42px rgba(31,43,75,.055);border-color:#e4e9f2}
.auth-card>.brand{margin-bottom:24px}
.auth-form{width:100%;max-width:560px;gap:18px}
.auth-form label{line-height:1.45}
.auth-form input,.pin-form input{min-height:46px;border-radius:10px;background:#fff}
.auth-form input:focus,.pin-form input:focus{border-color:#a99af4;box-shadow:0 0 0 3px rgba(115,87,232,.12)}
.auth-form .button{min-height:46px}
.public-plan{border-color:#e3e8f2;box-shadow:0 6px 20px rgba(31,43,75,.025);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.public-plan:hover{border-color:#d4cbfa;box-shadow:0 10px 26px rgba(67,51,130,.07);transform:translateY(-2px)}
.public-plan:focus-within{border-color:#b8aaf5}
.auth-foot{line-height:1.7}
@media(max-width:680px){.auth-shell{width:100%;margin:0 auto;padding:16px 12px 30px}.auth-card{padding:22px 18px;border-radius:16px}.auth-form{max-width:none}.public-plan:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.public-plan{transition:none}.public-plan:hover{transform:none}}


/* MediaZV v0.5.36 — consistent control states and compact responsive layouts */
body.app-page :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
body.app-page :is(input,select,textarea):focus-visible,body.app-page :is(button,a,.button,[role="button"]):focus-visible{outline:3px solid rgba(115,87,232,.24);outline-offset:2px}
body.app-page :is(button,.button){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}
body.app-page .account-section,body.app-page .admin-stat,body.app-page .balance-card,body.app-page .balance-side{min-width:0}
body.app-page .account-section :is(h2,h3,p),body.app-page .page-heading :is(h1,p){overflow-wrap:anywhere}
body.app-page .table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c9c2ed #f5f6fb}
body.app-page .table-wrap::-webkit-scrollbar{height:7px}
body.app-page .table-wrap::-webkit-scrollbar-thumb{background:#c9c2ed;border-radius:20px}
body.app-page .pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.app-page .notice,body.app-page .flash{overflow-wrap:anywhere}
@media(max-width:760px){body.app-page .account-section{min-width:0}body.app-page .pagination{gap:6px}body.app-page .pagination :is(a,button,.button){min-height:40px}body.app-page .app-subnav a{flex:0 0 auto}}
@media(max-width:420px){body.app-page .admin-stats{gap:8px}body.app-page .admin-stat{padding:12px}body.app-page .admin-stat strong{overflow-wrap:anywhere}body.app-page .page-heading h1{letter-spacing:-.5px}}
@media(prefers-reduced-motion:reduce){body.app-page :is(button,.button){transition:none!important}}


/* MediaZV v0.5.37 — true full-width account and admin workspace */
body.app-page .auth-shell{width:100%;max-width:none;margin:0;padding:0;min-height:100vh}
body.app-page .auth-card{width:100%;max-width:none;min-height:100vh;margin:0;border-left:0;border-right:0;border-top:0;border-bottom:0;border-radius:0;box-shadow:none;padding:clamp(18px,2.6vw,36px) clamp(16px,3.2vw,52px)}
body.app-page .app-topline{width:100%;min-width:0}
body.app-page .app-subnav{max-width:100%;min-width:0}
body.app-page .page-heading,body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{max-width:none}
body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{border-radius:14px}
@media(max-width:760px){body.app-page .auth-card{padding:18px 14px}body.app-page .app-topline{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}
@media(max-width:420px){body.app-page .auth-card{padding:15px 11px}body.app-page .app-top-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){body.app-page .auth-card,body.app-page .account-section,body.app-page .admin-panel,body.app-page .admin-card{scroll-behavior:auto}}


/* MediaZV v0.5.38 — final workspace rhythm and responsive polish */
body.app-page .auth-card{box-sizing:border-box}
body.app-page .app-topline{align-items:center;min-height:64px;padding:0 0 18px;margin:0 0 22px}
body.app-page .app-topline .brand{min-width:0}
body.app-page .app-topline .brand>span:last-child{min-width:0}
body.app-page .app-top-actions{row-gap:10px}
body.app-page .app-subnav{margin-top:0;margin-bottom:24px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
body.app-page .app-subnav a{white-space:nowrap}
body.app-page .page-heading{margin:0 0 22px}
body.app-page .page-heading .auth-subtitle{margin:7px 0 0;max-width:900px;line-height:1.65}
body.app-page :is(.account-section,.admin-panel,.admin-card,.balance-card,.balance-side,.admin-stat){box-sizing:border-box}
body.app-page .account-section> :last-child,body.app-page .admin-panel> :last-child,body.app-page .admin-card> :last-child{margin-bottom:0}
body.app-page .account-section + .account-section,body.app-page .admin-panel + .admin-panel,body.app-page .admin-card + .admin-card{margin-top:16px}
body.app-page .admin-stat{min-width:0;overflow-wrap:anywhere}
body.app-page .admin-stat span{line-height:1.5}
body.app-page .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
body.app-page .table-wrap table{margin:0}
body.app-page .pagination a,body.app-page .pagination button,body.app-page .pagination .button{min-width:38px;text-align:center}
@media(max-width:760px){
 body.app-page .app-topline{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:16px;margin-bottom:18px}
 body.app-page .app-top-actions{justify-content:flex-start;width:100%}
 body.app-page .app-subnav{margin-bottom:20px;padding:6px}
 body.app-page .page-heading{margin-bottom:18px}
 body.app-page .account-section + .account-section,body.app-page .admin-panel + .admin-panel,body.app-page .admin-card + .admin-card{margin-top:12px}
}
@media(max-width:420px){
 body.app-page .app-top-actions{gap:10px;font-size:12px}
 body.app-page .app-subnav a{padding:9px 11px}
 body.app-page .page-heading{gap:7px}
 body.app-page .account-section{padding:13px}
 body.app-page .table-wrap table{min-width:560px}
}
@media(prefers-reduced-motion:reduce){body.app-page .app-subnav{scroll-behavior:auto}}

/* v0.5.41: shared site header and footer for every authenticated workspace page */
body.app-page .app-site-header{position:relative;top:auto;z-index:20;width:100%;box-sizing:border-box;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e9f3;box-shadow:0 5px 25px rgba(32,43,74,.025)}
body.app-page .app-site-header .desktop-nav a{color:#68738b}
body.app-page .app-site-header .desktop-nav a:hover,body.app-page .app-site-header .login-link:hover{color:var(--purple,#7357e8)}
body.app-page .app-header-actions .inline-form{display:inline-flex;align-items:center}
body.app-page .app-header-actions .text-button{font:inherit;color:#68738b}
body.app-page .app-site-footer{margin-top:44px;box-sizing:border-box;width:100%;background:#fff;border-top:1px solid var(--line,#e4e9f3)}
body.app-page .auth-shell{min-height:0}
body.app-page .auth-card{min-height:0}
@media(max-width:760px){body.app-page .app-site-header{height:72px;padding-inline:5%;gap:12px}body.app-page .app-desktop-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:15px 5% 20px;border-bottom:1px solid var(--line,#e4e9f3);box-shadow:0 15px 22px #2534540d;flex-direction:column;align-items:stretch;gap:0}body.app-page .app-desktop-nav.open{display:flex}body.app-page .app-desktop-nav a{padding:12px 0;border-bottom:1px solid #f0f2f7;font-size:14px}body.app-page .app-header-actions{gap:10px}body.app-page .app-header-actions .login-link{display:none}body.app-page .app-site-footer{padding:25px 5%;display:grid;grid-template-columns:1fr;gap:15px}}

/* v0.5.41: authenticated workspace navigation lives in the shared header */
body.app-page .app-workspace-nav{gap:clamp(10px,1.65vw,24px);min-width:0;flex:1;justify-content:center}
body.app-page .app-workspace-nav a{white-space:nowrap;font-size:12px;padding:8px 0;border-bottom:2px solid transparent}
body.app-page .app-workspace-nav a.is-active{color:#654bd7;border-bottom-color:#7659e8}
body.app-page .app-header-actions{flex-shrink:0}
@media(max-width:1050px){body.app-page .app-workspace-nav{gap:10px}body.app-page .app-workspace-nav a{font-size:11px}}
@media(max-width:760px){body.app-page .app-site-header{gap:12px;padding-inline:16px}body.app-page .app-workspace-nav{order:3;flex:0 0 100%;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:4px 0 8px;scrollbar-width:thin}body.app-page .app-site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}body.app-page .app-header-actions{margin-left:auto}body.app-page .app-workspace-nav a{flex:0 0 auto}body.app-page .app-site-header .desktop-nav:not(.app-workspace-nav){display:none}}


/* MediaZV v0.5.41 — consistent content sections and action rows */
body.app-page .page-heading{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.app-page .page-heading h1{max-width:100%;margin:0;line-height:1.15;letter-spacing:-.035em}
body.app-page .page-heading .auth-subtitle{margin:0;color:#687894}
body.app-page :is(.account-section,.admin-panel,.admin-card){background:#fff;border:1px solid #e0e7f2;box-shadow:0 7px 22px rgba(34,48,83,.025)}
body.app-page :is(.account-section,.admin-panel,.admin-card) :is(h2,h3){line-height:1.3;letter-spacing:-.018em}
body.app-page :is(.section-head,.panel-head,.admin-panel-head){display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
body.app-page :is(.section-head,.panel-head,.admin-panel-head)>:first-child{min-width:0}
body.app-page :is(.section-head,.panel-head,.admin-panel-head) :is(h2,h3,p){overflow-wrap:anywhere}
body.app-page :is(.section-actions,.panel-actions,.admin-actions){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.app-page :is(.filters,.filter-row,.admin-filters){display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
body.app-page :is(.filters,.filter-row,.admin-filters)>*{min-width:0;max-width:100%}
body.app-page .table-wrap{border:1px solid #e3e9f3;border-radius:12px;background:#fff}
body.app-page .table-wrap table thead th{white-space:nowrap}
body.app-page .table-wrap table tbody tr:last-child td{border-bottom:0}
body.app-page :is(.notice,.flash-notice){border-radius:12px}
body.app-page :is(.button,.button-small,button){touch-action:manipulation}
@media(max-width:760px){
 body.app-page .page-heading h1{font-size:clamp(27px,6vw,34px)}
 body.app-page :is(.section-head,.panel-head,.admin-panel-head){align-items:flex-start}
 body.app-page :is(.section-actions,.panel-actions,.admin-actions){width:100%}
 body.app-page :is(.filters,.filter-row,.admin-filters){align-items:stretch;gap:10px}
 body.app-page :is(.filters,.filter-row,.admin-filters)>*{flex:1 1 150px}
}
@media(max-width:420px){
 body.app-page :is(.account-section,.admin-panel,.admin-card){border-radius:11px}
 body.app-page .table-wrap{border-radius:9px}
 body.app-page :is(.section-actions,.panel-actions,.admin-actions) .button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){body.app-page *{scroll-behavior:auto!important}}

/* MediaZV v0.5.46 — PIN management clarity and polished admin screen */
.pin-management-hero{position:relative;overflow:hidden;margin:4px 0 22px;padding:24px;border:1px solid #ded8ff;border-radius:20px;background:linear-gradient(120deg,#f2efff 0%,#fbfaff 58%,#eef6ff 100%)}
.pin-management-hero:after{content:'⌁';position:absolute;right:24px;top:-20px;font-size:130px;line-height:1;color:rgba(115,87,232,.08);pointer-events:none}
.pin-management-hero h2{position:relative;margin:0 0 7px;font:800 21px Manrope,sans-serif;color:#252c48}
.pin-management-hero p{position:relative;max-width:760px;margin:0;color:#68738b;font-size:13px;line-height:1.7}
.pin-stats .admin-stat{background:linear-gradient(180deg,#fff,#f9faff);box-shadow:0 5px 16px rgba(36,48,83,.035)}
.pin-create-form{border-color:#dedff5;background:linear-gradient(180deg,#fff,#fcfbff)}
.pin-create-form .section-head{margin-bottom:8px}
.pin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 5px}
.pin-fields label{min-width:0;padding:14px;border:1px solid #e7eaf3;border-radius:13px;background:#fff}
.pin-fields input{margin-top:3px}
.pin-fields label small{font-size:11px;color:#7d879c;font-weight:400;line-height:1.5}
.generated-codes{position:relative;padding:22px;border-radius:18px;border-color:#bce9d3;background:linear-gradient(130deg,#effbf5,#f8fffb);box-shadow:0 10px 28px rgba(32,132,93,.07)}
.generated-codes:before{content:'✓';display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#d7f5e5;color:#168252;font-weight:900;font-size:18px}
.generated-codes strong{font-size:15px;line-height:1.5}
.generated-codes textarea{min-height:140px;background:#fff;border-color:#cfe9dc;color:#174b38;font-size:14px;line-height:1.9;padding:15px;letter-spacing:1px}
.generated-codes .button{min-height:42px}
.pin-list-section{overflow:hidden}
.pin-list-section .section-head p{line-height:1.6}
.pin-list-section .table-wrap{border:1px solid #e7eaf3;border-radius:13px}
.pin-list-section table{min-width:880px}
.pin-list-section th{background:#f3f5fb;padding-top:14px;padding-bottom:14px}
.pin-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) auto auto;align-items:end;gap:12px;margin:18px 0}
.pin-filter label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#35405a}
.pin-filter input,.pin-filter select{width:100%;min-width:0;border:1px solid #dfe5f0;border-radius:11px;padding:12px;background:#fbfcff;color:#202944;font:inherit}
.pin-filter input:focus,.pin-filter select:focus{outline:0;border-color:#a99af4;box-shadow:0 0 0 3px #7357e812}
.pin-pagination{justify-content:flex-end;gap:12px}
@media(max-width:760px){.pin-fields{grid-template-columns:1fr 1fr}.pin-filter{grid-template-columns:1fr 1fr}.pin-filter label:first-child{grid-column:1/-1}.pin-management-hero{padding:19px}.pin-management-hero:after{right:8px;font-size:95px}}
@media(max-width:480px){.pin-fields,.pin-filter{grid-template-columns:1fr}.pin-filter label:first-child{grid-column:auto}.pin-management-hero h2{font-size:19px}.generated-codes{padding:16px}.generated-codes textarea{font-size:12px}}

/* PIN management table readability v0.5.47 */
.pin-list-section .table-wrap{overflow-x:auto;background:#fff;border:1px solid #e0e6f1;border-radius:16px;box-shadow:0 8px 24px rgba(34,48,83,.045)}
.pin-list-section table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}
.pin-list-section thead th{position:sticky;top:0;background:#f0f3fb;color:#38435f;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;border-bottom:1px solid #dfe5f0}
.pin-list-section th,.pin-list-section td{padding:14px 15px;vertical-align:middle;border-bottom:1px solid #edf0f6}
.pin-list-section tbody tr:nth-child(even){background:#fafbfe}
.pin-list-section tbody tr:hover{background:#f3f5ff}
.pin-list-section tbody tr:last-child td{border-bottom:0}
.pin-hidden-value{display:inline-block;padding:7px 9px;border:1px dashed #cbd3e3;border-radius:8px;background:#f5f7fb;color:#6d7890;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}
.pin-hidden-note{display:block;margin-top:5px;color:#8a93a7;font-size:10px}
.pin-table-note{margin:12px 2px 0;color:#69748b;font-size:12px;line-height:1.6}
.generated-codes textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:16px!important;font-weight:800!important;letter-spacing:1.2px!important;color:#124d37!important;background:#fff!important;border:2px solid #a9dec2!important;min-height:180px!important;line-height:2!important;user-select:all}
.generated-codes .button{min-height:44px;padding-inline:18px}
@media(max-width:600px){.generated-codes textarea{font-size:13px!important;letter-spacing:.5px!important}.pin-list-section th,.pin-list-section td{padding:11px 12px}}

/* PIN management: readable codes and one-click copy controls */
.pin-code-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:205px}
.pin-code-cell code{display:inline-block;padding:8px 10px;border:1px solid #c9d9d0;border-radius:9px;background:#f0faf4;color:#12653a;font:800 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;white-space:nowrap}
.pin-code-cell .button{white-space:nowrap}
@media(max-width:600px){.pin-code-cell{align-items:flex-start;flex-direction:column;gap:6px}.pin-code-cell code{font-size:11px}}


/* MediaZV v0.5.49 — compact PIN table and icon-only status action */
.pin-list-section .table-wrap{max-width:100%;overflow-x:auto}
.pin-list-section table{width:100%;min-width:760px;table-layout:auto}
.pin-list-section th,.pin-list-section td{padding:11px 10px}
.pin-list-section th{white-space:normal;font-size:10px}
.pin-list-section td{font-size:12px}
.pin-list-section td:nth-child(2){min-width:145px}
.pin-code-cell{display:flex;align-items:center;min-width:0}
.pin-code-cell code{display:inline-block;max-width:100%;padding:7px 8px;border:1px solid #dce3f1;border-radius:8px;background:#f7f8fd;color:#303956;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.pin-icon-action{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #e1e5ef;border-radius:11px;background:#fff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.pin-icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pin-icon-action:hover{transform:translateY(-1px)}
.pin-icon-action.is-block{color:#c14c5b;background:#fff5f5;border-color:#f0d0d5}
.pin-icon-action.is-block:hover{background:#ffe8eb;border-color:#eab7bf}
.pin-icon-action.is-unblock{color:#21845d;background:#effaf5;border-color:#cdebdc}
.pin-icon-action.is-unblock:hover{background:#def5e9;border-color:#a9dfc2}
.pin-list-section td:last-child{width:66px;text-align:center}
@media(max-width:760px){.pin-list-section table{min-width:700px}.pin-list-section th,.pin-list-section td{padding:10px 8px}}

/* v0.5.53 — polished PIN redemption page */
.redeem-page-panel{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;row-gap:0;align-items:start;padding:clamp(24px,3.5vw,38px);border-radius:20px;box-shadow:0 12px 34px rgba(38,48,80,.055)}
.redeem-page-panel .subpage-feature-icon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:16px;font-size:26px;box-shadow:0 8px 18px rgba(109,82,220,.13)}
.redeem-intro{min-width:0;padding-top:2px}
.redeem-page-panel h2{margin:0 0 7px;color:#202b47;font-size:clamp(21px,2.2vw,26px);letter-spacing:-.035em}
.redeem-page-panel> .redeem-intro p{max-width:720px;margin:0 0 23px;color:#6f7c96;font-size:13px;line-height:1.7}
.redeem-page-panel .pin-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;max-width:760px;margin-top:4px}
.redeem-page-panel .pin-form label{grid-column:1/-1;margin-bottom:-3px;color:#34405c;font-size:12px;font-weight:700}
.redeem-page-panel .pin-form input{width:100%;min-width:0;min-height:54px;padding:0 17px;border:1px solid #dce2f0;border-radius:13px;background:#fff;color:#26314c;font-size:15px;letter-spacing:1.4px;box-shadow:inset 0 1px 2px rgba(30,45,75,.02)}
.redeem-page-panel .pin-form input:focus{outline:none;border-color:#8c75f0;box-shadow:0 0 0 4px rgba(117,87,232,.12)}
.redeem-page-panel .pin-form .button{min-height:54px;padding:0 22px;border-radius:13px;white-space:nowrap;box-shadow:0 8px 18px rgba(104,77,220,.18)}
.redeem-help{grid-column:1/-1;margin-top:22px;padding:16px 18px;border-color:#e6eaf4;border-radius:14px;background:linear-gradient(110deg,#f8f9ff,#fbfcff)}
.redeem-help strong{font-size:12px}.redeem-help span{font-size:11px;line-height:1.75}
@media(max-width:680px){.redeem-page-panel{grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:21px 16px}.redeem-page-panel .subpage-feature-icon{width:42px;height:42px;border-radius:13px;font-size:22px}.redeem-page-panel .pin-form{grid-template-columns:minmax(0,1fr);gap:10px}.redeem-page-panel .pin-form label{grid-column:auto}.redeem-page-panel .pin-form .button{width:100%}.redeem-help{padding:13px 14px}}


/* MediaZV v0.5.55 — cleaner admin dashboard */
.app-page-admin .admin-stats{margin-bottom:12px}
.app-page-admin .admin-stat{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f9faff 100%);border-color:#dfe6f2;box-shadow:0 7px 20px rgba(35,48,81,.045);transition:transform .18s ease,box-shadow .18s ease}
.app-page-admin .admin-stat:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(35,48,81,.075)}
.app-page-admin .dashboard-period-stats .admin-stat{background:linear-gradient(145deg,#fff 0%,#f5f2ff 100%);border-color:#e0d9ff}
.app-page-admin .admin-dashboard-grid{gap:18px;margin-top:18px}
.app-page-admin .admin-dashboard-panel{padding:22px;box-shadow:0 9px 26px rgba(35,48,81,.045)}
.app-page-admin .admin-dashboard-panel .section-head{padding-bottom:12px;border-bottom:1px solid #edf0f7}
.app-page-admin .admin-dashboard-panel .table-wrap{border-radius:12px}
@media(prefers-reduced-motion:reduce){.app-page-admin .admin-stat{transition:none}.app-page-admin .admin-stat:hover{transform:none}}
@media(max-width:760px){.app-page-admin .admin-dashboard-panel{padding:16px}.app-page-admin .admin-stats{margin-bottom:9px}}

/* v0.5.60 — workspace-wide sticky header and bottom-pinned footer */
body.app-page{min-height:100vh;display:flex;flex-direction:column;}
body.app-page .app-site-header{position:sticky;top:0;z-index:100;flex-shrink:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
body.app-page .auth-shell{flex:1 0 auto;width:100%;}
body.app-page .auth-card{width:100%;}
body.app-page .app-site-footer{margin-top:auto!important;flex-shrink:0;}

/* MediaZV v0.5.73 — visible advertising entry points */
.ad-account-shortcut{display:flex;align-items:center;gap:16px;padding:20px;margin:0 0 22px;text-decoration:none;color:var(--ink);background:linear-gradient(115deg,#fbfaff 0%,#f1f5ff 100%);border:1px solid #e1e3f8;box-shadow:0 8px 24px rgba(46,57,104,.045);transition:transform .18s,border-color .18s}.ad-account-shortcut:hover{transform:translateY(-2px);border-color:#c9c0fb}.ad-account-shortcut-icon,.admin-ad-entry-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#ebe7ff;color:#6b50dc;font-size:25px}.ad-account-shortcut-copy{display:grid;gap:5px;flex:1;min-width:0}.ad-account-shortcut-copy>strong{font:800 15px Manrope,sans-serif}.ad-account-shortcut-copy>small{font-size:11px;line-height:1.5;color:var(--muted)}.ad-account-shortcut-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.ad-account-shortcut-stats b{padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #e6e8f3;color:#626d85;font-size:10px}.ad-account-shortcut-arrow{font-size:11px;font-weight:800;color:#6b50dc;white-space:nowrap}.admin-ad-entry{display:flex;align-items:center;gap:17px;margin:18px 0 22px;padding:20px;background:linear-gradient(115deg,#fbfaff 0%,#f1f5ff 100%);border:1px solid #e1e3f8}.admin-ad-entry-copy{flex:1;min-width:0}.admin-ad-entry-copy h2{font:800 18px Manrope,sans-serif;margin:5px 0}.admin-ad-entry-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.admin-ad-entry-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.admin-ad-entry-stats span{padding:6px 9px;border-radius:8px;background:#fff;border:1px solid #e6e8f3;font-size:10px;color:var(--muted)}.admin-ad-entry-stats b{color:#5d48ca;font-size:12px;margin-right:3px}@media(max-width:640px){.ad-account-shortcut{align-items:flex-start;flex-wrap:wrap;padding:15px;gap:12px}.ad-account-shortcut-copy{flex-basis:calc(100% - 62px)}.ad-account-shortcut-arrow{margin-left:60px}.admin-ad-entry{align-items:flex-start;flex-wrap:wrap;padding:15px}.admin-ad-entry-copy{flex-basis:calc(100% - 66px)}.admin-ad-entry>.button{width:100%;text-align:center}}

/* v0.5.82: premium authentication cards */
body.app-page-auth{background:radial-gradient(ellipse at 12% 12%,rgba(121,96,236,.10),transparent 32%),radial-gradient(ellipse at 88% 80%,rgba(55,130,215,.09),transparent 30%),#f5f7fc}
body.app-page-auth .auth-shell{width:min(1040px,94%);margin:clamp(28px,5vw,64px) auto clamp(42px,6vw,78px)}
body.app-page-auth .auth-card{position:relative;isolation:isolate;padding:clamp(24px,4vw,44px);border:1px solid rgba(222,228,241,.95);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(36,49,83,.10)}
body.app-page-auth .auth-card:before{content:"";position:absolute;z-index:-1;top:-110px;right:-90px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(128,105,242,.10),transparent 70%);pointer-events:none}
body.app-page-auth .page-heading{position:relative;margin-bottom:25px}
body.app-page-auth .page-heading h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1.3px}
body.app-page-auth .auth-subtitle{font-size:14px;line-height:1.75}
body.app-page-auth .auth-form-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:clamp(20px,3vw,32px);margin-top:0}
body.app-page-auth .auth-form-column{padding:0;min-width:0}
body.app-page-auth .auth-form-intro{padding:17px;border-radius:17px;background:linear-gradient(125deg,#f5f2ff,#fbfcff 72%);border-color:#e5e0fb}
body.app-page-auth .auth-form-icon{flex-basis:43px;width:43px;height:43px;border-radius:14px;font-size:22px}
body.app-page-auth .auth-form{gap:16px}
body.app-page-auth .auth-form label{font-size:12px;gap:8px}
body.app-page-auth .auth-form input{min-height:52px;padding:14px 15px;border-radius:13px;background:#fbfcff}
body.app-page-auth .auth-form input:hover{border-color:#c8c0f5}
body.app-page-auth .auth-form .button{min-height:52px;border-radius:14px;background:linear-gradient(110deg,#7b62ec,#6248d2);box-shadow:0 10px 22px rgba(101,72,210,.22)}
body.app-page-auth .auth-form .button:hover{box-shadow:0 13px 27px rgba(101,72,210,.28)}
body.app-page-auth .auth-side-panel{min-height:390px;padding:clamp(24px,3vw,34px);border-radius:22px;box-shadow:inset 0 1px rgba(255,255,255,.85)}
body.app-page-auth .auth-side-mark{width:62px;height:62px;border-radius:19px;margin:31px 0 23px;font-size:30px}
body.app-page-auth .auth-side-panel h2{font-size:clamp(24px,3vw,32px);letter-spacing:-1.1px}
body.app-page-auth .auth-side-panel p{font-size:13px;line-height:1.85}
body.app-page-auth .auth-side-panel ul{gap:12px;margin-top:4px}
body.app-page-auth .auth-side-panel li{font-size:12px}
body.app-page-auth .auth-foot{padding-top:3px;font-size:12px}
body.app-page-auth .auth-foot a{display:inline-flex;margin-left:3px;padding:3px 0}
body.app-page-auth .auth-terms{line-height:1.7}
body.app-page-auth .flash-notice{border-radius:14px}
@media(max-width:800px){body.app-page-auth .auth-shell{width:min(650px,94%);margin:24px auto 42px}body.app-page-auth .auth-form-layout{grid-template-columns:1fr;gap:20px}body.app-page-auth .auth-side-panel{min-height:0;padding:23px}body.app-page-auth .auth-side-mark{margin:19px 0 16px}body.app-page-auth .auth-side-panel>small{margin-top:15px}}
@media(max-width:480px){body.app-page-auth .auth-card{padding:20px 17px;border-radius:21px}body.app-page-auth .page-heading{margin-bottom:20px}body.app-page-auth .page-heading h1{font-size:29px}body.app-page-auth .auth-subtitle{font-size:12px}body.app-page-auth .auth-form-intro{padding:13px;gap:10px}body.app-page-auth .auth-form input{min-height:49px}body.app-page-auth .auth-side-panel{padding:20px;border-radius:17px}}

/* MediaZV 0.5.92 — analytics, support centre and notification inbox */
.feature-hero{display:flex;align-items:center;gap:18px;padding:24px 26px;margin:0 0 20px;border:1px solid #e1e8f3;border-radius:22px;background:linear-gradient(120deg,#f4f7ff 0%,#ffffff 56%,#eef7ff 100%);box-shadow:0 12px 30px rgba(25,48,88,.055)}
.feature-hero-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#253e73,#4778bd);color:#fff;font-size:28px;box-shadow:0 8px 18px rgba(43,77,133,.2)}
.feature-hero>div{flex:1;min-width:0}.feature-eyebrow{display:block;margin-bottom:6px;color:#5575a6;font-size:10px;font-weight:800;letter-spacing:.14em}.feature-hero h2{margin:0 0 7px;font-size:23px;letter-spacing:-.035em;color:#172844}.feature-hero p{margin:0;color:#66748a;line-height:1.55;font-size:13px}.analytics-period-pill{white-space:nowrap;border:1px solid #d9e4f4;background:#fff;color:#526985;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.analytics-kpi{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:19px;border:1px solid #e3e9f2;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(22,43,78,.045)}.analytics-kpi-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#edf3ff;color:#385d9b;font-size:19px}.analytics-kpi>span:nth-child(2){color:#718096;font-size:12px}.analytics-kpi strong{color:#182944;font-size:29px;letter-spacing:-.05em;line-height:1.1}.analytics-kpi strong em{font-size:16px;font-style:normal;margin-left:2px}.analytics-kpi small{color:#7a8799;font-size:11px;line-height:1.4}.analytics-chart-card{padding:22px}.analytics-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;min-height:205px;padding:20px 4px 0}.analytics-bar-col{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}.analytics-bar-value{font-size:12px;font-weight:800;color:#354967}.analytics-bar-track{height:126px;width:min(100%,34px);display:flex;align-items:flex-end;overflow:hidden;border-radius:9px;background:#f0f4fa}.analytics-bar-fill{display:block;width:100%;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#78a7e7,#345b9a);transition:height .2s ease}.analytics-bar-label{font-size:11px;font-weight:700;color:#5e6f85}.analytics-bar-col small{font-size:10px;color:#8491a2;white-space:nowrap}.analytics-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.analytics-detail-grid>.account-section{padding:20px}.analytics-detail-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#64748b}.analytics-detail-row:last-child{border-bottom:0}.analytics-detail-row strong{color:#243651;white-space:nowrap}
.support-create,.support-list,.support-thread{padding:22px;margin-bottom:17px}.support-create-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#edf3ff;color:#365b98;font-size:25px}.support-form-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.support-ticket-list{display:flex;flex-direction:column;gap:8px}.support-ticket-row{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e8edf4;border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}.support-ticket-row:hover{border-color:#b9cce7;background:#f9fbff}.support-ticket-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#eff4fc;color:#42689f;font-size:18px}.support-ticket-main{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.support-ticket-main strong{font-size:13px;color:#253752;overflow-wrap:anywhere}.support-ticket-main small{font-size:11px;color:#8290a3}.support-ticket-status{flex:0 0 auto}.support-ticket-arrow{font-size:20px;color:#8a9bb1}.support-messages{display:flex;flex-direction:column;gap:12px;padding:16px 0 20px}.support-message{max-width:88%;padding:14px 16px;border:1px solid #e5ebf3;border-radius:15px;background:#f7f9fc}.support-message.from-support{align-self:flex-start;border-color:#dbe6f7;background:#f0f5ff}.support-message.from-user{align-self:flex-end;background:#f8fafc}.support-message-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-message-head strong{font-size:12px;color:#304765}.support-message-head time{font-size:10px;color:#8a96a7}.support-message p{margin:9px 0 0;color:#4d5d73;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.support-reply-form{border-top:1px solid #edf1f6;padding-top:18px}.support-status-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-top:15px}.support-status-form label{flex:1;min-width:180px}.support-status-form select{width:100%}.support-back{margin:0 0 18px}.support-back a,.link-button{color:#416aa7;font-size:12px;font-weight:700;text-decoration:none}.link-button{border:0;background:none;padding:0;cursor:pointer}.support-filter{display:flex;align-items:flex-end;gap:12px;margin-bottom:15px}.support-filter label{flex:1;max-width:300px}.support-admin-thread{margin-bottom:16px}.notifications-hero{align-items:center}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:18px;margin-bottom:10px}.notification-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:#edf2f8;color:#71839c;font-size:13px}.notification-item.is-unread{border-color:#cdddf4;background:linear-gradient(100deg,#f5f8ff,#fff 60%)}.notification-item.is-unread .notification-icon{background:#e4edff;color:#2f5fa5}.notification-copy{flex:1;min-width:0}.notification-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-meta strong{font-size:13px;color:#263953}.notification-meta time{flex:0 0 auto;color:#8b97a8;font-size:10px}.notification-copy p{margin:7px 0 10px;color:#65748a;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.notification-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.notification-actions .text-link{font-size:12px;font-weight:700}.feature-empty{padding:36px 20px;text-align:center}.feature-empty>span{font-size:30px;color:#8ca4c5}.feature-empty h3{margin:8px 0;color:#30415c}.feature-empty p{margin:0;color:#7b899b;font-size:13px}
@media(max-width:900px){.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-hero{align-items:flex-start;flex-wrap:wrap}.feature-hero>div{flex-basis:calc(100% - 80px)}.analytics-period-pill{margin-left:76px}.support-ticket-row{align-items:flex-start}.support-ticket-status{display:none}}
@media(max-width:600px){.feature-hero{padding:18px;gap:12px;border-radius:17px}.feature-hero-icon{flex-basis:46px;width:46px;height:46px;border-radius:14px;font-size:23px}.feature-hero h2{font-size:19px}.feature-hero p{font-size:12px}.feature-hero>div{flex-basis:calc(100% - 60px)}.analytics-period-pill{margin-left:58px}.analytics-kpi-grid{gap:9px}.analytics-kpi{padding:14px;border-radius:15px}.analytics-kpi strong{font-size:24px}.analytics-kpi small{font-size:10px}.analytics-detail-grid{grid-template-columns:1fr;gap:10px}.analytics-chart-card{padding:16px 12px}.analytics-bars{gap:5px;padding-top:14px}.analytics-bar-track{height:100px;width:min(100%,25px)}.analytics-bar-col small{font-size:8px}.support-create,.support-list,.support-thread{padding:16px}.support-form-grid{grid-template-columns:1fr;gap:0}.support-ticket-row{gap:9px;padding:11px}.support-ticket-icon{flex-basis:32px;width:32px;height:32px}.support-ticket-main strong{font-size:12px}.support-ticket-main small{font-size:10px}.support-ticket-arrow{font-size:16px}.support-message{max-width:96%;padding:12px}.support-message-head{align-items:flex-start;flex-direction:column;gap:3px}.notification-item{padding:14px;gap:10px}.notification-icon{flex-basis:32px;width:32px;height:32px}.notification-meta{flex-direction:column;gap:4px}.notification-meta time{order:2}.support-filter{align-items:stretch;flex-direction:column}.support-filter label{max-width:none}}
.feature-shortcuts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.feature-shortcut-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #e3eaf4;border-radius:16px;background:linear-gradient(135deg,#fff,#f8faff);text-decoration:none;color:inherit;box-shadow:0 7px 20px rgba(25,48,88,.035);transition:transform .15s,border-color .15s}.feature-shortcut-card:hover{transform:translateY(-1px);border-color:#c1d2ea}.feature-shortcut-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#eaf1ff;color:#3d6099;font-size:21px}.feature-shortcut-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.feature-shortcut-card strong{font-size:12px;color:#263953}.feature-shortcut-card small{font-size:10px;line-height:1.4;color:#8190a4}.feature-shortcut-card>b{color:#7890b1;font-size:18px}@media(max-width:700px){.feature-shortcuts-grid{grid-template-columns:1fr;gap:8px}.feature-shortcut-card{padding:12px}}

/* MediaZV 0.5.94 — refined support experience for users and administrators */
.support-hero{position:relative;overflow:hidden;min-height:150px;padding:28px 30px;border-color:#dce6f4;background:radial-gradient(circle at 88% 8%,rgba(125,164,225,.22),transparent 32%),linear-gradient(125deg,#f1f6ff 0%,#fff 54%,#f2f7ff 100%)}
.support-hero:after{content:"";position:absolute;right:-34px;bottom:-82px;width:190px;height:190px;border:1px solid rgba(77,113,171,.13);border-radius:50%;box-shadow:0 0 0 22px rgba(77,113,171,.035),0 0 0 44px rgba(77,113,171,.025);pointer-events:none}
.support-hero .feature-hero-icon{background:linear-gradient(145deg,#1d3158,#4778bc);box-shadow:0 12px 25px rgba(39,73,127,.24)}
.support-create,.support-list,.support-thread{position:relative;border:1px solid #e4eaf3;border-radius:21px;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);box-shadow:0 10px 28px rgba(27,48,79,.045)}
.support-create .section-head,.support-list .section-head,.support-thread .section-head{align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #edf1f7}
.support-create .section-head h2,.support-list .section-head h2,.support-thread .section-head h2{font-size:18px;letter-spacing:-.025em;color:#1c2e49}
.support-create .section-head p,.support-list .section-head p,.support-thread .section-head p{margin-top:6px;color:#78869a;font-size:12px;line-height:1.55}
.support-create-mark{width:44px;height:44px;border:1px solid #dce7fb;background:linear-gradient(145deg,#eef4ff,#e3edff);box-shadow:inset 0 1px #fff;color:#315b9c}
.support-create .admin-form,.support-reply-form{display:flex;flex-direction:column;gap:15px}
.support-create .admin-form label,.support-reply-form label,.support-status-form label,.support-filter label{display:flex;flex-direction:column;gap:7px;color:#334761;font-size:12px;font-weight:750}
.support-create input,.support-create select,.support-create textarea,.support-reply-form textarea,.support-status-form select,.support-filter select{width:100%;max-width:100%;border:1px solid #dce4ef;border-radius:12px;background:#fbfcfe;color:#23344d;box-shadow:inset 0 1px 2px rgba(25,45,75,.025);transition:border-color .16s,box-shadow .16s,background .16s}
.support-create input,.support-create select,.support-status-form select,.support-filter select{min-height:44px;padding:10px 12px}
.support-create textarea,.support-reply-form textarea{min-height:118px;padding:12px 13px;line-height:1.6;resize:vertical}
.support-create input:focus,.support-create select:focus,.support-create textarea:focus,.support-reply-form textarea:focus,.support-status-form select:focus,.support-filter select:focus{outline:0;border-color:#789bd0;background:#fff;box-shadow:0 0 0 4px rgba(77,122,190,.12)}
.support-create .admin-form small{display:block;margin-top:-6px;color:#8793a4;font-size:11px;line-height:1.5}
.support-create .admin-form>.button,.support-reply-form>.button{align-self:flex-start;min-height:43px;padding:0 18px;border-radius:12px;box-shadow:0 7px 15px rgba(39,76,133,.15)}
.support-ticket-list{gap:10px}
.support-ticket-row{position:relative;min-height:72px;padding:15px 16px;border-color:#e7ecf4;border-radius:16px;background:linear-gradient(110deg,#fff,#fcfdff);box-shadow:0 3px 10px rgba(29,49,79,.018)}
.support-ticket-row:hover{transform:translateY(-1px);border-color:#c6d6ed;background:#f8faff;box-shadow:0 8px 20px rgba(38,72,119,.06)}
.support-ticket-icon{width:42px;height:42px;flex-basis:42px;border:1px solid #e1eaf8;border-radius:14px;background:linear-gradient(145deg,#f0f5ff,#e8effc);color:#3b619c}
.support-ticket-main strong{font-size:13px;line-height:1.45}
.support-ticket-main small{font-size:11px;line-height:1.5}
.support-ticket-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f2f5fa;color:#60799d;font-size:18px;transition:transform .15s,background .15s}
.support-ticket-row:hover .support-ticket-arrow{transform:translateX(2px);background:#e8effb;color:#315d9d}
.support-messages{gap:15px;padding:8px 0 23px}
.support-message{position:relative;max-width:min(84%,720px);padding:16px 18px;border-radius:18px;box-shadow:0 5px 14px rgba(28,47,77,.035)}
.support-message.from-support{border-color:#dce7fa;border-top-left-radius:6px;background:linear-gradient(135deg,#f0f5ff,#f8faff)}
.support-message.from-user{border-color:#e3eaf2;border-top-right-radius:6px;background:linear-gradient(135deg,#f8fafc,#fff)}
.support-message-head strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#2c4568}
.support-message.from-support .support-message-head strong:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#dce9ff;color:#315e9f;font-size:10px}
.support-message.from-user .support-message-head strong:before{content:"•";display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#e9eef5;color:#647790;font-size:16px}
.support-message p{font-size:13px;line-height:1.75;color:#42536b;white-space:normal}
.support-reply-form{margin-top:3px;padding-top:22px;border-top:1px solid #edf1f7}
.support-status-form{margin-top:14px;padding:16px;border:1px solid #e7edf5;border-radius:15px;background:#f8faff}
.support-status-form .button{min-height:42px;border-radius:11px}
.support-filter{align-items:flex-end;padding:13px;border:1px solid #e8edf5;border-radius:15px;background:#f8faff}
.support-filter .button{min-height:43px;border-radius:11px}
.support-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.support-admin-stats .admin-stat{position:relative;overflow:hidden;padding:18px 19px;border:1px solid #e3eaf4;border-radius:17px;background:linear-gradient(135deg,#fff,#f8faff);box-shadow:0 8px 22px rgba(25,48,88,.04)}
.support-admin-stats .admin-stat:after{content:"";position:absolute;right:-20px;top:-24px;width:82px;height:82px;border-radius:50%;background:rgba(91,132,194,.07)}
.support-admin-stats .admin-stat span{position:relative;z-index:1;display:block;margin-bottom:8px;color:#718198;font-size:11px;font-weight:750}
.support-admin-stats .admin-stat strong{position:relative;z-index:1;color:#1d3150;font-size:28px;line-height:1;letter-spacing:-.04em}
.admin-support-thread .section-head>div p{font-size:11px}
.support-back{margin:2px 0 18px}
.support-back a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e1e8f2;border-radius:11px;background:#fff;transition:background .15s,border-color .15s}
.support-back a:hover{border-color:#c9d8ed;background:#f5f8fd}
@media(max-width:900px){.support-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.support-message{max-width:92%}}
@media(max-width:600px){.support-hero{padding:18px 16px;min-height:0}.support-hero:after{right:-90px;bottom:-105px}.support-create,.support-list,.support-thread{padding:16px 13px;border-radius:17px}.support-create .section-head,.support-list .section-head,.support-thread .section-head{align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:13px}.support-create .section-head h2,.support-list .section-head h2,.support-thread .section-head h2{font-size:16px}.support-create .admin-form>.button,.support-reply-form>.button{width:100%;justify-content:center;align-self:stretch}.support-ticket-row{min-height:0;padding:12px 10px;border-radius:13px}.support-ticket-icon{flex-basis:34px;width:34px;height:34px;border-radius:11px}.support-ticket-main strong{font-size:12px}.support-ticket-main small{font-size:10px}.support-ticket-arrow{width:25px;height:25px;flex:0 0 25px}.support-message{max-width:100%;padding:13px 14px;border-radius:15px}.support-message-head{flex-direction:row;align-items:center;gap:8px}.support-message-head time{font-size:9px;white-space:nowrap}.support-status-form{padding:12px}.support-status-form .button{width:100%;justify-content:center}.support-filter{padding:11px}.support-filter .button{width:100%;justify-content:center}.support-admin-stats{grid-template-columns:1fr;gap:8px}.support-admin-stats .admin-stat{display:flex;align-items:center;justify-content:space-between;padding:14px 15px}.support-admin-stats .admin-stat span{margin:0}.support-admin-stats .admin-stat strong{font-size:23px}}


/* MediaZV 0.5.95 — premium notification centre */
.notifications-hero-premium{position:relative;overflow:hidden;align-items:flex-start;gap:22px;padding:28px 30px;border:1px solid #dce6f5;border-radius:24px;background:radial-gradient(circle at 92% 8%,rgba(119,157,216,.17),transparent 28%),linear-gradient(125deg,#f4f7fd 0%,#fff 60%,#f7faff 100%);box-shadow:0 14px 36px rgba(31,55,91,.055)}
.notifications-hero-premium:after{content:"";position:absolute;right:-50px;bottom:-115px;width:245px;height:245px;border:1px solid rgba(75,111,169,.12);border-radius:50%;box-shadow:0 0 0 25px rgba(75,111,169,.035),0 0 0 52px rgba(75,111,169,.025);pointer-events:none}
.notifications-hero-premium .feature-hero-icon{flex:0 0 58px;width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:linear-gradient(145deg,#20365d,#4f7cbd);box-shadow:0 12px 24px rgba(38,70,122,.22);color:#fff}
.notifications-hero-copy{position:relative;z-index:1;flex:1;min-width:0}.notifications-hero-copy h2{margin:6px 0 7px;color:#1c2e49;font-size:25px;letter-spacing:-.04em}.notifications-hero-copy>p{max-width:610px;margin:0;color:#697a92;font-size:13px;line-height:1.7}
.notifications-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.notifications-hero-stats span{display:flex;align-items:center;gap:9px;min-width:100px;padding:10px 13px;border:1px solid #e2e9f4;border-radius:13px;background:rgba(255,255,255,.78)}.notifications-hero-stats strong{color:#233a5e;font-size:19px;line-height:1}.notifications-hero-stats small{color:#7c8ba0;font-size:10px;font-weight:700}.notifications-mark-all{position:relative;z-index:2;flex:0 0 auto}.notifications-mark-all .button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #d5e0ef;border-radius:12px;background:#fff;color:#355781;box-shadow:0 4px 12px rgba(35,62,102,.04);white-space:nowrap}.notifications-mark-all .button:hover{background:#f7faff;border-color:#b8cbe5}
.notifications-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:28px 2px 13px}.notifications-list-head h2{margin:4px 0 0;color:#20334f;font-size:19px;letter-spacing:-.03em}.notifications-count{padding:7px 10px;border:1px solid #e4eaf3;border-radius:10px;background:#fff;color:#8290a4;font-size:10px;font-weight:700}
.notification-item-premium{position:relative;gap:15px;padding:19px 20px;border:1px solid #e7ecf4;border-radius:18px;background:linear-gradient(120deg,#fff,#fcfdff);box-shadow:0 5px 17px rgba(25,47,80,.025);transition:transform .16s,border-color .16s,box-shadow .16s}.notification-item-premium:hover{border-color:#d3deee;box-shadow:0 9px 24px rgba(31,58,97,.055);transform:translateY(-1px)}.notification-item-premium.is-unread{border-color:#cbdcf4;background:linear-gradient(110deg,#f4f8ff 0%,#fff 72%)}.notification-item-premium .notification-icon{flex:0 0 46px;width:46px;height:46px;border:1px solid #e0e8f5;border-radius:15px;background:linear-gradient(145deg,#eef3fc,#e6eefb);color:#3d639b;font-size:21px}.notification-item-premium.is-unread .notification-icon{border-color:#d6e3f7;background:linear-gradient(145deg,#e7f0ff,#dce9ff);color:#2d5a9d}.notification-copy{padding-right:4px}.notification-meta{gap:16px}.notification-title-wrap{display:flex;flex-direction:column;gap:5px;min-width:0}.notification-title-wrap strong{font-size:14px;line-height:1.45;color:#233752;overflow-wrap:anywhere}.notification-type-label{color:#8291a7;font-size:9px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.notification-meta time{padding-top:2px;color:#8794a7;font-size:10px;white-space:nowrap}.notification-item-premium .notification-copy>p{margin:9px 0 13px;color:#65758b;font-size:12px;line-height:1.7}.notification-actions{gap:17px}.notification-open-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dfe8f5;border-radius:10px;background:#fff;color:#355d96;font-size:11px;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s}.notification-open-link:hover{border-color:#bfd0e9;background:#f5f8fe}.notification-open-link span{font-size:15px;line-height:1}.notification-item-premium .link-button{font-size:11px}.notification-read-label{color:#94a0b1;font-size:10px;font-weight:700}.notification-unread-dot{position:absolute;top:22px;right:20px;width:7px;height:7px;border-radius:50%;background:#4b7dc1;box-shadow:0 0 0 4px rgba(75,125,193,.1)}.notifications-empty{margin-top:12px;border:1px dashed #d9e3f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8faff)}.notifications-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border:1px solid #e0e9f6;border-radius:18px;background:#edf3fd;color:#5279b4;font-size:28px}.notifications-empty p{max-width:420px;margin:0 auto 18px!important;line-height:1.7}.notifications-empty .button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:11px}
@media(max-width:800px){.notifications-hero-premium{flex-wrap:wrap;padding:22px}.notifications-mark-all{margin-left:70px}.notifications-mark-all .button{white-space:normal}.notifications-hero-copy h2{font-size:22px}}
@media(max-width:600px){.notifications-hero-premium{gap:13px;padding:17px 15px;border-radius:18px}.notifications-hero-premium .feature-hero-icon{flex-basis:43px;width:43px;height:43px;border-radius:14px;font-size:21px}.notifications-hero-copy{flex-basis:calc(100% - 57px)}.notifications-hero-copy h2{font-size:19px}.notifications-hero-copy>p{font-size:11px}.notifications-hero-stats{gap:6px;margin-top:13px}.notifications-hero-stats span{flex:1;min-width:0;gap:6px;padding:9px 8px}.notifications-hero-stats strong{font-size:17px}.notifications-hero-stats small{font-size:9px}.notifications-mark-all{width:100%;margin-left:56px}.notifications-mark-all .button{width:100%;justify-content:center;min-height:40px;font-size:11px}.notifications-list-head{margin-top:22px;align-items:center}.notifications-list-head h2{font-size:17px}.notification-item-premium{gap:10px;padding:14px 12px;border-radius:15px}.notification-item-premium .notification-icon{flex-basis:36px;width:36px;height:36px;border-radius:12px;font-size:17px}.notification-title-wrap strong{font-size:12px}.notification-meta{flex-direction:column;gap:5px}.notification-meta time{order:2;padding:0}.notification-item-premium .notification-copy>p{font-size:11px;margin:8px 0 11px}.notification-actions{gap:9px}.notification-open-link{padding:8px 9px;font-size:10px}.notification-item-premium .link-button,.notification-read-label{font-size:10px}.notification-unread-dot{top:13px;right:13px;width:6px;height:6px}.notifications-empty{padding:27px 16px}}

/* MediaZV 0.5.96 — premium analytics dashboard refinement */
.analytics-hero{position:relative;overflow:hidden;padding:30px 32px;border:1px solid #dce6f4;border-radius:23px;background:radial-gradient(circle at 92% 12%,rgba(100,145,214,.2),transparent 29%),linear-gradient(125deg,#edf4ff 0%,#fff 52%,#f3f7fd 100%);box-shadow:0 14px 34px rgba(29,52,87,.055)}
.analytics-hero:after{content:"";position:absolute;right:-46px;bottom:-100px;width:220px;height:220px;border:1px solid rgba(65,101,157,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(65,101,157,.035),0 0 0 48px rgba(65,101,157,.025);pointer-events:none}
.analytics-hero .feature-hero-icon{position:relative;z-index:1;background:linear-gradient(145deg,#1e3154,#4d79b9);color:#fff;box-shadow:0 12px 26px rgba(38,70,120,.24)}
.analytics-hero>div,.analytics-period-pill{position:relative;z-index:1}
.analytics-hero h2{font-size:26px;letter-spacing:-.045em;color:#182a46}
.analytics-period-pill{border-color:#d8e4f5;background:rgba(255,255,255,.88);box-shadow:0 3px 10px rgba(36,62,101,.04)}
.analytics-kpi{overflow:hidden;border-color:#e0e8f3;background:linear-gradient(160deg,#fff 0%,#fbfcff 100%);box-shadow:0 10px 26px rgba(25,47,80,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.analytics-kpi:after{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#345c98,#9ab8e5);opacity:.78}
.analytics-kpi:hover{transform:translateY(-2px);border-color:#cbd9ed;box-shadow:0 15px 30px rgba(25,47,80,.085)}
.analytics-kpi-icon{width:39px;height:39px;border:1px solid #e0e9f8;background:linear-gradient(145deg,#edf4ff,#e4edfb);color:#355d99}
.analytics-kpi:nth-child(2) .analytics-kpi-icon{background:linear-gradient(145deg,#eaf8f5,#dff2ed);border-color:#d7eee7;color:#287c6c}
.analytics-kpi:nth-child(3) .analytics-kpi-icon{background:linear-gradient(145deg,#f0f8e9,#e7f3dc);border-color:#e0edcf;color:#5e8739}
.analytics-kpi:nth-child(4) .analytics-kpi-icon{background:linear-gradient(145deg,#fff4e7,#ffead3);border-color:#f7e4cd;color:#a66a27}
.analytics-kpi>span:nth-child(2){font-weight:700;color:#65758d}
.analytics-kpi strong{font-size:32px;color:#172944;font-variant-numeric:tabular-nums}
.analytics-chart-card{border:1px solid #e0e8f3;border-radius:21px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 10px 28px rgba(25,47,80,.045)}
.analytics-chart-card .section-head{padding-bottom:15px;border-bottom:1px solid #edf1f7}
.analytics-chart-card .section-head h2,.analytics-detail-grid .section-head h2{font-size:16px;letter-spacing:-.025em;color:#1d304c}
.analytics-chart-card .section-head p{margin-top:5px;color:#7a889c;font-size:12px}
.analytics-bars{padding-top:22px}
.analytics-bar-track{border:1px solid #e9eef6;background:linear-gradient(180deg,#f5f7fb,#edf2f9)}
.analytics-bar-fill{background:linear-gradient(180deg,#8db2e8 0%,#416da9 78%,#31558a 100%);box-shadow:0 3px 9px rgba(58,97,153,.15)}
.analytics-bar-value{color:#2c4568;font-variant-numeric:tabular-nums}
.analytics-detail-grid>.account-section{border:1px solid #e0e8f3;border-radius:20px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 9px 24px rgba(25,47,80,.04)}
.analytics-detail-row{font-size:12px;line-height:1.5}
.analytics-detail-row strong{font-variant-numeric:tabular-nums}
.analytics-detail-row strong.positive{color:#218064}
.analytics-detail-row strong.negative{color:#bd5b5b}
.analytics-hero+.analytics-kpi-grid{margin-top:17px}
@media(max-width:600px){.analytics-hero{padding:19px 17px}.analytics-hero h2{font-size:20px}.analytics-kpi strong{font-size:25px}.analytics-kpi:after{left:13px;right:13px}.analytics-chart-card .section-head{align-items:flex-start;gap:8px}.analytics-chart-card .section-head .subtle{font-size:10px}}


/* MediaZV v0.5.97 — premium admin home dashboard */
.app-page-admin .page-heading{position:relative;isolation:isolate;overflow:hidden;padding:25px 28px;margin:0 0 19px;border:1px solid #e3defb;border-radius:22px;background:linear-gradient(118deg,#f0edff 0%,#faf9ff 53%,#fff 100%);box-shadow:0 10px 28px rgba(55,45,112,.055)}
.app-page-admin .page-heading:after{content:'♫';position:absolute;z-index:-1;right:22px;top:-29px;font-size:150px;line-height:1;color:rgba(104,76,215,.075);font-weight:800;pointer-events:none}
.app-page-admin .page-heading h1{color:#252b46;letter-spacing:-1.2px}
.app-page-admin .page-heading .auth-subtitle{max-width:680px;color:#69738d}
.app-page-admin .feature-shortcuts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 18px}
.app-page-admin .feature-shortcut-card{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:17px 16px;border:1px solid #e5e8f2;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#fafbff 100%);box-shadow:0 7px 20px rgba(38,48,80,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.app-page-admin .feature-shortcut-card:hover{transform:translateY(-2px);border-color:#d6cdfb;box-shadow:0 12px 25px rgba(65,53,140,.08)}
.app-page-admin .feature-shortcut-icon{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#eeeaff,#f7f5ff);color:#674bd7;font-size:22px;font-weight:800}
.app-page-admin .feature-shortcut-card>span:nth-child(2){display:grid;gap:5px;min-width:0}
.app-page-admin .feature-shortcut-card strong{font-size:13px;color:#29324b;letter-spacing:-.2px}
.app-page-admin .feature-shortcut-card small{font-size:10px;line-height:1.5;color:#7c869c;overflow-wrap:anywhere}
.app-page-admin .feature-shortcut-card>b{margin-left:auto;color:#8c7be2;font-size:19px}
.app-page-admin .admin-stats{gap:13px;margin:0 0 15px}
.app-page-admin .admin-stat{position:relative;overflow:hidden;min-height:112px;padding:19px 20px;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f9faff 100%);box-shadow:0 7px 22px rgba(37,48,80,.045)}
.app-page-admin .admin-stat:after{content:'';position:absolute;right:-18px;bottom:-25px;width:78px;height:78px;border-radius:50%;background:rgba(112,87,224,.055);pointer-events:none}
.app-page-admin .admin-stat span{position:relative;z-index:1;font-size:11px;color:#758099}
.app-page-admin .admin-stat strong{position:relative;z-index:1;margin-top:9px;font-size:31px;letter-spacing:-1px}
.app-page-admin .admin-ad-entry{display:flex;align-items:center;gap:18px;padding:22px 23px;border:1px solid #e3ddfb;border-radius:19px;background:linear-gradient(115deg,#f2efff 0%,#fff 72%);box-shadow:0 8px 23px rgba(64,51,137,.045)}
.app-page-admin .admin-ad-entry-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#8068ee,#6044d0);color:#fff;font-size:24px;box-shadow:0 8px 18px rgba(105,78,218,.19)}
.app-page-admin .admin-ad-entry-copy{min-width:0;flex:1}
.app-page-admin .admin-ad-entry-copy h2{margin:4px 0 6px;font-size:18px;letter-spacing:-.35px}
.app-page-admin .admin-ad-entry-copy p{max-width:760px;margin:0;color:#707b94;font-size:11px;line-height:1.7}
.app-page-admin .admin-ad-entry-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.app-page-admin .admin-ad-entry-stats span{padding:7px 10px;border:1px solid #e7e3f8;border-radius:10px;background:rgba(255,255,255,.8);color:#69748d;font-size:10px}
.app-page-admin .admin-ad-entry-stats b{color:#674bd7;margin-right:4px}
.app-page-admin .admin-ad-entry>.button{flex-shrink:0;min-height:42px;white-space:nowrap}
.app-page-admin .ad-pending-notice{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:14px 17px;border:1px solid #f0dfb5;border-radius:15px;background:linear-gradient(110deg,#fff8e9,#fffdf8);color:#71531c}
.app-page-admin .ad-pending-notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:12px;background:#ffedc4;color:#986916;font-size:18px}
.app-page-admin .ad-pending-notice>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}
.app-page-admin .ad-pending-notice strong{font-size:12px}
.app-page-admin .ad-pending-notice small{font-size:10px;line-height:1.5;color:#8a744c}
.app-page-admin .admin-dashboard-grid{gap:16px;margin-top:17px}
.app-page-admin .admin-dashboard-panel{border-color:#e3e8f2;background:linear-gradient(160deg,#fff 0%,#fdfdff 100%)}
.app-page-admin .admin-dashboard-panel .section-head h2{font-size:15px}
.app-page-admin .admin-dashboard-panel .table-wrap{border-color:#edf0f7}
@media(max-width:900px){.app-page-admin .feature-shortcuts-grid{grid-template-columns:1fr}.app-page-admin .feature-shortcut-card{padding:14px 15px}.app-page-admin .admin-ad-entry{align-items:flex-start;flex-wrap:wrap}.app-page-admin .admin-ad-entry-copy{flex-basis:calc(100% - 70px)}.app-page-admin .admin-ad-entry>.button{margin-left:61px}}
@media(max-width:600px){.app-page-admin .page-heading{padding:20px 18px;border-radius:18px}.app-page-admin .page-heading:after{right:2px;top:-17px;font-size:110px}.app-page-admin .admin-stat{min-height:92px;padding:14px}.app-page-admin .admin-stat strong{font-size:25px}.app-page-admin .admin-ad-entry{padding:16px;gap:12px}.app-page-admin .admin-ad-entry-icon{flex-basis:40px;width:40px;height:40px}.app-page-admin .admin-ad-entry-copy{flex-basis:calc(100% - 54px)}.app-page-admin .admin-ad-entry-copy h2{font-size:16px}.app-page-admin .admin-ad-entry>.button{width:100%;margin-left:0}.app-page-admin .ad-pending-notice{align-items:flex-start;padding:12px}.app-page-admin .ad-pending-notice>b{display:none}}

/* MediaZV v0.5.98 — consistent premium styling for all admin sections */
.app-page-admin .account-section{border:1px solid #e5e9f3;border-radius:19px;background:linear-gradient(155deg,#fff 0%,#fcfcff 100%);box-shadow:0 8px 24px rgba(35,45,78,.045);padding:21px 22px;margin-bottom:16px}
.app-page-admin .section-head{gap:14px;margin-bottom:17px}
.app-page-admin .section-head h2{color:#29324b;letter-spacing:-.35px}
.app-page-admin .section-head p{color:#778199;line-height:1.65}
.app-page-admin .admin-form label,.app-page-admin .account-section label{color:#48536c;font-weight:650}
.app-page-admin input:not([type=checkbox]):not([type=radio]),.app-page-admin select,.app-page-admin textarea{border:1px solid #dfe4ef;border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px rgba(25,35,65,.025);transition:border-color .16s,box-shadow .16s}
.app-page-admin input:focus,.app-page-admin select:focus,.app-page-admin textarea:focus{outline:none;border-color:#9a8ae9;box-shadow:0 0 0 3px rgba(113,88,218,.12)}
.app-page-admin .button{border-radius:11px;box-shadow:0 5px 13px rgba(91,69,190,.11);transition:transform .16s,box-shadow .16s,background .16s}
.app-page-admin .button:hover{transform:translateY(-1px);box-shadow:0 8px 17px rgba(91,69,190,.15)}
.app-page-admin .button.button-outline{box-shadow:none;border-color:#dfe3ef;background:#fff;color:#505b75}
.app-page-admin .button.button-outline:hover{border-color:#c9c0f5;background:#f8f6ff;color:#5c45c3}
.app-page-admin .table-wrap{overflow-x:auto;border:1px solid #e7ebf3;border-radius:15px;background:#fff}
.app-page-admin table{width:100%;border-collapse:separate;border-spacing:0}
.app-page-admin table thead th{background:#f7f8fc;color:#707b94;font-size:10px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #e8ecf4;white-space:nowrap}
.app-page-admin table tbody td{border-bottom:1px solid #edf0f6;color:#46516a;vertical-align:middle}
.app-page-admin table tbody tr:last-child td{border-bottom:0}
.app-page-admin table tbody tr:hover td{background:#faf9ff}
.app-page-admin table td small{display:block;margin-top:4px;color:#8790a5;overflow-wrap:anywhere}
.app-page-admin .admin-form,.app-page-admin .pin-filter{gap:13px}
.app-page-admin .pin-filter{padding:15px;border:1px solid #e7eaf3;border-radius:15px;background:#f9faff;margin-bottom:16px}
.app-page-admin .account-actions{gap:10px;align-items:center;flex-wrap:wrap}
.app-page-admin .account-actions .subtle{color:#78829a;font-size:12px}
.app-page-admin .notice{border-radius:13px}
.app-page-admin .positive,.app-page-admin .negative{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}
.app-page-admin .positive{background:#eaf8f0;color:#23784d}
.app-page-admin .negative{background:#fff0ef;color:#b34343}
.app-page-admin .pagination,.app-page-admin nav[aria-label="Страницы"]{margin-top:15px}
@media(max-width:700px){.app-page-admin .account-section{padding:16px;border-radius:16px}.app-page-admin .section-head{align-items:flex-start;flex-wrap:wrap}.app-page-admin .admin-form,.app-page-admin .pin-filter{display:flex;flex-direction:column;align-items:stretch}.app-page-admin .admin-form .button,.app-page-admin .pin-filter .button{width:100%;justify-content:center}.app-page-admin .table-wrap{border-radius:12px}.app-page-admin table{min-width:680px}.app-page-admin .account-actions .button{flex:1;justify-content:center}}


/* MediaZV v0.5.99 — refined user cabinet and conversion history */
.app-page-user .page-heading{position:relative;overflow:hidden;border:1px solid #e4defa;border-radius:22px;background:radial-gradient(circle at 95% 5%,rgba(129,105,239,.15),transparent 32%),linear-gradient(120deg,#f5f2ff 0%,#fff 68%);box-shadow:0 12px 30px rgba(66,53,139,.055);padding:clamp(22px,3vw,30px)}
.app-page-user .page-heading h1{letter-spacing:-.8px;color:#28314b}
.app-page-user .auth-subtitle{max-width:720px;line-height:1.75;color:#707b94}
.app-page-user .account-summary{gap:16px;margin:18px 0}
.app-page-user .balance-card,.app-page-user .balance-side{position:relative;overflow:hidden;min-width:0;border-radius:20px;box-shadow:0 9px 25px rgba(44,52,90,.045)}
.app-page-user .balance-card{border-color:#dcd4ff;background:radial-gradient(circle at 100% 0,rgba(126,100,236,.14),transparent 38%),linear-gradient(135deg,#f0ecff,#fff 78%)}
.app-page-user .balance-card strong{font-size:clamp(34px,4vw,44px);letter-spacing:-1.5px}
.app-page-user .balance-side{border-color:#e5e9f2;background:linear-gradient(145deg,#fff,#f7f9ff)}
.app-page-user .account-section{border-color:#e5e9f3;border-radius:19px;box-shadow:0 8px 24px rgba(35,45,78,.04);padding:clamp(17px,2.5vw,23px)}
.app-page-user .section-head h2,.app-page-user .account-section h2{color:#29324b;letter-spacing:-.3px}
.app-page-user .section-head p,.app-page-user .history-caption{color:#7a849b;line-height:1.7}
.app-page-user .account-history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.app-page-user .account-history-stats>div{position:relative;overflow:hidden;min-width:0;padding:17px 18px;border:1px solid #e5e9f3;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 7px 20px rgba(36,48,82,.035)}
.app-page-user .account-history-stats>div:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#bcb0f5}
.app-page-user .account-history-stats>div:nth-child(2):before{background:#62c49b}
.app-page-user .account-history-stats>div:nth-child(3):before{background:#f0a4a4}
.app-page-user .account-history-stats>div span{display:block;color:#778199;font-size:11px;font-weight:650}
.app-page-user .account-history-stats>div strong{display:block;margin-top:7px;color:#2c3550;font:800 clamp(24px,3vw,31px)/1.1 Manrope,sans-serif;letter-spacing:-.7px;overflow-wrap:anywhere}
.app-page-user .account-history-stats .history-stat-success{color:#23835b}
.app-page-user .account-history-stats .history-stat-error{color:#b34d56}
.app-page-user .account-conversion-history,.app-page-user .account-ledger-page{background:linear-gradient(155deg,#fff 0%,#fdfdff 100%)}
.app-page-user .history-filter{gap:11px;padding:16px;border-color:#e6e9f2;border-radius:16px;background:linear-gradient(135deg,#fafbff,#f7f8fd)}
.app-page-user .history-filter label{font-size:11px;color:#59657e}
.app-page-user .history-filter input,.app-page-user .history-filter select{min-height:43px;border-color:#dfe4ef;border-radius:11px;font-size:12px;transition:border-color .16s,box-shadow .16s}
.app-page-user .history-filter input:focus,.app-page-user .history-filter select:focus{outline:0;border-color:#9b8ae9;box-shadow:0 0 0 3px rgba(113,88,218,.12)}
.app-page-user .history-filter .button{min-height:43px;border-radius:11px;font-size:11px}
.app-page-user .account-conversion-history .table-wrap,.app-page-user .account-ledger-page .table-wrap{border:1px solid #e8ebf3;border-radius:15px;background:#fff;overflow-x:auto}
.app-page-user .account-conversion-history table,.app-page-user .account-ledger-page table{margin:0}
.app-page-user .account-conversion-history th,.app-page-user .account-ledger-page th{padding:14px 15px;background:#f7f8fc;color:#727d95;font-size:10px;font-weight:800;letter-spacing:.045em}
.app-page-user .account-conversion-history td,.app-page-user .account-ledger-page td{padding:14px 15px;border-bottom:1px solid #edf0f6;color:#4b5670}
.app-page-user .account-conversion-history tbody tr:hover td,.app-page-user .account-ledger-page tbody tr:hover td{background:#faf9ff}
.app-page-user .account-conversion-history td strong,.app-page-user .account-ledger-page td strong{color:#303a54;font-size:12px}
.app-page-user .account-conversion-history td small,.app-page-user .account-ledger-page td small{font-size:10px;line-height:1.5}
.app-page-user .format-history-pill{min-width:46px;padding:6px 9px;border-radius:9px;font-size:10px}
.app-page-user .history-credit-used{display:inline-flex;padding:6px 9px;border-radius:9px;background:#fff0f0;color:#b04450}
.app-page-user .history-pagination{padding-top:8px}
.app-page-user .history-pagination .button{min-height:39px;border-radius:11px}
.app-page-user .empty-state{padding:27px 20px;border-color:#dfe3ef;background:linear-gradient(145deg,#fbfcff,#fff);line-height:1.7}
.app-page-user .ad-account-shortcut{border-color:#e2dcfa;background:linear-gradient(115deg,#f4f0ff,#fff 75%);box-shadow:0 8px 24px rgba(74,57,151,.045)}
@media(max-width:760px){.app-page-user .account-history-stats{gap:9px}.app-page-user .account-history-stats>div{padding:14px 12px}.app-page-user .account-history-stats>div span{font-size:10px}.app-page-user .account-history-stats>div strong{font-size:25px}.app-page-user .history-filter{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.app-page-user .history-filter .button{width:100%}}
@media(max-width:480px){.app-page-user .page-heading{padding:19px 16px;border-radius:17px}.app-page-user .account-history-stats{grid-template-columns:1fr 1fr}.app-page-user .account-history-stats>div:first-child{grid-column:1/-1}.app-page-user .account-history-stats>div strong{font-size:24px}.app-page-user .history-filter{grid-template-columns:1fr}.app-page-user .history-filter .button{width:100%}.app-page-user .account-conversion-history .section-head{align-items:flex-start}.app-page-user .account-conversion-history .table-wrap,.app-page-user .account-ledger-page .table-wrap{margin-inline:-2px;max-width:calc(100% + 4px)}}

/* MediaZV v0.5.100 — refined converter and completion experience */
.app-page-user .account-converter{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);border:1px solid #ddd7fa;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,rgba(125,99,232,.09),transparent 35%),linear-gradient(145deg,#fff 0%,#fcfbff 62%,#f8faff 100%);box-shadow:0 15px 38px rgba(64,53,128,.065)}
.app-page-user .account-converter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8a75ef,#5c48ca);border-radius:0 4px 4px 0}
.app-page-user .account-converter-heading{position:relative;align-items:center;margin-bottom:22px}
.app-page-user .account-converter-heading .card-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#8974f0,#5c43cc);font-size:23px;box-shadow:0 10px 22px rgba(102,77,211,.22)}
.app-page-user .account-converter-heading h2{font-size:clamp(19px,2vw,23px);letter-spacing:-.5px;color:#252d48}
.app-page-user .account-converter-heading p{max-width:620px;font-size:12px;line-height:1.75;color:#707b93}
.app-page-user .account-link-form{position:relative;gap:15px}
.app-page-user .account-link-form>label,.app-page-user .account-link-form .format-label{font-size:12px;font-weight:800;color:#37415b}
.app-page-user .account-link-form .url-field{min-height:60px;padding:8px 9px 8px 15px;border:1px solid #dce2ef;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(35,48,80,.025);transition:border-color .18s,box-shadow .18s}
.app-page-user .account-link-form .url-field:focus-within{border-color:#a99af4;box-shadow:0 0 0 4px rgba(115,87,232,.10),0 6px 18px rgba(70,57,140,.045)}
.app-page-user .account-link-form .url-field input{font-size:14px;padding:10px 3px}
.app-page-user .account-link-form .url-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#f1edff;font-size:18px}
.app-page-user .account-link-form .paste-button{min-height:38px;padding:9px 13px;border-radius:10px;background:#f5f2ff;border-color:#e2dcfb;font-size:11px;transition:background .18s,transform .18s}
.app-page-user .account-link-form .paste-button:hover{background:#ebe5ff;transform:translateY(-1px)}
.app-page-user .account-link-form .format-options{gap:12px}
.app-page-user .account-link-form .format-option{position:relative;min-height:76px;padding:14px;border:1px solid #e2e6f0;border-radius:15px;box-shadow:0 3px 10px rgba(35,48,80,.02);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.app-page-user .account-link-form .format-option:hover{border-color:#c7bdf5;transform:translateY(-1px)}
.app-page-user .account-link-form .format-option.selected{border-color:#a99af4;background:linear-gradient(135deg,#f7f4ff,#fff);box-shadow:0 0 0 2px rgba(115,87,232,.07)}
.app-page-user .account-link-form .format-symbol{width:40px;height:40px;flex:0 0 40px;border-radius:12px;font-size:20px}
.app-page-user .account-link-form .format-option b{font-size:13px;color:#29324c}
.app-page-user .account-link-form .format-option small{margin-top:3px;font-size:11px;line-height:1.5}
.app-page-user .account-link-form .convert-button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(102,77,211,.2);transition:transform .18s,box-shadow .18s}
.app-page-user .account-link-form .convert-button:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(102,77,211,.24)}
.app-page-user .account-link-form .button-arrow{font-size:18px;line-height:1}
.app-page-user .account-link-form .form-note{padding:12px 14px;border:1px solid #edf0f7;border-radius:12px;background:rgba(247,248,252,.85);font-size:11px;line-height:1.75;color:#737e95}
.app-page-user .account-link-form .form-message:empty{display:none}
.app-page-user .account-upload-form{border:1px dashed #d8dff0;border-radius:15px;background:linear-gradient(145deg,#fbfcff,#f7f8fd);padding:16px}
.conversion-success-card{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:24px auto 8px;padding:clamp(22px,4vw,38px);border:1px solid #e1e5f0;border-radius:25px;background:radial-gradient(ellipse at 100% 0%,rgba(112,88,220,.1),transparent 34%),linear-gradient(145deg,#fff 0%,#fcfbff 65%,#f8faff 100%);box-shadow:0 20px 55px rgba(39,48,83,.075)}
.conversion-success-card:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#8069ec,#48b98b,#5b8fe8)}
.result-success-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 17px;border:1px solid #c9eedc;border-radius:21px;background:linear-gradient(145deg,#e9fbf2,#d9f6e8);box-shadow:0 9px 22px rgba(41,151,101,.1);color:#21875d;font-size:31px;font-weight:900}
.result-eyebrow{display:block;text-align:center;color:#6e58d2;font-size:10px;font-weight:900;letter-spacing:.14em}
.conversion-success-card h2{text-align:center;margin:10px 0 9px;color:#242d47;font:800 clamp(25px,4vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1px}
.result-lead{max-width:560px;margin:0 auto 25px;text-align:center;color:#717c94;font-size:13px;line-height:1.75}
.result-file-card{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid #e0e5f0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(36,47,79,.035)}
.result-file-icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:14px;background:#f0ecff;color:#7155df;font-size:24px;font-weight:900}
.result-file-icon.result-video{background:#eaf3ff;color:#3d78d2}
.result-file-info{flex:1;min-width:0}
.result-file-info strong{display:block;overflow-wrap:anywhere;color:#2a334d;font-size:13px;line-height:1.5}
.result-file-info span{display:block;margin-top:4px;color:#78839a;font-size:11px}
.result-ready-pill{flex:0 0 auto;padding:6px 9px;border:1px solid #cceedd;border-radius:9px;background:#edfaf3;color:#237c56;font-size:10px;font-weight:900}
.result-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.result-details>div{min-width:0;padding:13px;border:1px solid #e9edf5;border-radius:13px;background:rgba(255,255,255,.8)}
.result-details>div span{display:block;color:#7b859b;font-size:10px;font-weight:700}
.result-details>div strong{display:block;margin-top:6px;overflow-wrap:anywhere;color:#303a54;font-size:12px;line-height:1.5}
.result-security-note{display:flex;align-items:flex-start;gap:9px;margin:17px 0 0;padding:13px 15px;border:1px solid #d5eee1;border-radius:12px;background:#f0faf5;color:#39765b;font-size:11px;line-height:1.7}
.result-security-note>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:#d9f3e5;color:#23865b;font-weight:900}
.result-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.result-footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;border:1px solid #e1e5ef;border-radius:11px;background:#fff;color:#5f4bc1;font-size:11px;font-weight:800;transition:border-color .18s,background .18s,transform .18s}
.result-footer-links a:hover{border-color:#cfc5fa;background:#f8f6ff;transform:translateY(-1px)}
@media(max-width:680px){.app-page-user .account-converter{padding:19px 16px;border-radius:18px}.app-page-user .account-converter-heading{align-items:flex-start;gap:11px}.app-page-user .account-converter-heading .card-icon{flex-basis:43px;width:43px;height:43px;border-radius:13px}.app-page-user .account-link-form .url-field{min-height:54px}.app-page-user .account-link-form .format-options{gap:8px}.app-page-user .account-link-form .format-option{min-height:70px;padding:10px;gap:8px}.app-page-user .account-link-form .format-symbol{width:34px;height:34px;flex-basis:34px}.conversion-success-card{margin-top:12px;padding:22px 16px;border-radius:20px}.result-details{grid-template-columns:1fr;gap:8px}.result-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px}.result-details>div strong{margin-top:0;text-align:right}.result-file-card{gap:10px;padding:12px}.result-file-icon{width:42px;height:42px;flex-basis:42px}.result-ready-pill{font-size:9px;padding:5px 7px}.result-footer-links{flex-direction:column}.result-footer-links a{width:100%}}
@media(prefers-reduced-motion:reduce){.app-page-user .account-link-form .paste-button,.app-page-user .account-link-form .format-option,.app-page-user .account-link-form .convert-button,.result-footer-links a{transition:none}}


/* v0.5.101 — compact, polished workspace navigation */
body.app-page .app-site-header{height:auto;min-height:76px;padding:10px clamp(18px,3.2vw,48px);column-gap:18px;row-gap:8px;align-items:center}
body.app-page .app-site-header>.brand{flex:0 0 auto;max-width:230px}
body.app-page .app-workspace-nav{flex:1 1 520px;min-width:0;max-width:820px;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid #edf0f7;border-radius:15px;background:linear-gradient(135deg,rgba(248,249,255,.96),rgba(255,255,255,.96));}
body.app-page .app-workspace-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;flex:0 1 auto;padding:7px 10px;border:1px solid transparent;border-radius:9px;border-bottom:1px solid transparent;white-space:nowrap;font-size:11px;line-height:1.25;font-weight:700;color:#68738b;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
body.app-page .app-workspace-nav a:hover,body.app-page .app-workspace-nav a:focus-visible{background:#fff;border-color:#e7e2fb;color:#654bd7;box-shadow:0 2px 7px rgba(45,53,86,.05);outline:none}
body.app-page .app-workspace-nav a.is-active{background:#fff;border-color:#e3dcff;border-bottom-color:#e3dcff;color:#6046d2;box-shadow:0 3px 9px rgba(80,66,155,.08)}
body.app-page .app-header-actions{margin-left:auto;flex:0 0 auto}
@media(max-width:1120px) and (min-width:761px){body.app-page .app-site-header{padding-inline:20px;column-gap:12px}body.app-page .app-site-header>.brand{max-width:190px}body.app-page .app-workspace-nav{flex-basis:460px;gap:3px}body.app-page .app-workspace-nav a{font-size:10px;padding:6px 8px;min-height:30px}}
@media(max-width:760px){body.app-page .app-site-header{height:auto;min-height:72px;padding:10px 16px;column-gap:10px;row-gap:8px}body.app-page .app-site-header>.brand{max-width:calc(100% - 115px)}body.app-page .app-workspace-nav{flex:0 0 100%;max-width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:5px;padding:5px;overflow-x:auto;overflow-y:hidden;border-radius:12px;scrollbar-width:thin;overscroll-behavior-inline:contain}body.app-page .app-workspace-nav a{flex:0 0 auto;min-height:34px;padding:8px 10px;font-size:11px}body.app-page .app-header-actions{margin-left:auto}body.app-page .app-header-actions .app-logout-button{display:none}}
@media(prefers-reduced-motion:reduce){body.app-page .app-workspace-nav a{transition:none}}


/* v0.5.102 — clearer, calmer error and success feedback */
body.app-page .flash-notice{position:relative;display:flex;align-items:flex-start;gap:13px;padding:16px 17px;border-radius:16px;margin:18px 0 22px;box-shadow:0 10px 26px rgba(28,39,70,.055);line-height:1.6}
body.app-page .flash-notice .notice-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;font-size:17px;font-weight:900}
body.app-page .flash-notice .notice-copy{flex:1;min-width:0;padding-top:5px;overflow-wrap:anywhere}
body.app-page .flash-notice.notice-error{border:1px solid #f2c9c6;background:linear-gradient(120deg,#fff5f4,#fffafa);color:#8f302d}
body.app-page .flash-notice.notice-error .notice-icon{background:#ffe4e1;color:#b83d36}
body.app-page .flash-notice.notice-success{border:1px solid #c6e9d7;background:linear-gradient(120deg,#effbf5,#fbfffd);color:#206b4d}
body.app-page .flash-notice.notice-success .notice-icon{background:#d9f5e6;color:#1f875c}
body.app-page .flash-notice .notice-dismiss{flex:0 0 29px;width:29px;height:29px;border:1px solid currentColor;border-radius:9px;background:rgba(255,255,255,.68);color:inherit;opacity:.72;cursor:pointer;font-size:19px;line-height:1;transition:opacity .18s,transform .18s}
body.app-page .flash-notice .notice-dismiss:hover{opacity:1;transform:translateY(-1px)}
body.app-page .flash-notice:focus-within{outline:3px solid rgba(115,87,232,.16);outline-offset:2px}
@media(max-width:520px){body.app-page .flash-notice{gap:10px;padding:12px;border-radius:13px}body.app-page .flash-notice .notice-icon{flex-basis:30px;width:30px;height:30px;border-radius:9px}body.app-page .flash-notice .notice-copy{padding-top:3px;font-size:12px}body.app-page .flash-notice .notice-dismiss{flex-basis:26px;width:26px;height:26px}}

/* v0.5.103: clear, safe conversion diagnostics in history */
.conversion-error-help{display:block;max-width:290px;margin-top:7px;padding:9px 10px;border:1px solid rgba(220,72,72,.18);border-radius:10px;background:rgba(220,72,72,.055);color:var(--muted,#68738a);font-size:12px;line-height:1.45;white-space:normal}
.conversion-error-help strong{color:#b64242;font-size:12px;font-weight:700}
@media(max-width:640px){.conversion-error-help{max-width:220px;font-size:11px;padding:8px}}

/* Admin conversion task details */
.task-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.task-detail-actions .button{width:auto}.task-detail-section{margin-top:16px}.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.task-detail-item{min-width:0;padding:15px 0;border-bottom:1px solid #e9edf4;display:flex;flex-direction:column;gap:6px}.task-detail-item>span{font-size:12px;color:#77839a}.task-detail-item>strong{font-size:14px;color:#28344a;overflow-wrap:anywhere}.task-detail-item-wide{grid-column:1/-1}.task-detail-url{overflow-wrap:anywhere;word-break:break-word;color:#4268bb}.task-error-panel{margin-bottom:16px;border:1px solid #f1d3d5;background:linear-gradient(135deg,#fffafa,#fff4f4)}.task-error-label{display:inline-flex;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#b34b54}.task-error-panel h2{margin:8px 0;color:#8e333d;font-size:21px}.task-error-panel p{margin:0;color:#68454a;line-height:1.6}.task-error-code{margin-top:12px;color:#82565a;font-size:12px}.task-error-code code{padding:3px 6px;border-radius:5px;background:#f9e4e5;overflow-wrap:anywhere}@media(max-width:600px){.task-detail-grid{grid-template-columns:1fr}.task-detail-item-wide{grid-column:auto}.task-detail-actions{flex-direction:column}.task-detail-actions .button{width:100%;text-align:center}.task-error-panel h2{font-size:18px}}

/* Notifications pagination and clearing controls — v0.5.108 */
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px;padding:11px 13px;border:1px solid #e5ebf4;border-radius:13px;background:#fbfcfe;color:#8290a4;font-size:11px}.notifications-toolbar form{margin:0}.button-danger-outline{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #f0caca;border-radius:10px;background:#fff;color:#b44343;font-size:11px;font-weight:800;cursor:pointer}.button-danger-outline:hover{background:#fff5f5;border-color:#e7aaaa}.notifications-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:22px 0 10px}.notifications-pagination a,.notifications-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:0 10px;border:1px solid #e2e9f3;border-radius:10px;background:#fff;color:#49668f;font-size:11px;font-weight:800;text-decoration:none}.notifications-pagination a:hover{background:#f3f7fd;border-color:#bfd0e8}.notifications-pagination .is-current{border-color:#385f99;background:#385f99;color:#fff}.notifications-pagination .is-disabled{color:#b1bac7;background:#f8f9fb}@media(max-width:600px){.notifications-toolbar{align-items:stretch;flex-direction:column}.notifications-toolbar form,.button-danger-outline{width:100%}.notifications-pagination{gap:5px}.notifications-pagination a,.notifications-pagination span{min-width:32px;height:33px;padding:0 8px}}

/* Tariffs and private media library */
.tariff-admin-form .tariff-form-grid,.tariff-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tariff-admin-form .tariff-form-grid label{display:flex;flex-direction:column;gap:7px}.tariff-active-check{display:flex!important;align-items:center;gap:10px;margin:16px 0}.tariff-active-check input{width:18px;height:18px}.tariff-admin-list,.media-library-list{display:grid;gap:10px}.tariff-admin-row,.tariff-order-row,.media-library-row{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e3e8f2;border-radius:16px;background:#fff}.tariff-admin-row>div,.tariff-order-row>div:first-child,.media-file-main{display:grid;gap:5px;flex:1;min-width:0}.tariff-admin-row small,.tariff-order-row small,.media-file-main small{color:#69758a}.tariff-order-actions form{display:flex;gap:8px;flex-wrap:wrap}.tariff-current-card{padding:26px;border:1px solid #e0e5f0;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f4f5ff 60%,#eef8ff 100%);box-shadow:0 18px 45px rgba(41,56,95,.08);margin-bottom:22px}.tariff-current-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tariff-eyebrow,.tariff-plan-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:#6e62c9}.tariff-current-top h2{font-size:28px;margin:7px 0}.tariff-current-top p{margin:0;color:#68738a}.tariff-current-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#6e62c9;color:white;font-size:28px}.tariff-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.tariff-resource{padding:18px;border:1px solid #e2e7f2;border-radius:16px;background:rgba(255,255,255,.85);min-width:0}.tariff-resource-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tariff-resource-head span{font-weight:700;color:#47536a}.tariff-resource-head strong{font-size:22px;color:#202b43}.tariff-resource p{font-size:13px;color:#778196;margin:8px 0 12px}.tariff-progress{height:9px;background:#e8ebf4;border-radius:99px;overflow:hidden}.tariff-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7565df,#4f9fe8);transition:width .25s}.tariff-progress.is-warning span{background:linear-gradient(90deg,#ed9a43,#e65d65)}.tariff-current-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tariff-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.tariff-plan-card{padding:23px;border:1px solid #e1e6f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(32,48,80,.06);display:flex;flex-direction:column;gap:12px}.tariff-plan-card h2{margin:0;font-size:23px;color:#222d45}.tariff-plan-price{font-size:27px;font-weight:800;color:#5f55c9}.tariff-plan-facts{display:grid;gap:10px;margin:8px 0 12px}.tariff-plan-facts span{display:flex;justify-content:space-between;gap:10px;color:#667187;padding-bottom:9px;border-bottom:1px solid #edf0f6}.tariff-plan-card form{margin-top:auto}.tariff-plan-card .button{width:100%;justify-content:center}.tariff-payment-note{font-size:13px;color:#6c778c;padding:12px 2px}.media-storage-summary{margin-bottom:18px}.media-library-row{padding:14px 16px}.media-file-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#f0efff;color:#6759ce;font-size:22px}.media-file-icon.is-video{background:#eaf5ff;color:#337ac0}.media-file-main strong{overflow-wrap:anywhere}.media-library-row .button{white-space:nowrap}.tariff-admin-form input:not([type=checkbox]),.tariff-admin-form select{width:100%;min-width:0}.tariff-admin-form .tariff-form-grid input,.tariff-admin-form .tariff-form-grid select{box-sizing:border-box}
@media(max-width:850px){.tariff-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff-admin-form .tariff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff-admin-row,.tariff-order-row{align-items:flex-start;flex-wrap:wrap}.tariff-admin-row .button{margin-left:auto}}
@media(max-width:560px){.tariff-current-card{padding:18px;border-radius:18px}.tariff-current-top h2{font-size:24px}.tariff-resource-grid,.tariff-plan-grid,.tariff-admin-form .tariff-form-grid{grid-template-columns:1fr}.tariff-resource-head strong{font-size:19px}.tariff-current-links{display:grid}.tariff-current-links .button{width:100%;justify-content:center}.tariff-plan-card{padding:19px}.tariff-order-actions,.tariff-order-actions form{width:100%}.tariff-order-actions form .button{flex:1}.media-library-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px}.media-library-row .button{grid-column:1/-1;width:100%;justify-content:center}.tariff-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.tariff-admin-row .button{grid-column:1/-1;margin:0;width:100%;justify-content:center}}


/* Media library compact, non-wrapping actions and format-specific icons — v0.5.113 */
.media-library-row{gap:13px;min-width:0}
.media-file-icon{font-weight:900;box-shadow:inset 0 0 0 1px rgba(103,89,206,.08)}
.media-file-icon.is-audio{background:linear-gradient(145deg,#f1edff,#e6e9ff);color:#6555c9;font-size:27px}
.media-file-icon.is-video{background:linear-gradient(145deg,#e8f5ff,#dcecff);color:#2679bd;font-size:21px}
.media-file-main strong{display:block;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;color:#25324a;font-size:14px}
.media-file-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto;white-space:nowrap}
.media-file-actions form{display:flex;margin:0;flex:0 0 auto}
.media-file-actions .media-action-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;height:32px;padding:0 10px;border-radius:9px;font-size:11px;line-height:1;white-space:nowrap;flex:0 0 auto;width:auto}
.media-file-actions .media-download-button{border-color:#d7e2f5;background:#f6f9ff;color:#315c9a}
.media-file-actions .media-delete-button{border-color:#f0d9d9;background:#fffafa;color:#b64d55}
.media-file-actions .media-action-button span{font-size:14px;font-weight:900;line-height:1}
@media(max-width:560px){.media-library-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px 10px;padding:12px}.media-file-icon{grid-column:1;grid-row:1;width:42px;height:42px;flex-basis:42px}.media-file-main{grid-column:2;grid-row:1}.media-file-main strong{font-size:12px}.media-file-main small{font-size:10px;line-height:1.4}.media-file-actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-end;gap:7px;width:100%;white-space:nowrap}.media-file-actions form{display:flex;width:auto;flex:0 0 auto}.media-file-actions .media-action-button{width:auto;min-width:0;min-height:31px;height:31px;padding:0 10px;font-size:11px;white-space:nowrap}.media-library-row .button{grid-column:auto;width:auto;justify-content:center}}


/* Account dashboard: credits and storage cards — v0.5.116 */
.app-page-user .account-summary-resources{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin:18px 0 12px}
.app-page-user .account-summary-resources .balance-card,.app-page-user .account-summary-resources .account-storage-card{min-width:0;min-height:190px;position:relative;overflow:hidden;padding:23px;border-radius:21px;box-sizing:border-box}
.app-page-user .account-summary-resources .balance-card{display:flex;flex-direction:column;align-items:flex-start;border-color:#dcd4ff;background:radial-gradient(circle at 100% 0,rgba(126,100,236,.16),transparent 39%),linear-gradient(135deg,#f0ecff 0%,#fff 78%)}
.resource-card-eyebrow{display:flex;align-items:center;gap:8px;color:#657089;font-size:12px;font-weight:750;position:relative;z-index:1}
.resource-card-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e4ddff;color:#6d57d9;font-size:16px;font-weight:800}
.resource-card-icon.storage-icon{background:#dff5ee;color:#168568}
.app-page-user .account-summary-resources .balance-card strong{margin:13px 0 5px;font-size:clamp(36px,4vw,46px);line-height:1.08;letter-spacing:-1.5px}
.app-page-user .account-summary-resources .balance-card small{color:#7a8297;font-size:11px}
.account-storage-card{border:1px solid #d9eee7;background:radial-gradient(circle at 100% 0,rgba(53,190,151,.12),transparent 40%),linear-gradient(135deg,#f0fbf7 0%,#fff 76%);box-shadow:0 9px 25px rgba(44,52,90,.045)}
.account-storage-card.is-warning{border-color:#f2d8bc;background:radial-gradient(circle at 100% 0,rgba(235,145,57,.13),transparent 40%),linear-gradient(135deg,#fff7ec 0%,#fff 76%)}
.account-storage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.storage-percent{font-size:10px;font-weight:800;color:#168568;background:#e1f6ee;padding:5px 8px;border-radius:99px;white-space:nowrap}
.account-storage-card.is-warning .storage-percent{color:#a95b18;background:#fff0dc}
.account-storage-free{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:13px 0 12px;font:800 clamp(27px,3.2vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-1px;color:#197f68}
.account-storage-card.is-warning .account-storage-free{color:#b96a25}
.account-storage-free small{font:600 12px/1.3 Manrope,sans-serif;letter-spacing:0;color:#788397}
.account-storage-progress{height:9px;border-radius:99px;background:#e3eee9;overflow:hidden}
.account-storage-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#42c5a0,#258d78);transition:width .25s}
.account-storage-card.is-warning .account-storage-progress span{background:linear-gradient(90deg,#f1b04e,#e36a5c)}
.account-storage-details{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#7b8597;font-size:10px}
.account-storage-details b{color:#45536a;font-weight:800}
.resource-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;color:#6c56d5;font-size:11px;font-weight:800;text-decoration:none;position:relative;z-index:1}
.resource-card-link span{transition:transform .2s}
.resource-card-link:hover span{transform:translateX(3px)}
.storage-link{color:#168568}
.account-profile-line{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 14px;border:1px solid #e8ecf4;border-radius:14px;background:#fafbfe;margin:0 0 18px}
.account-profile-dot{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#e9e6ff;color:#6954ce;font-weight:850}
.account-profile-line>span:nth-child(2){display:grid;gap:2px;min-width:0}
.account-profile-line small{font-size:10px;color:#8a93a6}
.account-profile-line strong{font-size:12px;color:#354159;overflow-wrap:anywhere}
.account-profile-date{margin-left:auto;font-size:10px;color:#8791a4;white-space:nowrap}
@media(max-width:680px){.app-page-user .account-summary-resources{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:14px}.app-page-user .account-summary-resources .balance-card,.app-page-user .account-summary-resources .account-storage-card{min-height:172px;padding:19px;border-radius:18px}.app-page-user .account-summary-resources .balance-card strong{font-size:38px}.account-storage-free{font-size:31px}.account-profile-line{align-items:flex-start;flex-wrap:wrap}.account-profile-date{width:100%;margin-left:45px;white-space:normal}}


/* Separate wallet display for currency balances */
.wallet-currency-row { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(105, 116, 145, .18); border-radius: 14px; background: rgba(244, 247, 252, .85); color: #35405a; font-size: .94rem; line-height: 1.6; }
.wallet-currency-row strong { display: block; margin-bottom: 4px; color: #17213a; }
/* Credits card layout aligned with the supplied reference: icon left, figures right. */
.app-page-user .account-summary-resources .balance-card{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:20px;align-content:start;align-items:start;padding:23px;min-height:194px}
.app-page-user .account-summary-resources .balance-card .resource-card-eyebrow{display:contents}
.app-page-user .resource-card-icon.credits-icon{grid-column:1;grid-row:1/5;align-self:center;width:116px;height:116px;min-width:116px;border-radius:28px;display:inline-grid;place-items:center;background:radial-gradient(circle at 30% 24%,#ffffff 0%,#eee8ff 42%,#d9ceff 100%);color:#6b4cdb;font-size:58px;line-height:1;box-shadow:0 12px 28px rgba(108,76,219,.14),inset 0 1px 0 rgba(255,255,255,.9);position:relative}
.app-page-user .resource-card-icon.credits-icon:before{content:'◉';position:absolute;font-size:28px;left:14px;top:13px;color:#9278ed;opacity:.9}
.app-page-user .account-summary-resources .balance-card .credits-label{grid-column:2;grid-row:1;align-self:end;color:#4e4c72;font-size:12px;font-weight:800;letter-spacing:.02em;padding-top:4px}
.app-page-user .account-summary-resources .balance-card strong{grid-column:2;grid-row:2;margin:9px 0 3px;font-size:clamp(36px,4vw,46px);line-height:1.08;letter-spacing:-1.5px;color:#6046d8}
.app-page-user .account-summary-resources .balance-card>small{grid-column:2;grid-row:3;color:#7a8297;font-size:11px}
.app-page-user .account-summary-resources .balance-card .resource-card-link{grid-column:2;grid-row:4;justify-self:start;align-self:end;margin-top:10px;padding-top:0;position:relative;z-index:2}
@media(max-width:680px){.app-page-user .account-summary-resources .balance-card{grid-template-columns:64px minmax(0,1fr);column-gap:14px;min-height:172px;padding:19px}.app-page-user .resource-card-icon.credits-icon{width:62px;height:62px;min-width:62px;border-radius:18px;font-size:34px}.app-page-user .resource-card-icon.credits-icon:before{font-size:18px;left:8px;top:7px}.app-page-user .account-summary-resources .balance-card strong{font-size:38px}.app-page-user .account-summary-resources .balance-card .resource-card-link{margin-top:8px}}

/* v0.5.120: storage icon aligned left of its figures, matching the credits card. */
.app-page-user .account-summary-resources .account-storage-card{display:flex;align-items:stretch;padding:23px;min-height:194px}
.account-storage-layout{display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:20px;align-items:center;width:100%;min-width:0}
.account-storage-layout>.storage-icon{grid-column:1;grid-row:1;width:116px;height:116px;min-width:116px;border-radius:28px;display:inline-grid;place-items:center;padding:18px;box-sizing:border-box;background:radial-gradient(circle at 30% 24%,#fff 0%,#e8faf4 42%,#d0f3e8 100%);color:#168568;box-shadow:0 12px 28px rgba(33,160,125,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.account-storage-layout>.storage-icon svg{display:block;width:100%;height:100%}
.account-storage-content{grid-column:2;min-width:0;display:flex;flex-direction:column;align-self:stretch}
.account-storage-content .account-storage-top{flex-wrap:nowrap}
.account-storage-content .storage-label{color:#42516b;font-size:12px;font-weight:800}
.account-storage-content .account-storage-free{margin:13px 0 12px}
.account-storage-content .storage-link{margin-top:auto}
@media(max-width:680px){.app-page-user .account-summary-resources .account-storage-card{padding:19px;min-height:172px}.account-storage-layout{grid-template-columns:62px minmax(0,1fr);column-gap:14px}.account-storage-layout>.storage-icon{width:62px;height:62px;min-width:62px;border-radius:18px;padding:10px}.account-storage-content .account-storage-free{font-size:clamp(25px,7vw,31px);margin:9px 0}.account-storage-content .account-storage-top{gap:6px}.account-storage-content .storage-percent{font-size:9px;padding:4px 6px}.account-storage-content .account-storage-details{gap:6px;font-size:9px;flex-wrap:wrap}}


/* Advertising overview: all campaign statistics live on the advertising page. */
.ad-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
.ad-overview-card{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;align-items:center;column-gap:12px;row-gap:3px;min-width:0;padding:18px;border:1px solid #e1e5f4;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%);box-shadow:0 8px 24px rgba(46,52,95,.045)}
.ad-overview-icon{grid-column:1;grid-row:1/4;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#eee8ff;color:#704be5;font-size:22px;font-weight:800}
.ad-overview-label{font-size:12px;color:#697491;font-weight:650}
.ad-overview-card strong{font-size:28px;line-height:1.15;letter-spacing:-.04em;color:#17264a}
.ad-overview-card small{font-size:11px;color:#8490a8}
.ad-overview-pending .ad-overview-icon{background:#fff3d9;color:#b77913}.ad-overview-active .ad-overview-icon{background:#ddf7ed;color:#108765}.ad-overview-finished .ad-overview-icon{background:#edf1f8;color:#66738e}
.ad-rejected-note{margin:-8px 0 20px;padding:12px 16px;border:1px solid #f1d8d8;border-radius:12px;background:#fff7f7;color:#8b4242;font-size:13px}
@media(max-width:900px){.ad-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ad-overview-grid{gap:9px}.ad-overview-card{padding:13px;grid-template-columns:34px 1fr;column-gap:9px;border-radius:14px}.ad-overview-icon{width:34px;height:34px;border-radius:10px;font-size:18px}.ad-overview-card strong{font-size:24px}.ad-overview-card small{font-size:10px}}

/* v0.5.123: keep the link-conversion panel full width in the account layout */
.app-page-user .account-converter{grid-column:1 / -1;width:100

/* Admin wallet ledger: clear financial overview and responsive filters */
.wallet-admin-hero{display:flex;align-items:center;gap:18px;margin:4px 0 20px;padding:24px;border:1px solid #e3dcff;border-radius:22px;background:radial-gradient(circle at 95% 5%,rgba(119,88,232,.12),transparent 34%),linear-gradient(120deg,#f5f1ff,#fff 65%);box-shadow:0 12px 30px rgba(65,55,120,.045)}
.wallet-admin-hero-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#8b72f4,#6545d6);color:#fff;font-size:30px;box-shadow:0 9px 22px rgba(112,80,232,.22)}
.wallet-admin-hero h2{margin:4px 0 6px;color:#182342;font-size:clamp(21px,2.5vw,28px)}.wallet-admin-hero p{margin:0;color:#6e7891;line-height:1.6;max-width:780px}
.wallet-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.wallet-admin-stats article{padding:20px;border:1px solid #e4e8f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f9fd);box-shadow:0 8px 22px rgba(38,51,84,.035)}.wallet-admin-stats article span,.wallet-admin-stats article small{display:block;color:#75809a;font-size:13px}.wallet-admin-stats article strong{display:block;margin:8px 0;font-size:clamp(24px,3vw,32px);letter-spacing:-.04em;color:#273453}.wallet-admin-stats article small{font-size:11px;line-height:1.5}.wallet-admin-stats article.is-income strong{color:#13876d}.wallet-admin-stats article.is-expense strong{color:#b84e68}
.wallet-admin-filters{margin-bottom:18px}.wallet-filter-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.65fr) minmax(190px,1fr) auto auto;align-items:end;gap:12px}.wallet-filter-grid label{display:grid;gap:7px;color:#34415d;font-size:12px;font-weight:700}.wallet-filter-grid input,.wallet-filter-grid select{width:100%;min-width:0;min-height:42px;border:1px solid #dfe4f0;border-radius:11px;padding:9px 12px;background:#fff;color:#26334f;font:inherit}.wallet-admin-table-section{overflow:hidden}.wallet-admin-table td{vertical-align:middle}.wallet-admin-table td small{display:block;margin-top:5px;color:#8490a7;font-size:11px;line-height:1.45}.wallet-admin-table td strong{font-size:13px}.wallet-event-badge{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:8px;font-weight:800}.wallet-event-badge.is-positive{background:#e1f7ef;color:#11866a}.wallet-event-badge.is-negative{background:#fff0f2;color:#bd4b65}.wallet-admin-amount{white-space:nowrap;font-weight:800}
@media(max-width:950px){.wallet-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-filter-grid label:first-child{grid-column:1/-1}.wallet-filter-grid .button{width:100%;text-align:center}}
@media(max-width:620px){.wallet-admin-hero{align-items:flex-start;padding:18px;gap:12px}.wallet-admin-hero-icon{flex-basis:46px;width:46px;height:46px;border-radius:14px;font-size:24px}.wallet-admin-stats{grid-template-columns:1fr;gap:10px}.wallet-admin-stats article{padding:15px}.wallet-admin-stats article strong{font-size:26px}.wallet-filter-grid{grid-template-columns:1fr}.wallet-filter-grid label:first-child{grid-column:auto}.wallet-admin-table{min-width:650px}}

/* User-facing wallet history page */
.user-wallet-hero{align-items:center}.user-wallet-hero>.button{margin-left:auto;white-space:nowrap}.user-wallet-stats article{min-width:0}.wallet-user-table-section{overflow:hidden}.wallet-user-table-section .section-head{align-items:center;gap:14px}.wallet-user-table-section .section-head p{line-height:1.6}.wallet-user-table-section .wallet-admin-table{min-width:560px}.wallet-user-table-section .wallet-admin-table td:first-child strong{display:block}.wallet-user-table-section .wallet-admin-table td:first-child small{display:block;margin-top:5px;color:#7a849b;line-height:1.45}.wallet-user-table-section .wallet-admin-table .wallet-admin-amount{font-weight:750;white-space:nowrap}
@media(max-width:700px){.user-wallet-hero{align-items:flex-start;flex-wrap:wrap}.user-wallet-hero>.button{margin-left:0;width:100%;justify-content:center}.user-wallet-stats{grid-template-columns:1fr}.wallet-user-table-section .section-head{align-items:flex-start;flex-direction:column}.wallet-user-table-section .section-head>.button{width:100%;justify-content:center}}


/* v0.5.130: cleaner spacing and hierarchy on the user wallet history page */
.user-wallet-hero{gap:22px!important;margin:8px 0 26px!important;padding:26px 30px!important;min-height:124px}
.user-wallet-hero>div:nth-child(2){flex:1;min-width:220px}
.user-wallet-hero .update-eyebrow{display:block;margin-bottom:9px;letter-spacing:.14em;font-size:11px;font-weight:800;color:#7657df}
.user-wallet-hero h2{margin:0 0 8px!important;line-height:1.2!important}
.user-wallet-hero p{font-size:14px;line-height:1.65!important}
.user-wallet-hero>.button{flex-shrink:0;margin-left:auto!important;padding:13px 18px;min-height:46px}
.user-wallet-stats{gap:16px!important;margin:0 0 26px!important}
.user-wallet-stats article{padding:22px 24px!important;min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.user-wallet-stats article span{font-size:13px;line-height:1.5;margin-bottom:2px}
.user-wallet-stats article strong{margin:2px 0 3px!important;line-height:1.2}
.user-wallet-stats article small{font-size:12px!important;line-height:1.55!important}
.wallet-user-table-section{padding:24px!important;border-radius:18px!important}
.wallet-user-table-section .section-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px!important}
.wallet-user-table-section .section-head h2{margin:0 0 8px!important;font-size:20px;line-height:1.3}
.wallet-user-table-section .section-head p{margin:0!important;font-size:14px;color:#7a849b;line-height:1.6}
.wallet-user-table-section .section-head>.button{flex-shrink:0;padding:12px 17px;min-height:46px}
.wallet-user-table-section .table-wrap{margin-top:0!important;border:1px solid #e1e7f2;border-radius:14px;overflow-x:auto}
.wallet-user-table-section .wallet-admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:560px}
.wallet-user-table-section .wallet-admin-table th{padding:15px 18px!important;background:#f5f7fc;font-size:11px;letter-spacing:.04em;line-height:1.4}
.wallet-user-table-section .wallet-admin-table td{padding:17px 18px!important;line-height:1.5}
.wallet-user-table-section .wallet-admin-table td:first-child strong{font-size:13px;line-height:1.5}
.wallet-user-table-section .wallet-admin-table td:first-child small{font-size:11px;line-height:1.55;margin-top:5px}
.wallet-user-table-section .wallet-admin-table td:last-child{white-space:nowrap;font-size:12px}
.wallet-user-table-section .empty-state{padding:28px 20px;line-height:1.7}
.wallet-user-table-section .history-pagination{margin-top:20px;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){
 .user-wallet-hero{padding:20px!important;gap:14px!important;margin-bottom:20px!important}
 .user-wallet-hero>div:nth-child(2){min-width:0;width:100%}
 .user-wallet-hero>.button{width:100%;margin:4px 0 0!important}
 .user-wallet-stats{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}
 .user-wallet-stats article{min-height:0;padding:18px 20px!important}
 .wallet-user-table-section{padding:17px!important}
 .wallet-user-table-section .section-head{gap:14px;margin-bottom:16px!important}
 .wallet-user-table-section .section-head>.button{width:100%;justify-content:center}
 .wallet-user-table-section .wallet-admin-table th,.wallet-user-table-section .wallet-admin-table td{padding:13px 12px!important}
}


/* Wallet history layout polish: explicit spacing and clear amount colors */
.wallet-admin-hero.user-wallet-hero{display:flex;gap:22px;align-items:center;padding:26px 28px;margin:0 0 22px;border-radius:22px}
.user-wallet-hero .user-wallet-hero-copy{flex:1;min-width:240px}
.user-wallet-hero .user-wallet-hero-copy h2{margin:9px 0 10px;line-height:1.25}
.user-wallet-hero .user-wallet-hero-copy p{margin:0;line-height:1.65;max-width:760px}
.wallet-admin-stats.user-wallet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.wallet-admin-stats.user-wallet-stats article{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:22px 23px;border:1px solid #e1e7f3;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(30,48,90,.045)}
.wallet-admin-stats.user-wallet-stats article>span{display:block;color:#64718a;font-size:13px;line-height:1.5}
.wallet-admin-stats.user-wallet-stats article>strong{display:block;font-size:25px;line-height:1.25;overflow-wrap:anywhere}
.wallet-admin-stats.user-wallet-stats article>small{display:block;color:#8490a5;font-size:12px;line-height:1.55}
.wallet-admin-stats.user-wallet-stats article>strong.positive,.wallet-admin-table .positive{color:#138a62!important}
.wallet-admin-stats.user-wallet-stats article>strong.negative,.wallet-admin-table .negative{color:#d14343!important}
.wallet-user-table-section{padding:24px;border-radius:20px}
.wallet-user-table-section .section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.wallet-user-table-section .section-head h2{margin:0 0 12px;line-height:1.3}
.wallet-user-table-section .wallet-current-balance{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;color:#78849a;line-height:1.5}
.wallet-user-table-section .wallet-current-balance strong{color:#273b60;font-size:17px;font-weight:750}
.wallet-user-table-section .table-wrap{border:1px solid #e0e6f2;border-radius:14px;overflow:auto}
.wallet-user-table-section .wallet-admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}
.wallet-user-table-section .wallet-admin-table th{padding:15px 17px;line-height:1.4;white-space:nowrap}
.wallet-user-table-section .wallet-admin-table td{padding:17px;line-height:1.55;vertical-align:middle}
.wallet-user-table-section .wallet-admin-table td:first-child strong{font-size:13px;line-height:1.5}
.wallet-user-table-section .wallet-admin-table td:first-child small{font-size:11px;line-height:1.5}
.wallet-user-table-section .wallet-admin-table .wallet-admin-amount{font-size:13px;font-weight:800}
@media(max-width:800px){.wallet-admin-stats.user-wallet-stats{grid-template-columns:1fr;gap:12px}.wallet-admin-stats.user-wallet-stats article{padding:18px 20px}.wallet-admin-stats.user-wallet-stats article>strong{font-size:23px}.wallet-admin-hero.user-wallet-hero{align-items:flex-start;flex-wrap:wrap;padding:22px}.user-wallet-hero .user-wallet-hero-copy{flex-basis:calc(100% - 70px)}.user-wallet-hero>.button{margin:4px 0 0;width:100%;justify-content:center}.wallet-user-table-section{padding:18px}.wallet-user-table-section .section-head{align-items:flex-start;flex-direction:column}.wallet-user-table-section .section-head>.button{width:100%;justify-content:center}}

/* Wallet balance: separate label and amount so they never run together. */
.wallet-user-table-section .section-head .wallet-current-balance{
 display:flex;flex-direction:column;align-items:flex-start;gap:7px;
 margin:0!important;padding:12px 16px!important;min-width:190px;width:max-content;max-width:100%;
 background:#f5f3ff;border:1px solid #e7e0ff;border-radius:13px;
 color:#66708a;font-size:12px!important;line-height:1.4!important;
}
.wallet-user-table-section .wallet-current-balance span{display:block;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:#777f98;line-height:1.4}
.wallet-user-table-section .wallet-current-balance strong{display:block;color:#16845b;font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.25;white-space:nowrap}
@media(max-width:700px){.wallet-user-table-section .section-head .wallet-current-balance{width:100%;min-width:0;padding:13px 15px!important}.wallet-user-table-section .wallet-current-balance strong{font-size:20px}}

/* v0.5.135 wallet balance layout safeguard */
.wallet-user-table-section .wallet-current-balance{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:8px 0 0!important;padding:14px 18px!important;background:#f5f3ff!important;border:1px solid #e3dcff!important;border-radius:14px!important;min-width:210px;box-sizing:border-box;line-height:1.4!important}.wallet-user-table-section .wallet-current-balance span{display:block!important;margin:0!important;color:#68738b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:1.4!important}.wallet-user-table-section .wallet-current-balance strong{display:block!important;margin:0!important;color:#16845b!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.25!important;white-space:nowrap!important}


/* Tariffs page visual refresh v0.5.137 */
.tariff-current-card{position:relative;overflow:hidden;padding:30px;background:radial-gradient(circle at 100% 0%,rgba(119,94,230,.13),transparent 34%),linear-gradient(135deg,#fff 0%,#f8f7ff 58%,#f1f8ff 100%);border-color:#deddf8;border-radius:26px;box-shadow:0 16px 40px rgba(49,55,99,.07)}
.tariff-current-top{align-items:center;padding-bottom:22px;border-bottom:1px solid #e7e8f5}
.tariff-current-top h2{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin:9px 0 8px}
.tariff-current-top p{font-size:14px;line-height:1.55}
.tariff-current-mark{width:58px;height:58px;border-radius:19px;box-shadow:0 8px 20px rgba(105,86,218,.24)}
.tariff-resource-grid{gap:18px;margin-top:22px}
.tariff-resource{padding:22px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(41,56,95,.035)}
.tariff-resource-head{align-items:flex-start;flex-wrap:wrap}
.tariff-resource-head span{font-size:14px;line-height:1.5}
.tariff-resource-head strong{font-size:25px;line-height:1.25;white-space:nowrap}
.tariff-resource p{font-size:13px;line-height:1.6;margin:10px 0 14px}
.tariff-progress{height:10px}
.tariff-current-links{gap:10px;margin-top:22px}
.tariff-current-links .button{min-height:42px}
.wallet-currency-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding:16px 18px;background:#fff;border:1px solid #e3e5f1;border-radius:16px;color:#69758a;line-height:1.5}
.wallet-currency-row strong{color:#46516a;font-size:13px}
.tariff-plan-grid{gap:20px;margin:22px 0}
.tariff-plan-card{position:relative;overflow:hidden;padding:25px;border-radius:22px;border-color:#e1e4f1;box-shadow:0 10px 28px rgba(32,48,80,.055);gap:15px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tariff-plan-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7862e8,#8b7cf0,#69b9e8)}
.tariff-plan-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(57,56,111,.1);border-color:#d4cdfb}
.tariff-plan-kicker{display:block;line-height:1.5;margin-top:3px}
.tariff-plan-card h2{font-size:25px;line-height:1.25;overflow-wrap:anywhere}
.tariff-plan-price{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:2px 0 4px;overflow-wrap:anywhere}
.tariff-plan-facts{gap:0;margin:6px 0 12px}
.tariff-plan-facts span{align-items:center;padding:13px 0;line-height:1.5}
.tariff-plan-facts b{color:#26334d;text-align:right}
.tariff-plan-card .button{min-height:46px;border-radius:13px}
.tariff-plan-card .button:disabled{opacity:.65;cursor:not-allowed}
.tariff-payment-note{margin-top:20px;padding:17px 19px;border:1px solid #e3e7f1;border-radius:16px;background:#fff;line-height:1.7}
@media(max-width:850px){.tariff-plan-grid{gap:14px}.tariff-plan-card{padding:21px}.tariff-current-card{padding:24px}}
@media(max-width:560px){.tariff-current-card{padding:18px;border-radius:19px}.tariff-current-top{align-items:flex-start;padding-bottom:18px}.tariff-current-top h2{font-size:25px}.tariff-current-mark{width:46px;height:46px;border-radius:15px;font-size:23px;flex:0 0 auto}.tariff-resource-grid{gap:12px;margin-top:16px}.tariff-resource{padding:17px}.tariff-resource-head strong{font-size:22px}.tariff-current-links{gap:8px}.wallet-currency-row{display:grid;gap:6px;padding:14px}.tariff-plan-grid{margin:16px 0}.tariff-plan-card{padding:20px;border-radius:18px}.tariff-plan-card h2{font-size:23px}.tariff-plan-price{font-size:29px}.tariff-payment-note{padding:14px;line-height:1.65}}


/* Premium current tariff summary v0.5.139 */
.tariff-current-premium{padding:28px 30px 30px;background:radial-gradient(circle at 96% 0%,rgba(118,94,231,.16),transparent 30%),linear-gradient(125deg,#fff 0%,#f8f7ff 56%,#f0f8ff 100%);border:1px solid #deddf8}
.tariff-current-premium .tariff-current-top{padding-bottom:22px}
.tariff-current-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.tariff-current-detail{display:flex;align-items:center;gap:14px;min-width:0;padding:19px 20px;border:1px solid rgba(222,226,242,.95);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(43,55,91,.045)}
.tariff-detail-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#eeeaff,#e9f4ff);color:#6958d5;font-size:21px;font-weight:800}
.tariff-current-detail>div{display:grid;gap:4px;min-width:0}
.tariff-current-detail small{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#778099}
.tariff-current-detail strong{font-size:25px;line-height:1.2;letter-spacing:-.025em;color:#202b45;overflow-wrap:anywhere}
.tariff-current-detail strong em{font-size:13px;font-style:normal;letter-spacing:0;color:#69758b}
.tariff-current-detail>div>span{font-size:12px;line-height:1.45;color:#778196}
.tariff-detail-price strong{color:#6554d1}
@media(max-width:850px){.tariff-current-details{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff-detail-price{grid-column:1/-1}}
@media(max-width:560px){.tariff-current-premium{padding:19px}.tariff-current-details{grid-template-columns:1fr;gap:10px;margin-top:16px}.tariff-detail-price{grid-column:auto}.tariff-current-detail{padding:16px}.tariff-current-detail strong{font-size:23px}}

/* v0.5.141: premium current-tariff detail layout */
.tariff-current-premium .tariff-current-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;margin-top:24px!important;align-items:stretch}
.tariff-current-premium .tariff-current-detail{display:flex!important;align-items:center!important;gap:15px!important;min-width:0;padding:22px!important;border:1px solid #e1e5f2!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(43,55,91,.06)!important}
.tariff-current-premium .tariff-current-detail>div{display:grid!important;grid-template-columns:1fr;gap:7px!important;min-width:0}
.tariff-current-premium .tariff-current-detail small{display:block!important;font-size:11px!important;line-height:1.45!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#737f98!important}
.tariff-current-premium .tariff-current-detail strong{display:block!important;font-size:26px!important;line-height:1.25!important;letter-spacing:-.02em!important;color:#202b45!important;overflow-wrap:anywhere!important}
.tariff-current-premium .tariff-current-detail>div>span{display:block!important;font-size:13px!important;line-height:1.5!important;color:#75809a!important}
.tariff-current-premium .tariff-current-detail strong em{font-size:.65em!important;font-style:normal!important;color:#75809a!important}
@media(max-width:800px){.tariff-current-premium .tariff-current-details{grid-template-columns:1fr!important;gap:12px!important}.tariff-current-premium .tariff-current-detail{padding:17px!important}.tariff-current-premium .tariff-current-detail strong{font-size:23px!important}}


/* v0.5.142: resilient premium current tariff layout */
.tariff-current-premium{padding:30px!important;border-radius:24px!important;background:radial-gradient(circle at 95% 0%,rgba(115,91,224,.13),transparent 32%),linear-gradient(125deg,#fff 0%,#f8f7ff 55%,#eef7ff 100%)!important;border:1px solid #dedff3!important;box-shadow:0 16px 38px rgba(35,48,84,.07)!important}
.tariff-current-premium .tariff-current-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:0 0 22px!important;border-bottom:1px solid #e7e9f4!important}
.tariff-current-premium .tariff-current-top h2{margin:8px 0!important;font-size:clamp(26px,3vw,34px)!important;line-height:1.2!important}
.tariff-current-premium .tariff-current-top p{margin:0!important;color:#68738a!important;line-height:1.6!important}
.tariff-current-premium .tariff-current-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:22px!important}
.tariff-current-premium .tariff-current-detail{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important;padding:22px!important;border:1px solid #e0e4f1!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 22px rgba(43,55,91,.045)!important}
.tariff-current-premium .tariff-detail-icon{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:15px!important;background:linear-gradient(145deg,#eeeaff,#e8f3ff)!important;color:#6958d5!important;font-size:22px!important}
.tariff-current-premium .tariff-current-detail>div{display:grid!important;gap:6px!important;min-width:0!important}
.tariff-current-premium .tariff-current-detail small{font-size:12px!important;color:#68738a!important;line-height:1.4!important}
.tariff-current-premium .tariff-current-detail strong{font-size:clamp(22px,2vw,29px)!important;line-height:1.2!important;color:#172b4d!important;overflow-wrap:anywhere!important}
.tariff-current-premium .tariff-current-detail strong em{font-size:14px!important;font-style:normal!important;font-weight:700!important;color:#68738a!important}
.tariff-current-premium .tariff-current-detail span:not(.tariff-detail-icon){font-size:12px!important;line-height:1.5!important;color:#778196!important}
.tariff-current-premium .tariff-detail-price strong{color:#6554d1!important}
@media(max-width:850px){.tariff-current-premium .tariff-current-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tariff-current-premium .tariff-detail-price{grid-column:1/-1!important}}
@media(max-width:560px){.tariff-current-premium{padding:18px!important}.tariff-current-premium .tariff-current-details{grid-template-columns:1fr!important;gap:11px!important;margin-top:16px!important}.tariff-current-premium .tariff-detail-price{grid-column:auto!important}.tariff-current-premium .tariff-current-detail{padding:16px!important}}

/* v0.5.143: prevent tariff summary text from collapsing into one line */
.tariff-current-premium .tariff-current-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.tariff-current-premium .tariff-current-detail>div{display:block!important;width:100%!important}
.tariff-current-premium .tariff-current-detail small,.tariff-current-premium .tariff-current-detail strong,.tariff-current-premium .tariff-current-detail>div>span{display:block!important;white-space:normal!important;margin:0 0 8px!important;line-height:1.5!important}
.tariff-current-premium .tariff-current-detail>div>span{margin-bottom:0!important}
@media(max-width:850px){.tariff-current-premium .tariff-current-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tariff-current-premium .tariff-detail-price{grid-column:1/-1!important}}
@media(max-width:560px){.tariff-current-premium{padding:18px!important}.tariff-current-premium .tariff-current-details{grid-template-columns:1fr!important}.tariff-current-premium .tariff-detail-price{grid-column:auto!important}}


/* Tariff state buttons */
.tariff-plan-card.is-current-tariff{border-color:#8c7cf0;box-shadow:0 12px 30px rgba(105,88,213,.13)}
.tariff-current-badge{display:inline-flex;align-items:center;margin:8px 0;padding:6px 10px;border-radius:999px;background:#e8f8ef;color:#13834d;font-size:11px;font-weight:800;letter-spacing:.05em}
.tariff-plan-card button:disabled{cursor:not-allowed;opacity:1;background:#e8f8ef!important;border-color:#bce8ce!important;color:#137846!important;box-shadow:none!important}
.tariff-plan-card button.button-outline:disabled{background:#f4f5fa!important;border-color:#dfe3ef!important;color:#68738a!important}
@media(max-width:760px){.tariff-plan-grid{grid-template-columns:1fr}}

/* Billing / PIN top-up balance card */
.redeem-page-panel{display:grid;gap:22px}.redeem-intro{display:grid;gap:8px}.redeem-intro h2,.redeem-pin-heading h2{margin:0;line-height:1.25}.redeem-intro p,.redeem-pin-heading p{margin:0;color:#758099;line-height:1.65}.redeem-balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(20px,3vw,30px);border:1px solid #dedcf7;border-radius:20px;background:linear-gradient(125deg,#f7f5ff 0%,#fff 58%,#f1fbf8 100%);box-shadow:0 12px 32px rgba(66,54,130,.07)}.redeem-balance-copy{display:grid;gap:8px;min-width:0}.redeem-balance-copy>span{font-size:13px;font-weight:750;letter-spacing:.02em;color:#6f7190}.redeem-balance-copy strong{font-size:clamp(27px,4vw,38px);line-height:1.15;letter-spacing:-.04em;color:#168653;overflow-wrap:anywhere}.redeem-balance-copy small{font-size:12px;color:#858ba0}.redeem-balance-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#e8e4ff;color:#6b5bd2;font-size:27px}.redeem-pin-heading{display:grid;gap:8px;padding-top:3px}.redeem-pin-heading h2{font-size:20px}@media(max-width:560px){.redeem-balance-card{padding:18px;border-radius:16px}.redeem-balance-icon{flex-basis:44px;width:44px;height:44px;border-radius:14px}.redeem-balance-copy strong{font-size:28px}}


/* MediaZV v0.5.153 — billing layout: prevent balance and PIN section overlap */
.redeem-page-panel{grid-template-columns:54px minmax(0,1fr)!important;grid-auto-flow:row!important;row-gap:22px!important;align-items:start!important}
.redeem-page-panel>.subpage-feature-icon{grid-column:1!important;grid-row:1!important}
.redeem-page-panel>.redeem-intro{grid-column:2!important;grid-row:1!important;min-width:0!important}
.redeem-page-panel>.redeem-balance-card{grid-column:1/-1!important;grid-row:auto!important;display:flex!important;position:relative!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;clear:both!important}
.redeem-page-panel>.redeem-pin-heading{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0!important;margin:0!important;padding:4px 0 0!important;position:relative!important;clear:both!important}
.redeem-page-panel>.redeem-pin-heading h2{display:block!important;margin:0!important;line-height:1.25!important}
.redeem-page-panel>.redeem-pin-heading p{display:block!important;margin:0!important;line-height:1.65!important;max-width:820px!important}
.redeem-page-panel>.pin-form,.redeem-page-panel>.redeem-help{grid-column:1/-1!important;width:100%!important;box-sizing:border-box!important;margin-top:0!important}
@media(max-width:680px){.redeem-page-panel{grid-template-columns:42px minmax(0,1fr)!important;row-gap:18px!important}.redeem-page-panel>.redeem-balance-card{padding:20px!important;flex-wrap:wrap!important}.redeem-page-panel>.pin-form{grid-template-columns:minmax(0,1fr)!important}}

/* v0.5.154: explicit billing layout and cache refresh */
.redeem-page-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:24px!important;padding:clamp(22px,3vw,36px)!important}
.redeem-page-panel>.subpage-feature-icon{grid-row:auto!important;margin:0!important}
.redeem-page-panel>.redeem-intro{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;width:100%!important}
.redeem-page-panel .redeem-intro h2{margin:0!important;font-size:clamp(24px,3vw,30px)!important;line-height:1.25!important}
.redeem-page-panel .redeem-intro p{margin:0!important;max-width:none!important;line-height:1.6!important}
.redeem-page-panel .redeem-balance-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:24px!important;border:1px solid #dedcf7!important;border-radius:18px!important;background:linear-gradient(125deg,#f6f3ff 0%,#fff 65%,#f0faf6 100%)!important}
.redeem-page-panel .redeem-balance-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}
.redeem-page-panel .redeem-balance-copy>span{display:block!important;font-size:13px!important;font-weight:700!important;color:#707a94!important}
.redeem-page-panel .redeem-balance-copy strong{display:block!important;font-size:clamp(28px,4vw,38px)!important;line-height:1.2!important;color:#14805e!important;overflow-wrap:anywhere!important}
.redeem-page-panel .redeem-balance-copy small{display:block!important;font-size:12px!important;line-height:1.5!important;color:#7b869d!important}
.redeem-page-panel .redeem-balance-icon{flex:0 0 52px!important;width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#ece7ff!important;color:#6e55d9!important;font-size:24px!important}
.redeem-page-panel .redeem-pin-heading{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:0!important}
.redeem-page-panel .redeem-pin-heading h2{font-size:22px!important;line-height:1.3!important;margin:0!important}
.redeem-page-panel .redeem-pin-heading p{margin:0!important;max-width:none!important;line-height:1.65!important}
.redeem-page-panel .pin-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important;width:100%!important;max-width:none!important;margin:0!important}
.redeem-page-panel .pin-form label{grid-column:1/-1!important;display:block!important;margin:0!important;font-weight:700!important}
.redeem-page-panel .pin-form input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.redeem-page-panel .pin-form .button{min-height:51px!important;white-space:nowrap!important}
.redeem-page-panel .redeem-help{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px!important;border:1px solid #e3e7f5!important;border-radius:15px!important;background:#fafbff!important;line-height:1.6!important}
.redeem-page-panel .redeem-help span{display:block!important;color:#758099!important;font-size:12px!important}
@media(max-width:640px){.redeem-page-panel{gap:18px!important;padding:18px!important}.redeem-page-panel .redeem-balance-card{padding:18px!important;gap:12px!important}.redeem-page-panel .pin-form{grid-template-columns:minmax(0,1fr)!important}.redeem-page-panel .pin-form label{grid-column:1!important}.redeem-page-panel .pin-form .button{width:100%!important;white-space:normal!important}}

/* Billing page card layout refinement v0.5.155 */
.redeem-page-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important}
.redeem-page-panel>.subpage-feature-icon{margin:0!important}
.redeem-page-panel>.redeem-intro{grid-column:1/-1;gap:8px!important;margin:0 0 2px!important}
.redeem-page-panel>.redeem-balance-card{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:26px 30px!important;margin:0!important;border:1px solid #dedcf7!important;border-radius:20px!important;background:linear-gradient(125deg,#f5f2ff 0%,#fff 60%,#eefaf5 100%)!important;box-shadow:0 12px 30px rgba(66,54,130,.07)!important}
.redeem-page-panel .redeem-balance-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}
.redeem-page-panel .redeem-balance-copy>span{display:block!important;margin:0!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;color:#6e57cf!important;line-height:1.4!important}
.redeem-page-panel .redeem-balance-copy strong{display:block!important;margin:0!important;font-size:clamp(30px,4vw,40px)!important;line-height:1.15!important;color:#168653!important;white-space:normal!important;overflow-wrap:anywhere!important}
.redeem-page-panel .redeem-balance-copy small{display:block!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#7c879b!important}
.redeem-page-panel .redeem-balance-icon{flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:17px!important;background:#ebe6ff!important;color:#6f54dc!important;font-size:25px!important}
.redeem-page-panel>.redeem-pin-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:clamp(22px,3vw,30px)!important;border:1px solid #e0e5f1!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(32,45,80,.045)!important}
.redeem-pin-heading{display:grid!important;gap:9px!important;margin:0!important}
.redeem-pin-heading .update-eyebrow{display:block!important;margin:0!important;color:#6f54dc!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;line-height:1.4!important}
.redeem-pin-heading h2{display:block!important;margin:0!important;font-size:clamp(21px,2.5vw,26px)!important;line-height:1.25!important;color:#1c2944!important}
.redeem-pin-heading p{display:block!important;margin:0!important;max-width:760px!important;font-size:13px!important;line-height:1.7!important;color:#727f97!important}
.redeem-page-panel .pin-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px 12px!important;width:100%!important;max-width:780px!important;margin:0!important}
.redeem-page-panel .pin-form label{grid-column:1/-1!important;display:block!important;margin:0 0 1px!important;font-size:12px!important;font-weight:750!important;line-height:1.5!important;color:#34415d!important}
.redeem-page-panel .pin-form input{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:15px 16px!important;border:1px solid #dbe2f0!important;border-radius:13px!important;background:#fbfcff!important;font-size:14px!important;line-height:1.4!important;letter-spacing:1px!important}
.redeem-page-panel .pin-form .button{min-height:54px!important;margin:0!important;padding:0 22px!important;white-space:nowrap!important;border-radius:13px!important}
.redeem-page-panel .redeem-help{display:grid!important;gap:8px!important;margin:0!important;padding:17px 18px!important;border:1px solid #e5e8f3!important;border-radius:14px!important;background:linear-gradient(120deg,#f8f7ff,#fbfcff)!important}
.redeem-page-panel .redeem-help strong{display:block!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#34415d!important}
.redeem-page-panel .redeem-help span{display:block!important;margin:0!important;font-size:11px!important;line-height:1.75!important;color:#77829a!important}
@media(max-width:640px){.redeem-page-panel>.redeem-balance-card{padding:20px!important;gap:12px!important}.redeem-page-panel .redeem-balance-icon{flex-basis:46px!important;width:46px!important;height:46px!important}.redeem-page-panel .pin-form{grid-template-columns:minmax(0,1fr)!important}.redeem-page-panel .pin-form label{grid-column:1!important}.redeem-page-panel .pin-form .button{width:100%!important;white-space:normal!important}.redeem-page-panel>.redeem-pin-card{padding:19px!important}}


/* v0.5.156 — final explicit billing layout: separate balance and PIN cards */
.redeem-page-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;min-width:0!important}
.redeem-page-panel>.subpage-feature-icon{display:none!important}
.redeem-page-panel>.redeem-intro{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.redeem-page-panel>.redeem-balance-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:26px 30px!important;border:1px solid #dedcf7!important;border-radius:20px!important;background:linear-gradient(125deg,#f5f2ff 0%,#ffffff 62%,#effaf7 100%)!important;box-shadow:0 12px 30px rgba(56,48,110,.07)!important;position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important}
.redeem-page-panel>.redeem-balance-card .redeem-balance-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;min-width:0!important;width:auto!important;max-width:100%!important;position:static!important;margin:0!important;padding:0!important}
.redeem-page-panel>.redeem-balance-card .redeem-balance-copy>span{display:block!important;margin:0!important;font-size:11px!important;line-height:1.5!important;letter-spacing:.12em!important;font-weight:800!important;color:#6e55df!important}
.redeem-page-panel>.redeem-balance-card .redeem-balance-copy>strong{display:block!important;margin:0!important;font-size:clamp(30px,4vw,40px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.04em!important;color:#168568!important;white-space:normal!important}
.redeem-page-panel>.redeem-balance-card .redeem-balance-copy>small{display:block!important;margin:0!important;font-size:12px!important;line-height:1.6!important;color:#74809a!important}
.redeem-page-panel>.redeem-balance-card .redeem-balance-icon{display:grid!important;place-items:center!important;flex:0 0 58px!important;width:58px!important;height:58px!important;margin:0!important;border-radius:18px!important;background:#e9e4ff!important;color:#6e55df!important;font-size:27px!important;position:static!important}
.redeem-page-panel>.redeem-pin-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:clamp(22px,3vw,30px)!important;border:1px solid #e0e5f1!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(38,48,80,.045)!important;position:static!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important}
.redeem-page-panel>.redeem-pin-card>.redeem-pin-heading{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;position:static!important}
.redeem-page-panel>.redeem-pin-card>.redeem-pin-heading .update-eyebrow{display:block!important;margin:0!important;line-height:1.5!important}
.redeem-page-panel>.redeem-pin-card>.redeem-pin-heading h2{display:block!important;margin:0!important;font-size:clamp(21px,2.4vw,27px)!important;line-height:1.25!important;color:#202b47!important}
.redeem-page-panel>.redeem-pin-card>.redeem-pin-heading p{display:block!important;margin:0!important;max-width:760px!important;font-size:13px!important;line-height:1.7!important;color:#74809a!important}
.redeem-page-panel>.redeem-pin-card>.pin-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px 12px!important;width:100%!important;max-width:820px!important;margin:0!important;padding:0!important;position:static!important}
.redeem-page-panel>.redeem-pin-card>.pin-form label{display:block!important;grid-column:1/-1!important;margin:0!important;line-height:1.5!important}
.redeem-page-panel>.redeem-pin-card>.pin-form input{display:block!important;grid-column:1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}
.redeem-page-panel>.redeem-pin-card>.pin-form .button{display:inline-flex!important;grid-column:2!important;align-items:center!important;justify-content:center!important;margin:0!important;min-width:190px!important}
.redeem-page-panel>.redeem-pin-card>.redeem-help{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:17px 18px!important;position:static!important}
@media(max-width:640px){.redeem-page-panel{gap:16px!important;padding:18px!important}.redeem-page-panel>.redeem-balance-card{padding:20px!important;gap:12px!important}.redeem-page-panel>.redeem-balance-card .redeem-balance-icon{flex-basis:46px!important;width:46px!important;height:46px!important}.redeem-page-panel>.redeem-pin-card{gap:17px!important;padding:19px!important}.redeem-page-panel>.redeem-pin-card>.pin-form{grid-template-columns:minmax(0,1fr)!important}.redeem-page-panel>.redeem-pin-card>.pin-form label,.redeem-page-panel>.redeem-pin-card>.pin-form input,.redeem-page-panel>.redeem-pin-card>.pin-form .button{grid-column:1!important;width:100%!important;min-width:0!important}.redeem-page-panel>.redeem-pin-card>.pin-form .button{white-space:normal!important}}


/* v0.5.157 — hard fix: billing sections must stack vertically, never share grid columns */
.account-section.redeem-page-panel{
 display:flex!important; flex-direction:column!important; align-items:stretch!important;
 gap:24px!important; width:100%!important; box-sizing:border-box!important;
}
.account-section.redeem-page-panel > .subpage-feature-icon{display:none!important;}
.account-section.redeem-page-panel > .redeem-intro,
.account-section.redeem-page-panel > .redeem-balance-card,
.account-section.redeem-page-panel > .redeem-pin-card{
 display:flex!important; flex-direction:column!important; align-self:stretch!important;
 flex:0 0 auto!important; width:100%!important; max-width:none!important; min-width:0!important;
 box-sizing:border-box!important; position:relative!important; inset:auto!important;
 float:none!important; clear:both!important; margin:0!important; transform:none!important;
}
.account-section.redeem-page-panel > .redeem-intro{gap:8px!important;padding:0!important;}
.account-section.redeem-page-panel > .redeem-balance-card{
 flex-direction:row!important; align-items:center!important; justify-content:space-between!important;
 padding:26px 30px!important; gap:22px!important; border:1px solid #dedcf7!important;
 border-radius:20px!important; background:linear-gradient(125deg,#f5f2ff 0%,#fff 60%,#eefaf5 100%)!important;
 box-shadow:0 12px 30px rgba(66,54,130,.07)!important;
}
.account-section.redeem-page-panel > .redeem-balance-card .redeem-balance-copy{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:flex-start!important;}
.account-section.redeem-page-panel > .redeem-balance-card .redeem-balance-copy>*{display:block!important;margin:0!important;line-height:1.5!important;}
.account-section.redeem-page-panel > .redeem-balance-card .redeem-balance-copy>strong{font-size:clamp(30px,4vw,40px)!important;line-height:1.15!important;color:#168568!important;font-weight:800!important;}
.account-section.redeem-page-panel > .redeem-pin-card{gap:20px!important;padding:clamp(22px,3vw,30px)!important;border:1px solid #e0e5f1!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(38,48,80,.045)!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .redeem-pin-heading{display:flex!important;flex-direction:column!important;gap:9px!important;width:100%!important;min-width:0!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .redeem-pin-heading h2,
.account-section.redeem-page-panel > .redeem-pin-card > .redeem-pin-heading p{display:block!important;margin:0!important;line-height:1.55!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .pin-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;width:100%!important;max-width:none!important;margin:0!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .pin-form label{grid-column:1/-1!important;display:block!important;margin:0!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .pin-form input{grid-column:1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .pin-form button{grid-column:2!important;min-width:190px!important;}
.account-section.redeem-page-panel > .redeem-pin-card > .redeem-help{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;}
@media(max-width:700px){
 .account-section.redeem-page-panel{gap:18px!important;padding:18px!important;}
 .account-section.redeem-page-panel > .redeem-balance-card{padding:20px!important;}
 .account-section.redeem-page-panel > .redeem-pin-card > .pin-form{grid-template-columns:minmax(0,1fr)!important;}
 .account-section.redeem-page-panel > .redeem-pin-card > .pin-form label,
 .account-section.redeem-page-panel > .redeem-pin-card > .pin-form input,
 .account-section.redeem-page-panel > .redeem-pin-card > .pin-form button{grid-column:1!important;width:100%!important;min-width:0!important;}
}

/* v0.5.158: cache bust for explicit billing card layout */

/* System health panel — responsive, read-only operational overview. */
.system-health-panel{margin:18px 0 22px;background:linear-gradient(135deg,#fff 0%,#f9faff 100%)}.system-health-panel .section-head{align-items:center}.system-health-panel .section-head h2{margin:5px 0 0}.health-state{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8eadf;background:#f0faf4;color:#24744e;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}.health-state i,.health-check i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ca66b;flex:0 0 auto}.health-state.health-warn{border-color:#f1dfb9;background:#fff8e8;color:#8b651d}.health-state.health-warn i,.health-check.is-warning i{background:#d99a28}.system-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.system-health-item{border:1px solid #e4e8f1;border-radius:14px;padding:15px;background:rgba(255,255,255,.85);min-width:0}.system-health-item span,.system-health-item small{display:block;color:#7b869d;font-size:11px}.system-health-item strong{display:block;font:800 27px Manrope,sans-serif;color:#29334c;margin:5px 0 2px}.system-health-item.health-metric-warn strong{color:#b65a45}.system-health-foot{display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px;margin-top:15px}.health-check{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#69758c}.health-check.is-warning{color:#95671c}.health-storage{margin-left:auto;font-size:11px;color:#69758c}.health-storage strong{color:#29334c}.system-health-note{margin:14px 0 0!important;font-size:11px!important;color:#8b94a8!important;line-height:1.6}@media(max-width:760px){.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-health-panel .section-head{align-items:flex-start;flex-direction:column}.health-storage{margin-left:0;width:100%}}@media(max-width:380px){.system-health-grid{gap:7px}.system-health-item{padding:11px}.system-health-item strong{font-size:23px}.health-state{white-space:normal}}

/* MediaZV 0.5.178 — compact advertising analytics */
.ad-analytics-card{margin-top:22px}.ad-analytics-card .analytics-detail-row{padding:12px 0;border-bottom:1px solid #edf0f7;gap:16px}.ad-analytics-card .analytics-detail-row:last-child{border-bottom:0}.ad-analytics-card .analytics-detail-row span{min-width:0;overflow-wrap:anywhere}.ad-analytics-card .analytics-detail-row strong{white-space:nowrap;color:#6253c7}


/* MediaZV 0.5.191 — polished service health and compact dashboard tables */
.system-health-panel{position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 100% 0%,rgba(111,89,226,.08),transparent 32%),linear-gradient(145deg,#fff 0%,#fbfaff 100%);border:1px solid #e1e5f2;box-shadow:0 12px 32px rgba(38,49,82,.055)}
.system-health-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#7966e8,#b7aaff);border-radius:4px 0 0 4px}
.system-health-panel .section-head{position:relative;display:flex;justify-content:space-between;gap:18px;margin-bottom:0;padding-bottom:17px;border-bottom:1px solid #edf0f7}
.system-health-panel .update-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#7865dc}
.system-health-panel .section-head h2{font-size:21px;letter-spacing:-.035em;color:#26324c}
.system-health-grid{gap:12px;margin-top:17px}
.system-health-item{position:relative;overflow:hidden;padding:16px 17px;background:#fff;border-color:#e8eaf4;box-shadow:0 4px 12px rgba(34,45,76,.025);transition:transform .18s ease,box-shadow .18s ease}
.system-health-item:after{content:"";position:absolute;width:56px;height:56px;right:-20px;bottom:-28px;border-radius:50%;background:rgba(112,91,222,.07)}
.system-health-item span{font-weight:700;color:#66728d;font-size:11px;letter-spacing:.01em}
.system-health-item strong{font-size:29px;line-height:1.15;margin:8px 0 4px;color:#6251ca}
.system-health-item small{font-size:11px;line-height:1.5;color:#8992a7}
.system-health-foot{padding-top:14px;border-top:1px solid #edf0f7;gap:10px 18px}
.health-check{padding:7px 10px;border:1px solid #e7efe9;border-radius:999px;background:#f8fcf9;font-size:10px;font-weight:700}
.health-check.is-warning{border-color:#f1e4c8;background:#fffaf0}
.health-storage{font-size:11px;font-weight:600}
.system-health-note{padding:10px 12px;border-radius:10px;background:#f6f7fc;color:#7d879c!important}
.admin-dashboard-grid{gap:16px;align-items:stretch}
.admin-dashboard-panel{min-width:0;overflow:hidden;padding:19px;border:1px solid #e2e7f2;border-radius:18px;background:linear-gradient(160deg,#fff,#fcfcff);box-shadow:0 8px 24px rgba(35,48,81,.04)}
.admin-dashboard-panel .table-wrap{width:100%;max-width:100%;overflow-x:hidden;border:1px solid #edf0f7;border-radius:12px}
.admin-dashboard-panel table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:0}
.admin-dashboard-panel th{padding:11px 9px!important;font-size:9px!important;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.admin-dashboard-panel td{padding:11px 9px!important;font-size:10px;line-height:1.4;vertical-align:middle;overflow-wrap:anywhere}
.admin-dashboard-panel td strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.admin-dashboard-panel td small{font-size:9px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}
/* Users: compact columns sized to fit the card without horizontal scrolling. */
.admin-dashboard-panel:first-child table th:nth-child(1){width:43%}.admin-dashboard-panel:first-child table th:nth-child(2){width:22%}.admin-dashboard-panel:first-child table th:nth-child(3){width:35%}
/* Conversions: allow date and status to wrap naturally in the narrower right-hand card. */
.admin-dashboard-panel:last-child table th:nth-child(1){width:27%}.admin-dashboard-panel:last-child table th:nth-child(2){width:28%}.admin-dashboard-panel:last-child table th:nth-child(3){width:18%}.admin-dashboard-panel:last-child table th:nth-child(4){width:27%}
.admin-dashboard-panel:last-child table td:nth-child(3){font-size:9px}.admin-dashboard-panel:last-child table td:nth-child(4){font-size:9px;white-space:normal}
.admin-dashboard-panel .status-badge,.admin-dashboard-panel .badge{max-width:100%;white-space:normal!important;line-height:1.3}
@media(max-width:1050px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-panel table{min-width:0!important}}
@media(max-width:760px){.system-health-panel{padding:19px}.system-health-panel .section-head{align-items:flex-start;flex-direction:column}.system-health-state{white-space:normal}.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-panel{padding:15px}.admin-dashboard-panel .table-wrap{margin-inline:0;overflow-x:hidden}.admin-dashboard-panel table{min-width:0!important}.admin-dashboard-panel th,.admin-dashboard-panel td{padding:9px 7px!important}}
@media(max-width:420px){.system-health-item{padding:12px}.system-health-item strong{font-size:24px}.system-health-foot{gap:8px}.health-check{max-width:100%;white-space:normal}.admin-dashboard-panel .section-head h2{font-size:14px}.admin-dashboard-panel th{font-size:8px!important}.admin-dashboard-panel td{font-size:9px}}


/* MediaZV 0.5.181 — definitive admin dashboard layout and compact tables */
.app-page-admin .system-health-panel{padding:22px 24px!important;border:1px solid #e1e7f3!important;border-radius:20px!important;background:linear-gradient(135deg,#fff 0%,#fafaff 100%)!important;box-shadow:0 10px 28px rgba(35,48,81,.055)!important;overflow:hidden}
.app-page-admin .system-health-panel>.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:0 0 17px!important;border-bottom:1px solid #edf0f7!important}
.app-page-admin .system-health-panel .update-eyebrow{display:block!important;color:#7058db!important;font-size:10px!important;font-weight:850!important;letter-spacing:.15em!important}
.app-page-admin .system-health-panel .section-head h2{margin:5px 0 0!important;font-size:20px!important;line-height:1.25!important;color:#25314d!important}
.app-page-admin .system-health-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:17px!important}
.app-page-admin .system-health-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;padding:15px!important;border:1px solid #e7e9f5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 13px rgba(35,48,81,.035)!important}
.app-page-admin .system-health-item span{font-size:11px!important;line-height:1.4!important;color:#69758f!important;font-weight:700!important}
.app-page-admin .system-health-item strong{display:block!important;margin:3px 0!important;font-size:27px!important;line-height:1.1!important;color:#6251ca!important;font-variant-numeric:tabular-nums!important}
.app-page-admin .system-health-item small{display:block!important;font-size:10px!important;line-height:1.45!important;color:#8992a7!important}
.app-page-admin .system-health-foot{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid #edf0f7!important}
.app-page-admin .health-check{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:31px!important;padding:7px 10px!important;border:1px solid #e6eaf2!important;border-radius:999px!important;background:#f8f9fd!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important}
.app-page-admin .health-check.is-ready{border-color:#d7eee2!important;background:#f1faf5!important;color:#28734f!important}
.app-page-admin .health-check.is-warning{border-color:#f2e4c5!important;background:#fff9ed!important;color:#95671c!important}
.app-page-admin .health-storage{margin-left:auto!important;font-size:11px!important;line-height:1.5!important}
.app-page-admin .system-health-note{margin:12px 0 0!important;font-size:10px!important;line-height:1.55!important;color:#8992a7!important}
.app-page-admin .admin-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:16px!important;align-items:start!important;margin-top:17px!important}
.app-page-admin .admin-dashboard-panel{width:100%!important;min-width:0!important;max-width:100%!important;padding:18px!important;border:1px solid #e2e8f3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 23px rgba(35,48,81,.045)!important;overflow:hidden!important}
.app-page-admin .admin-dashboard-panel .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 13px!important;padding:0 0 12px!important;border-bottom:1px solid #edf0f7!important}
.app-page-admin .admin-dashboard-panel .section-head h2{margin:0!important;font-size:15px!important;line-height:1.35!important;color:#303b55!important}
.app-page-admin .admin-dashboard-panel .section-head .subtle{font-size:10px!important;white-space:nowrap!important;color:#8992a7!important}
.app-page-admin .admin-dashboard-panel .table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;border:1px solid #edf0f7!important;border-radius:12px!important}
.app-page-admin .admin-dashboard-panel table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.app-page-admin .admin-dashboard-panel th,.app-page-admin .admin-dashboard-panel td{min-width:0!important;padding:10px 8px!important;font-size:10px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;vertical-align:middle!important}
.app-page-admin .admin-dashboard-panel th{background:#f7f8fc!important;color:#78839b!important;font-size:9px!important;font-weight:800!important;letter-spacing:.025em!important}
.app-page-admin .admin-dashboard-panel td strong{display:block!important;font-size:11px!important;line-height:1.35!important;color:#303b55!important}
.app-page-admin .admin-dashboard-panel td small{display:block!important;margin-top:4px!important;font-size:9px!important;line-height:1.4!important;color:#8992a7!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.app-page-admin .admin-dashboard-panel:first-child table th:nth-child(1){width:42%!important}.app-page-admin .admin-dashboard-panel:first-child table th:nth-child(2){width:22%!important}.app-page-admin .admin-dashboard-panel:first-child table th:nth-child(3){width:36%!important}
.app-page-admin .admin-dashboard-panel:last-child table th:nth-child(1){width:25%!important}.app-page-admin .admin-dashboard-panel:last-child table th:nth-child(2){width:27%!important}.app-page-admin .admin-dashboard-panel:last-child table th:nth-child(3){width:19%!important}.app-page-admin .admin-dashboard-panel:last-child table th:nth-child(4){width:29%!important}
.app-page-admin .admin-dashboard-panel .status-badge,.app-page-admin .admin-dashboard-panel .badge{display:inline-flex!important;max-width:100%!important;padding:5px 7px!important;font-size:9px!important;line-height:1.3!important;white-space:normal!important}
.app-page-admin .admin-dashboard-panel .dashboard-table-link{display:flex!important;justify-content:flex-end!important;margin:12px 0 0!important;font-size:11px!important}
@media(max-width:1050px){.app-page-admin .admin-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.app-page-admin .admin-dashboard-panel table{min-width:0!important}}
@media(max-width:760px){.app-page-admin .system-health-panel{padding:17px!important}.app-page-admin .system-health-panel>.section-head{align-items:flex-start!important;flex-direction:column!important}.app-page-admin .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.app-page-admin .system-health-item{padding:12px!important}.app-page-admin .system-health-item strong{font-size:24px!important}.app-page-admin .system-health-foot{align-items:flex-start!important}.app-page-admin .health-storage{width:100%!important;margin-left:0!important}.app-page-admin .admin-dashboard-panel{padding:14px!important}.app-page-admin .admin-dashboard-panel .table-wrap{overflow:hidden!important}.app-page-admin .admin-dashboard-panel th,.app-page-admin .admin-dashboard-panel td{padding:8px 6px!important;font-size:9px!important}.app-page-admin .admin-dashboard-panel th{font-size:8px!important}.app-page-admin .admin-dashboard-panel td small{font-size:8px!important}}
@media(max-width:420px){.app-page-admin .system-health-item{padding:10px!important}.app-page-admin .system-health-item span{font-size:10px!important}.app-page-admin .system-health-item strong{font-size:22px!important}.app-page-admin .admin-dashboard-panel .section-head h2{font-size:14px!important}.app-page-admin .admin-dashboard-panel th,.app-page-admin .admin-dashboard-panel td{padding:7px 4px!important;font-size:8px!important}.app-page-admin .admin-dashboard-panel td small{font-size:7px!important}}


/* MediaZV 0.5.182 — explicit structure for service health metrics and dashboard tables */
.app-page-admin #system-health .system-health-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.app-page-admin #system-health .system-health-item{display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important;justify-items:start!important;gap:5px!important;min-width:0!important;min-height:116px!important;padding:17px!important;white-space:normal!important}
.app-page-admin #system-health .system-health-item .health-label{display:block!important;width:100%!important;margin:0!important;font-size:12px!important;line-height:1.45!important;font-weight:750!important;white-space:normal!important}
.app-page-admin #system-health .system-health-item .health-value{display:block!important;width:100%!important;margin:2px 0!important;font-size:30px!important;line-height:1.15!important;font-weight:850!important}
.app-page-admin #system-health .system-health-item .health-detail{display:block!important;width:100%!important;margin:0!important;font-size:11px!important;line-height:1.5!important;white-space:normal!important}
.app-page-admin #system-health .system-health-foot{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
.app-page-admin #system-health .health-check{display:inline-flex!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
.app-page-admin .admin-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
.app-page-admin .admin-dashboard-panel{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.app-page-admin .admin-dashboard-panel .table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.app-page-admin .admin-dashboard-panel table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important}
.app-page-admin .admin-dashboard-panel th,.app-page-admin .admin-dashboard-panel td{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:1100px){.app-page-admin #system-health .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-page-admin .admin-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:600px){.app-page-admin #system-health .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.app-page-admin #system-health .system-health-item{min-height:105px!important;padding:12px!important}.app-page-admin #system-health .system-health-item .health-label{font-size:11px!important}.app-page-admin #system-health .system-health-item .health-value{font-size:25px!important}.app-page-admin .admin-dashboard-panel{padding:13px!important}.app-page-admin .admin-dashboard-panel th,.app-page-admin .admin-dashboard-panel td{padding:8px 5px!important;font-size:9px!important}}

/* MediaZV 0.5.197 — compact media library filters */
.media-library-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.45fr) auto auto;gap:12px;align-items:end;margin:0 0 20px;padding:16px;border:1px solid #e5e9f2;border-radius:16px;background:#f8faff}
.media-library-filter label{display:grid;gap:7px;min-width:0;color:#526078;font-size:13px;font-weight:650}
.media-library-filter input,.media-library-filter select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d9e0ed;border-radius:10px;background:#fff;color:#172b4d;font:inherit}
.media-library-filter .button{min-height:44px;white-space:nowrap}
@media(max-width:700px){.media-library-filter{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.media-library-filter label:first-child{grid-column:1/-1}.media-library-filter .button{width:100%;justify-content:center}.media-library-row{align-items:flex-start;flex-wrap:wrap}.media-file-main{min-width:calc(100% - 64px)}.media-file-actions{width:100%;margin-left:56px;display:flex;flex-wrap:wrap;gap:8px}.media-file-actions form{margin:0}}

/* MediaZV 0.5.197 — compact time-trim controls */
.trim-control{margin:18px 0 20px;padding:16px 17px;border:1px solid #dce5ef;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f1f6fb);display:grid;gap:12px}.trim-control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#23364b}.trim-control-heading strong{font-size:14px;font-weight:750}.trim-control-heading span{font-size:11px;color:#65768b;background:#e6edf5;border-radius:999px;padding:5px 9px}.trim-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trim-control-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#41556d}.trim-control-grid input{width:100%;min-width:0;border:1px solid #d4dfeb;border-radius:10px;padding:11px 12px;background:#fff;color:#172a40;font:inherit;font-size:14px;outline:none;box-sizing:border-box}.trim-control-grid input:focus{border-color:#4c8bd6;box-shadow:0 0 0 3px rgba(76,139,214,.13)}.trim-control>small{font-size:11px;line-height:1.55;color:#687b90}@media(max-width:520px){.trim-control{padding:13px;border-radius:13px}.trim-control-grid{gap:9px}.trim-control-grid input{padding:10px 9px}}

/* MediaZV 0.5.197 — actionable conversion history results */
.account-conversion-history table{min-width:820px}
.history-result-cell{min-width:170px;max-width:260px}
.history-result-name{display:block;max-width:240px;overflow-wrap:anywhere;font-size:11px!important}
.history-result-cell small{display:block;margin:4px 0;color:#7a849a;font-size:10px}
.history-result-download{display:inline-flex!important;min-height:30px!important;margin-top:5px;padding:6px 10px!important;font-size:10px!important}
@media(max-width:700px){.history-result-cell{min-width:145px}.history-result-name{max-width:160px}}

/* MediaZV 0.5.197 — disk capacity health indicator */
.app-page-admin .health-storage{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.55}
.app-page-admin .health-disk-low{color:#b42318!important;background:#fff1f0;border:1px solid #ffd8d4;border-radius:9px;padding:5px 9px}
.app-page-admin .system-health-warning{margin:12px 0 0!important;padding:11px 13px!important;border:1px solid #ffd8d4!important;border-radius:11px!important;background:#fff5f4!important;color:#a12a22!important;font-size:12px!important;line-height:1.55!important}
@media(max-width:600px){.app-page-admin .health-storage{width:100%;margin-left:0!important}}

/* MediaZV 0.5.197 — analytics insights */
.analytics-insight-grid{margin-top:16px}.analytics-format-row{padding:13px 0;border-bottom:1px solid #edf1f6}.analytics-format-row:last-child{border-bottom:0}.analytics-format-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#354967;font-size:12px}.analytics-format-heading strong{font-size:13px;letter-spacing:.04em}.analytics-format-heading span,.analytics-format-row small{color:#7a8799;font-size:11px}.analytics-format-track{height:7px;margin:9px 0 6px;overflow:hidden;border-radius:99px;background:#edf2f8}.analytics-format-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c9ce0,#345b9a)}.analytics-error-code{display:block;margin-top:4px;color:#8793a4;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}


/* v0.5.199 — clearer account resource usage on the tariff page */
.tariff-account-resources{margin:0 0 24px;align-items:stretch}
.tariff-account-resources .tariff-resource{display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(32,48,80,.035)}
.tariff-account-resources .tariff-resource-head strong{font-size:clamp(17px,2vw,22px);overflow-wrap:anywhere;text-align:right}
.tariff-account-resources .tariff-resource p{line-height:1.55;margin:0;color:#69758a}
.tariff-account-resources .tariff-resource a{font-size:13px;font-weight:750;color:#5f55c9;text-decoration:none;align-self:flex-start;margin-top:auto}
.tariff-account-resources .tariff-resource a:hover{text-decoration:underline}
.tariff-account-resources .tariff-wallet-resource{justify-content:center;background:linear-gradient(135deg,#f6f5ff,#fff);border-color:#e3defb}
.tariff-account-resources .tariff-resource.is-storage-warning{border-color:#f0d3b2;background:#fffaf3}
@media(max-width:760px){.tariff-account-resources{grid-template-columns:minmax(0,1fr);gap:12px}.tariff-account-resources .tariff-resource{padding:16px}.tariff-account-resources .tariff-resource-head{align-items:flex-start;flex-wrap:wrap}.tariff-account-resources .tariff-resource-head strong{text-align:left}}


/* v0.5.210 — transparent per-credit tariff comparison */
.tariff-unit-cost{margin:-7px 0 2px;color:#778196;font-size:12px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}
.tariff-plan-card.is-current-tariff .tariff-unit-cost{color:#5f55a7}
@media(max-width:560px){.tariff-unit-cost{font-size:12px}}

/* MediaZV 0.5.210 — actionable queue diagnostics */
.app-page-admin .system-health-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 4px}
.app-page-admin .system-health-actions .button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;font-size:12px}
.app-page-admin .system-health-actions strong{font-variant-numeric:tabular-nums}
@media(max-width:600px){.app-page-admin .system-health-actions{display:grid;grid-template-columns:1fr}.app-page-admin .system-health-actions .button{justify-content:space-between;width:100%;box-sizing:border-box}}


/* MediaZV 0.5.210 — clearer conversion-history refresh controls */
.history-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.history-refresh-button{white-space:nowrap}.history-live-note{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:12px 14px;border:1px solid #d9e7ff;border-radius:12px;background:#f4f8ff;color:#31527f;font-size:13px;line-height:1.5}.history-live-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#4285f4;box-shadow:0 0 0 4px rgba(66,133,244,.12)}@media(max-width:640px){.history-head-actions{width:100%;justify-content:space-between}.history-refresh-button{padding:9px 12px}.history-live-note{align-items:flex-start}}


/* MediaZV 0.5.210 — notification read-state filters */
.notification-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:8px;background:#f3f6fb;border:1px solid #e3e9f2;border-radius:14px}
.notification-filters a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:10px;color:#506078;text-decoration:none;font-size:13px;font-weight:700;transition:background .15s,color .15s}
.notification-filters a span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:8px;background:#e3eaf4;color:#4c5c73;font-size:11px}
.notification-filters a.is-active{background:#fff;color:#176b59;box-shadow:0 2px 8px rgba(26,48,76,.08)}
.notification-filters a.is-active span{background:#d9f5e9;color:#12644f}
@media(max-width:600px){.notification-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px}.notification-filters a{justify-content:center;gap:5px;padding:9px 5px;font-size:12px}.notification-filters a span{min-width:19px;height:19px;padding:0 4px}}

/* MediaZV 0.5.210 — advanced support inbox filters */
.support-filter-advanced{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,.8fr) minmax(150px,1fr) auto;align-items:end;gap:12px}
.support-filter-advanced label{max-width:none;min-width:0}
.support-filter-advanced input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #dce4ef;border-radius:12px;background:#fbfcfe;color:#23344d}
.support-filter-advanced input:focus{outline:0;border-color:#789bd0;background:#fff;box-shadow:0 0 0 4px rgba(77,122,190,.12)}
@media(max-width:900px){.support-filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.support-filter-advanced .button{width:100%;justify-content:center}}
@media(max-width:600px){.support-filter-advanced{grid-template-columns:1fr;gap:10px}.support-filter-advanced label{max-width:none}.support-filter-advanced .button{width:100%}}

/* MediaZV 0.5.210 — conversion detail diagnostics */
.task-error-next-step{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(160,75,45,.16);font-size:.92rem;line-height:1.55}
.task-detail-item strong{overflow-wrap:anywhere}
.task-detail-url{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:680px){.task-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.task-detail-actions .button{flex:1 1 180px;justify-content:center}.task-error-next-step{padding:10px 12px}}


/* MediaZV 0.5.210 — related support tickets on conversion details */
.related-support-section{margin-top:16px}.related-support-section .section-head{align-items:center;gap:12px}.related-support-list{display:flex;flex-direction:column;gap:8px}.related-support-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e7ebf3;border-radius:12px;background:#fff;color:inherit;text-decoration:none;min-width:0;transition:border-color .15s ease,background .15s ease}.related-support-row:hover{border-color:#c8d5ef;background:#f8faff}.related-support-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.related-support-main strong{font-size:13px;overflow-wrap:anywhere}.related-support-main small{font-size:11px;color:#7b879a}.related-support-status{flex:0 0 auto}.related-support-row>span:last-child{color:#7183a5;font-weight:800}@media(max-width:680px){.related-support-section .section-head{align-items:stretch;flex-direction:column}.related-support-section .section-head>.button{width:100%;justify-content:center}.related-support-row{align-items:flex-start;flex-wrap:wrap}.related-support-status{margin-left:auto}.related-support-row>span:last-child{display:none}}


/* MediaZV v0.5.210 — polished admin users and release history */
.admin-users-hero,.release-center-hero{display:flex;align-items:center;gap:19px;margin:0 0 18px;padding:25px 27px;border:1px solid #e3defb;border-radius:22px;background:radial-gradient(circle at 95% 0%,rgba(133,111,237,.13),transparent 32%),linear-gradient(125deg,#fff 0%,#f9f8ff 62%,#f2f6ff 100%);box-shadow:0 12px 30px rgba(48,48,96,.055)}
.admin-users-hero-mark,.release-center-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#8b75ef,#654bd6);color:#fff;font-size:29px;box-shadow:0 9px 20px rgba(101,75,214,.22)}
.admin-users-hero-copy,.release-center-copy{min-width:0;flex:1}.admin-users-hero-copy h2,.release-center-copy h2{margin:4px 0 7px!important;font-size:clamp(23px,2.6vw,30px)!important;letter-spacing:-.8px}.admin-users-hero-copy p,.release-center-copy p{max-width:700px;margin:0!important;color:#717c94;font-size:12px;line-height:1.7}.admin-users-hero>.button{flex-shrink:0}
.admin-users-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.admin-users-stats article{min-width:0;padding:18px 19px;border:1px solid #e4e8f1;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 6px 18px rgba(36,47,79,.035)}.admin-users-stats article>span,.admin-users-stats article>small{display:block;color:#758099;font-size:11px;line-height:1.5}.admin-users-stats article>strong{display:block;margin:7px 0 4px;color:#2e3851;font:800 29px/1.1 Manrope,sans-serif;letter-spacing:-.7px}.admin-users-stats article.is-active>strong{color:#19835b}.admin-users-stats article.is-blocked>strong{color:#b54850}.admin-users-stats article.is-new>strong{color:#6b53d8}.admin-users-filter{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr) auto;align-items:end;gap:14px;background:linear-gradient(135deg,#fff,#fafaff)}.admin-users-filter label{display:grid;gap:7px}.admin-users-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-users-list .section-head{margin-bottom:13px}.admin-users-list .section-head h2{margin:0 0 4px!important}.admin-users-list .section-head p{margin:0;color:#7b859b;font-size:11px;line-height:1.6}.admin-users-total{padding:7px 10px;border:1px solid #e8e4fb;border-radius:10px;background:#f8f6ff;color:#6652c6;font-size:10px;font-weight:800;white-space:nowrap}.admin-users-table{min-width:790px}.admin-user-cell{display:flex;align-items:center;gap:10px;min-width:190px}.admin-user-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#eeeaff,#e6f0ff);color:#6550c7;font-size:14px;font-weight:900}.admin-user-cell strong{max-width:260px;overflow-wrap:anywhere;white-space:normal;color:#303a54;font-size:12px}.admin-user-cell small{margin-top:4px;color:#929bb0;font-size:10px}.admin-user-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.admin-user-status i,.release-latest-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-user-status.is-active{border-color:#cdebdc;background:#eefaf4;color:#21815b}.admin-user-status.is-blocked{border-color:#f2d6d8;background:#fff2f2;color:#b3444d}.admin-user-credit{font-size:12px;color:#3e4861}.admin-user-muted{display:block;color:#98a0b2;font-size:9px;margin-top:2px}.admin-user-conversions{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e6e1fb;border-radius:9px;background:#faf9ff;color:#654bd3!important;font-weight:800}.admin-user-conversions span{font-size:11px}.admin-user-action{min-height:32px;padding:7px 10px;font-size:10px}.admin-user-action.is-danger{border-color:#f0dadd;color:#a9444c;background:#fffafa}.admin-users-pagination{justify-content:flex-end;flex-wrap:wrap}
.release-current{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:140px;padding:15px 17px;border:1px solid #ded7fb;border-radius:15px;background:rgba(255,255,255,.82)}.release-current span,.release-current small{color:#818aa0;font-size:10px}.release-current strong{font:800 25px/1.1 Manrope,sans-serif;letter-spacing:-.6px;color:#6248d0}.release-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 2px 12px}.release-history-heading h2{margin:0 0 5px;font:800 18px Manrope,sans-serif;color:#29334c}.release-history-heading p{margin:0;color:#7b859b;font-size:11px;line-height:1.6}.release-count,.release-archive-badge{padding:6px 10px;border:1px solid #e4e8f0;border-radius:999px;background:#f7f8fc;color:#707b92;font-size:10px;font-weight:800;white-space:nowrap}.release-card{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;margin:0 0 12px}.release-card-rail{display:flex;flex-direction:column;align-items:center;padding-top:23px}.release-card-dot{z-index:1;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#a9b2c7;box-shadow:0 0 0 2px #e4e8f0}.release-card-rail .release-card-line{flex:1;width:2px;min-height:20px;background:#e7e9f2}.release-card:last-of-type .release-card-line{display:none}.release-card-body{min-width:0;padding:20px 22px;border:1px solid #e5e9f2;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(34,47,78,.03)}.release-card.is-latest .release-card-body{border-color:#dcd5fa;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 9px 24px rgba(91,72,183,.06)}.release-card.is-latest .release-card-dot{background:#755de0;box-shadow:0 0 0 2px #dcd5fa}.release-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.release-card-kicker{color:#8a82bb;font-size:9px;font-weight:900;letter-spacing:1px}.release-card-top h3{margin:5px 0 0;font:800 16px/1.4 Manrope,sans-serif;letter-spacing:-.25px;color:#29334d}.release-latest-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ccebdc;border-radius:999px;background:#effaf4;color:#21815b;font-size:9px;font-weight:800;white-space:nowrap}.release-latest-badge i{background:#2d9b70}.release-change-list{display:grid;gap:9px;margin:17px 0 0;padding:0;list-style:none}.release-change-list li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;color:#65718a;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.release-change-list li>span:first-child{display:grid;place-items:center;width:17px;height:17px;margin-top:1px;border-radius:6px;background:#edf9f2;color:#21815b;font-size:10px;font-weight:900}.release-no-details{margin:14px 0 0;color:#7d879b;font-size:11px}.release-footer-note{display:flex;align-items:flex-start;gap:12px;margin-top:19px;padding:16px 18px;border:1px solid #e3e6f2;border-radius:15px;background:#f8f9fd;color:#758099}.release-footer-note>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#eeebff;color:#6750d3;font-weight:900}.release-footer-note p{margin:0;font-size:11px;line-height:1.75}.release-footer-note strong{display:block;margin-bottom:2px;color:#3e4964}
@media(max-width:900px){.admin-users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-filter{grid-template-columns:1fr 1fr}.admin-users-filter-actions{grid-column:1/-1}.admin-users-hero{flex-wrap:wrap}.admin-users-hero>.button{margin-left:77px}.release-center-hero{flex-wrap:wrap}.release-center-copy{flex-basis:calc(100% - 80px)}.release-current{margin-left:77px}}
@media(max-width:600px){.admin-users-hero,.release-center-hero{align-items:flex-start;gap:13px;padding:18px;border-radius:18px}.admin-users-hero-mark,.release-center-icon{flex-basis:45px;width:45px;height:45px;border-radius:14px;font-size:23px}.admin-users-hero-copy h2,.release-center-copy h2{font-size:23px!important}.admin-users-hero-copy p,.release-center-copy p{font-size:11px}.admin-users-hero>.button{margin-left:0;width:100%;justify-content:center}.admin-users-stats{gap:8px}.admin-users-stats article{padding:14px;border-radius:14px}.admin-users-stats article>strong{font-size:25px}.admin-users-stats article>span,.admin-users-stats article>small{font-size:10px}.admin-users-filter{grid-template-columns:1fr;padding:16px}.admin-users-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.admin-users-filter-actions .button{justify-content:center}.admin-users-list{padding:15px}.admin-users-list .section-head{align-items:flex-start}.admin-users-total{display:none}.admin-users-pagination{justify-content:space-between}.release-center-copy{flex-basis:calc(100% - 60px)}.release-current{margin-left:0;width:100%;min-width:0}.release-current strong{font-size:23px}.release-history-heading{align-items:flex-start}.release-card{grid-template-columns:14px minmax(0,1fr);gap:8px}.release-card-body{padding:16px;border-radius:14px}.release-card-top{flex-direction:column;gap:9px}.release-card-top h3{font-size:14px}.release-latest-badge{white-space:normal}.release-change-list{gap:7px;margin-top:13px}.release-change-list li{font-size:10px}.release-footer-note{padding:14px}.release-count{font-size:9px}}


/* MediaZV 0.5.211 — searchable, polished release history */
.release-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.release-hero-meta span{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e7e4f6;border-radius:999px;background:rgba(255,255,255,.72);color:#747c93;font-size:10px;font-weight:700}.release-hero-meta span i{width:6px;height:6px;border-radius:50%;background:#32a477;box-shadow:0 0 0 3px #e4f7ed}.release-search-form{display:flex;align-items:flex-end;gap:12px;margin:0 0 22px;padding:17px 19px;border:1px solid #e5e9f3;border-radius:17px;background:linear-gradient(135deg,#fff,#fafbff);box-shadow:0 6px 18px rgba(34,47,78,.025)}.release-search-form label{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;color:#46536e;font-size:11px;font-weight:800}.release-search-form input{width:100%;min-height:43px;padding:11px 13px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;color:#27334d;font:inherit;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}.release-search-form input:focus{border-color:#8b79e6;box-shadow:0 0 0 3px rgba(117,93,224,.12)}.release-search-actions{display:flex;gap:8px;flex-shrink:0}.release-search-actions .button{min-height:43px;justify-content:center}.release-empty-state{display:flex;align-items:center;flex-direction:column;gap:8px;padding:34px 20px;border:1px dashed #d9deea;border-radius:17px;background:#fbfcff;text-align:center}.release-empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f0edff;color:#6953d0;font-size:23px}.release-empty-state strong{color:#35415d;font-size:15px}.release-empty-state p{max-width:380px;margin:0 0 6px;color:#7a8599;font-size:11px;line-height:1.7}.release-empty-state .button{min-height:36px}@media(max-width:700px){.release-search-form{align-items:stretch;flex-direction:column;padding:14px}.release-search-actions{display:grid;grid-template-columns:1fr 1fr}.release-search-actions .button{width:100%}.release-hero-meta{gap:6px}.release-hero-meta span{font-size:9px}.release-history-heading{gap:8px}.release-count{white-space:normal;text-align:center}}


/* MediaZV 0.5.215 — general admin accessibility polish */
.app-page-admin a:focus-visible,
.app-page-admin button:focus-visible,
.app-page-admin input:focus-visible,
.app-page-admin select:focus-visible,
.app-page-admin textarea:focus-visible{outline:3px solid rgba(103,82,207,.72)!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(103,82,207,.12)}
.app-page-admin .button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.app-page-admin .button:focus-visible{position:relative;z-index:2}
.app-page-admin .admin-stat,.app-page-admin .admin-users-stats article,.app-page-admin .release-card-body{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.app-page-admin *, .app-page-admin *::before, .app-page-admin *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* MediaZV 0.5.216 — detailed metadata chips in My Media Library */
.media-library-card{align-items:flex-start;padding:18px;border-color:#e1e7f2;background:linear-gradient(135deg,#fff 0%,#fcfcff 100%);box-shadow:0 8px 24px rgba(34,48,78,.035);transition:border-color .18s ease,box-shadow .18s ease}
.media-library-card:hover{border-color:#cfd6f2;box-shadow:0 12px 28px rgba(49,61,104,.07)}
.media-library-card .media-file-icon{flex:0 0 48px;width:48px;height:48px}
.media-library-card .media-file-main{gap:10px}
.media-library-card .media-file-main strong{font-size:14px;color:#202d47}
.media-file-metadata{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.media-meta-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:6px 9px;border:1px solid #e6eaf4;border-radius:999px;background:#f7f8fc;color:#5c6880;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.media-meta-chip:first-child{border-color:#dedaf9;background:#f1efff;color:#6255bc}
.media-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.media-file-actions form{margin:0}
@media(max-width:700px){.media-library-card{padding:13px;gap:10px}.media-library-card .media-file-main{min-width:0}.media-file-metadata{gap:6px}.media-meta-chip{font-size:10px;padding:5px 7px}.media-library-card .media-file-actions{margin-left:0;justify-content:stretch}.media-library-card .media-file-actions form{flex:1}.media-library-card .media-file-actions .media-action-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.media-library-card{transition:none}}


/* MediaZV 0.5.218 — polished, readable media library cards */
.media-library-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:16px;padding:20px;border:1px solid #e2e8f2;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);box-shadow:0 8px 24px rgba(36,49,80,.045)}
.media-library-card .media-file-icon{width:54px;height:54px;flex-basis:54px;border-radius:17px;font-size:26px}
.media-file-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.media-library-card .media-file-heading>strong{min-width:0;color:#202d47;font-size:16px;line-height:1.4;font-weight:800;overflow-wrap:anywhere;word-break:break-word}
.media-file-format-tag{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;background:#efedff;color:#6152bf;font-size:10px;font-weight:850;letter-spacing:.06em}
.media-file-format-tag.is-video{background:#e8f3ff;color:#2f70b0}
.media-file-original-name{margin-top:4px;color:#8a94a8;font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.media-library-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.media-library-detail{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:55px;padding:10px 12px;border:1px solid #e9edf5;border-radius:12px;background:#f8faff}
.media-library-detail>span{color:#7d889d;font-size:10px;font-weight:650;line-height:1.3}
.media-library-detail>strong{color:#303c54;font-size:13px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.media-library-detail .media-detail-bitrate{color:#168267}
.media-library-detail .media-detail-format{color:#6556c5}
.media-library-foot{display:flex;align-items:center;gap:9px 14px;flex-wrap:wrap;margin-top:13px}
.media-source-tag,.media-created-at{display:inline-flex;align-items:center;gap:5px;color:#77839a;font-size:10px;line-height:1.4}
.media-source-tag{padding:5px 8px;border:1px solid #e2eaf8;border-radius:8px;background:#f2f6ff;color:#4569a0;font-weight:750}
.media-created-at{font-weight:600}
.media-library-card .media-file-actions{flex-direction:column;align-items:stretch;gap:8px;padding-top:2px}
.media-library-card .media-file-actions .media-action-button{min-width:112px;min-height:36px;height:36px;border-radius:10px;font-size:11px}
.media-library-card .media-download-button{background:#f1f6ff;border-color:#dbe6fa;color:#315c9a}
.media-library-card .media-delete-button{background:#fffafa;border-color:#f0dede;color:#ad5158}
@media(max-width:760px){.media-library-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px}.media-library-card .media-file-icon{width:48px;height:48px;flex-basis:48px}.media-library-card .media-file-actions{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;padding-top:0}.media-library-card .media-file-actions form{display:flex}.media-library-card .media-file-actions .media-action-button{min-width:105px}}
@media(max-width:440px){.media-library-card{padding:12px;border-radius:15px;gap:10px}.media-library-card .media-file-heading>strong{font-size:14px}.media-library-details{gap:7px;margin-top:12px}.media-library-detail{min-height:51px;padding:8px;border-radius:10px}.media-library-detail>strong{font-size:12px}.media-file-original-name{font-size:10px}.media-library-foot{gap:7px;margin-top:10px}.media-source-tag,.media-created-at{font-size:9px}.media-library-card .media-file-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-library-card .media-file-actions .media-action-button{width:100%;min-width:0;padding:0 7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.media-library-card{transition:none}}

/* MediaZV 0.5.218 — richer visual hierarchy for saved media */
.media-library-section .section-head{align-items:center;gap:14px}
.media-library-section .section-head h2{letter-spacing:-.025em}
.media-library-list{gap:15px}
.media-library-card{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:74px minmax(0,1fr) auto;gap:18px;padding:20px 21px;border:1px solid #e2e6f2;border-radius:21px;background:linear-gradient(115deg,#fff 0%,#fcfbff 56%,#f7f8ff 100%);box-shadow:0 5px 18px rgba(39,42,90,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.media-library-card:before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8a70f5,#6254cf)}
.media-library-card.media-card-video:before{background:linear-gradient(180deg,#5cb8f5,#387bd5)}
.media-library-card:hover{transform:translateY(-2px);border-color:#d3d5f4;box-shadow:0 13px 30px rgba(43,45,105,.09)}
.media-library-card .media-file-icon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:74px;height:82px;flex-basis:74px;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.55),transparent 45%),linear-gradient(145deg,#a99bff,#6555cf 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 14px rgba(101,85,207,.2);color:#fff;font-size:23px}
.media-library-card.media-card-video .media-file-icon{background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.5),transparent 45%),linear-gradient(145deg,#7ed0ff,#387bd5 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 14px rgba(56,123,213,.18)}
.media-art-note{line-height:1;font-size:26px;text-shadow:0 2px 7px rgba(30,20,90,.2)}
.media-wave{height:22px;display:flex;align-items:center;justify-content:center;gap:3px}
.media-wave i{display:block;width:3px;border-radius:4px;background:rgba(255,255,255,.88);height:8px}
.media-wave i:nth-child(2),.media-wave i:nth-child(6){height:14px}.media-wave i:nth-child(3),.media-wave i:nth-child(5){height:19px}.media-wave i:nth-child(4){height:11px}.media-wave i:nth-child(7){height:6px}
.media-video-play{display:grid;place-items:center;width:35px;height:35px;padding-left:3px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.19);font-size:15px;box-shadow:0 2px 10px rgba(20,60,120,.12)}
.media-video-lines{width:31px;height:3px;border-radius:4px;background:rgba(255,255,255,.7);box-shadow:0 6px 0 rgba(255,255,255,.43)}
.media-library-card .media-file-main{gap:0;min-width:0}
.media-library-card .media-file-heading{align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 10px}
.media-library-card .media-file-heading>strong{font-size:16px;line-height:1.42;letter-spacing:-.015em;color:#20233f}
.media-library-card .media-file-format-tag{padding:5px 9px;border:1px solid #e4defe;border-radius:7px;background:#f1edff;color:#6551c9;font-size:9px;letter-spacing:.09em}
.media-library-card .media-card-video .media-file-format-tag,.media-card-video .media-file-format-tag{border-color:#d9eafb;background:#eaf5ff;color:#3378b8}
.media-library-card .media-file-original-name{margin-top:5px;color:#98a0b3;font-size:10px;line-height:1.45}
.media-library-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}
.media-library-detail{min-height:58px;padding:10px 11px;border-color:#e9eaf4;border-radius:12px;background:rgba(247,248,253,.9);transition:background .18s ease,border-color .18s ease}
.media-library-detail:hover{background:#f1f0ff;border-color:#ded9fc}
.media-library-detail>span{font-size:9px;letter-spacing:.035em;text-transform:uppercase;color:#8991a7}
.media-library-detail>strong{font-size:13px;color:#333852}
.media-library-detail .media-detail-bitrate{color:#11846e}
.media-library-foot{margin-top:12px;padding-top:10px;border-top:1px solid #eef0f7;gap:8px 13px}
.media-source-tag{border-color:#e0e5f7;background:#f3f5ff;color:#5865a2}
.media-created-at{font-size:10px;color:#8a92a6}
.media-library-card .media-file-actions{justify-content:center;min-width:112px;gap:8px}
.media-library-card .media-file-actions .media-action-button{min-width:112px;min-height:39px;height:39px;border-radius:11px;font-size:11px;font-weight:750;transition:transform .15s ease,box-shadow .15s ease}
.media-library-card .media-download-button{border-color:#dcd8fb;background:linear-gradient(135deg,#f4f1ff,#ece9ff);color:#5b4ac2;box-shadow:0 3px 8px rgba(100,80,200,.06)}
.media-library-card .media-download-button:hover{box-shadow:0 6px 14px rgba(100,80,200,.13);transform:translateY(-1px)}
.media-library-card .media-delete-button{border-color:#f0e2e5;background:#fffafb;color:#b36a75}
@media(max-width:900px){.media-library-card{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:17px}.media-library-card .media-file-icon{width:62px;height:72px;flex-basis:62px}.media-library-card .media-file-actions{grid-column:2;flex-direction:row;justify-content:flex-start;min-width:0;margin-top:0}.media-library-details{grid-template-columns:repeat(2,minmax(0,1fr))}.media-library-card .media-file-actions .media-action-button{min-width:110px}}
@media(max-width:560px){.media-library-card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:13px;border-radius:16px}.media-library-card .media-file-icon{width:48px;height:58px;flex-basis:48px;border-radius:14px;font-size:20px}.media-art-note{font-size:21px}.media-wave{height:15px;gap:2px}.media-wave i{width:2px}.media-wave i:nth-child(3),.media-wave i:nth-child(5){height:13px}.media-wave i:nth-child(2),.media-wave i:nth-child(6){height:10px}.media-video-play{width:27px;height:27px;font-size:12px}.media-video-lines{width:25px;height:2px;box-shadow:0 5px 0 rgba(255,255,255,.43)}.media-library-card .media-file-heading>strong{font-size:13px}.media-library-card .media-file-format-tag{padding:4px 7px;font-size:9px}.media-library-card .media-file-original-name{font-size:9px}.media-library-details{grid-column:1/-1;gap:7px;margin-top:12px}.media-library-detail{min-height:49px;padding:8px 9px;border-radius:10px}.media-library-detail>span{font-size:8px}.media-library-detail>strong{font-size:12px}.media-library-foot{gap:6px;margin-top:10px;padding-top:9px}.media-source-tag,.media-created-at{font-size:9px}.media-library-card .media-file-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:2px 0 0}.media-library-card .media-file-actions form{display:flex;width:100%}.media-library-card .media-file-actions .media-action-button{width:100%;min-width:0;height:35px;min-height:35px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.media-library-card,.media-library-detail,.media-library-card .media-action-button{transition:none}.media-library-card:hover,.media-library-card .media-download-button:hover{transform:none}}

/* MediaZV 0.5.220 — compact icon-led metadata below the original filename */
.media-compact-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f7;color:#67738b;font-size:11px;line-height:1.45}
.media-compact-item{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}
.media-compact-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px;border-radius:6px;background:#f0efff;color:#6555c7;font-size:12px;font-weight:800;line-height:1}
.media-compact-bitrate .media-compact-icon{background:#e8f7f1;color:#148367}
.media-compact-source .media-compact-icon{background:#eaf4ff;color:#3478b9}
.media-compact-created{color:#8992a5}
.media-compact-created .media-compact-icon{background:#f1f3f8;color:#758198}
@media(max-width:560px){.media-compact-meta{gap:7px 10px;margin-top:9px;padding-top:9px;font-size:10px}.media-compact-item{gap:4px}.media-compact-icon{width:16px;height:16px;flex-basis:16px;font-size:11px}}

/* MediaZV 0.5.220 — clean screenshot-matched metadata row */
.media-compact-icon{background:transparent!important;border-radius:0!important;width:13px;height:13px;flex-basis:13px;color:#8b78e8;padding:0}
.media-compact-icon svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.media-compact-bitrate .media-compact-icon{color:#54b6a1}
.media-compact-source .media-compact-icon{color:#5593dc}
.media-compact-created .media-compact-icon{color:#8492aa}
.media-compact-meta{margin-top:7px;padding-top:0;border-top:0;gap:6px 10px;font-size:11px}
.media-compact-item{gap:5px}
@media(max-width:560px){.media-compact-meta{margin-top:7px;padding-top:0;font-size:10px}.media-compact-icon,.media-compact-icon svg{width:12px;height:12px}.media-compact-icon{flex-basis:12px}}


/* MediaZV 0.5.221 — simplified, aligned card based on user screenshot */
.media-library-list{gap:12px}
.media-library-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;border:1px solid #e1e3e8;border-radius:13px;background:#fff;box-shadow:none;transition:border-color .15s ease}
.media-library-card:before{display:none}
.media-library-card:hover{transform:none;border-color:#d5d8e1;box-shadow:0 3px 10px rgba(25,35,55,.035)}
.media-library-card .media-file-icon{width:52px;height:52px;flex-basis:52px;border:0;border-radius:10px;background:#7564dc;box-shadow:none;font-size:0}
.media-library-card.media-card-video .media-file-icon{background:#4389d5;box-shadow:none}
.media-art-note{display:none}
.media-wave{height:24px;gap:3px}
.media-wave i{width:2px;background:#fff}
.media-library-card .media-file-main{min-width:0;gap:0}
.media-library-card .media-file-heading{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;min-width:0}
.media-library-card .media-file-heading>strong{font-size:14px;font-weight:650;line-height:1.45;letter-spacing:0;color:#252932;overflow-wrap:anywhere}
.media-library-card .media-file-format-tag{display:none!important}
.media-compact-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:6px;padding:0;border:0;color:#6e7480;font-size:11px;line-height:1.4}
.media-compact-item{gap:5px;white-space:normal}
.media-compact-icon,.media-compact-icon svg{width:12px;height:12px;flex:0 0 12px}
.media-compact-icon{color:#8878e8}
.media-compact-bitrate .media-compact-icon{color:#65b6a5}
.media-compact-source .media-compact-icon{color:#5593dc}
.media-compact-created .media-compact-icon{color:#8792a6}
.media-compact-created{color:#6e7480}
.media-library-card .media-file-actions{display:flex;flex-direction:column;gap:6px;min-width:95px;padding:0}
.media-library-card .media-file-actions .media-action-button{min-width:95px;min-height:32px;height:32px;padding:0 10px;border-radius:8px;font-size:11px}
@media(max-width:760px){.media-library-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:11px}.media-library-card .media-file-icon{width:46px;height:46px;flex-basis:46px}.media-library-card .media-file-actions{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;margin:2px 0 0}.media-library-card .media-file-actions .media-action-button{min-width:100px}}
@media(max-width:440px){.media-library-card{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:10px}.media-library-card .media-file-icon{width:40px;height:40px;flex-basis:40px;border-radius:8px}.media-wave{height:20px;gap:2px}.media-wave i{width:2px}.media-library-card .media-file-heading>strong{font-size:13px}.media-compact-meta{gap:6px 9px;font-size:10px}.media-compact-icon,.media-compact-icon svg{width:11px;height:11px;flex-basis:11px}.media-library-card .media-file-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.media-library-card .media-file-actions .media-action-button{width:100%;min-width:0}}


/* MediaZV 0.5.223 — repair saved-files page layout and prevent oversized media previews */
.media-library-section{min-width:0;padding:22px;border:1px solid #e1e7f2;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(34,48,78,.045)}
.media-library-section .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}
.media-library-section .section-head h2{margin:0 0 6px;font-size:20px;line-height:1.35;color:#202d47;letter-spacing:-.02em}
.media-library-section .section-head p{margin:0;color:#77839a;font-size:13px;line-height:1.5}
.media-library-section .section-head>.subtle{flex:0 0 auto;padding:6px 10px;border:1px solid #e5e9f3;border-radius:999px;background:#f7f8fc;color:#68758d;font-size:11px}
.media-library-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.42fr) auto auto;align-items:end;gap:12px;margin:0 0 18px;padding:15px;border:1px solid #e5eaf3;border-radius:14px;background:#f8faff}
.media-library-filter label{display:grid;gap:6px;min-width:0;color:#526078;font-size:12px;font-weight:650;line-height:1.4}
.media-library-filter input,.media-library-filter select{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid #dbe2ef;border-radius:9px;background:#fff;color:#24324a;font:inherit;font-size:13px;outline:none;box-shadow:0 1px 2px rgba(30,45,75,.025)}
.media-library-filter input:focus,.media-library-filter select:focus{border-color:#8c7bea;box-shadow:0 0 0 3px rgba(117,100,220,.12)}
.media-library-filter .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}
.media-library-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.media-library-section .media-library-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0;padding:13px 15px;border:1px solid #e4e8f0;border-radius:13px;background:#fff;box-shadow:0 2px 7px rgba(32,48,78,.025);overflow:hidden}
.media-library-section .media-library-card:before{display:none!important}
.media-library-section .media-library-card .media-file-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;max-width:48px;flex:0 0 48px;border-radius:11px;background:#7564dc;overflow:hidden}
.media-library-section .media-library-card .media-file-main{display:block;min-width:0;width:100%;max-width:100%;overflow:hidden}
.media-library-section .media-library-card .media-file-heading{display:flex;min-width:0;max-width:100%;margin:0}
.media-library-section .media-library-card .media-file-heading>strong{display:block;max-width:100%;margin:0;color:#252b39;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}
.media-library-section .media-compact-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;max-width:100%;margin-top:6px;padding:0;border:0;color:#737c8c;font-size:11px;line-height:1.45}
.media-library-section .media-compact-item{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.media-library-section .media-compact-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;min-width:12px;flex:0 0 12px;padding:0;background:transparent!important;border:0;border-radius:0;color:#8b78e8}
.media-library-section .media-compact-icon svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.media-library-section .media-compact-bitrate .media-compact-icon{color:#54b6a1}
.media-library-section .media-compact-source .media-compact-icon{color:#5593dc}
.media-library-section .media-compact-created .media-compact-icon{color:#8792a6}
.media-library-section .media-file-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:96px;margin:0;padding:0}
.media-library-section .media-file-actions form{display:flex;width:100%;margin:0}
.media-library-section .media-file-actions .media-action-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:96px;height:32px;min-height:32px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:650;white-space:nowrap}
.media-library-section .media-download-button{border-color:#ded9fb;background:#f4f1ff;color:#5e4fc3}
.media-library-section .media-delete-button{border-color:#f0e2e5;background:#fffafb;color:#ad6872}
/* Any unexpected preview/player must never expand the saved-file card. */
.media-library-section .media-library-card video,.media-library-section .media-library-card audio,.media-library-section .media-library-card iframe,.media-library-section .media-library-card object,.media-library-section .media-library-card embed,.media-library-section .media-library-card canvas{display:none!important;max-width:100%!important;max-height:0!important}
.media-library-section .media-library-card img{max-width:100%;height:auto}
.media-library-section .empty-state{padding:28px 18px;border:1px dashed #dbe2ef;border-radius:13px;background:#fafbfe;color:#748097;text-align:center}
.media-library-section+.auth-foot{margin-top:16px}
@media(max-width:760px){.media-library-section{padding:16px;border-radius:16px}.media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px}.media-library-filter label:first-child{grid-column:1/-1}.media-library-filter .button{width:100%;padding:0 10px}.media-library-section .media-library-card{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px}.media-library-section .media-library-card .media-file-icon{width:44px;height:44px;min-width:44px;max-width:44px;flex-basis:44px}.media-library-section .media-file-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-width:0;margin-top:2px}.media-library-section .media-file-actions .media-action-button{min-width:0}.media-library-section .section-head h2{font-size:18px}}
@media(max-width:440px){.media-library-section{padding:12px}.media-library-section .section-head{gap:8px}.media-library-section .section-head p{font-size:12px}.media-library-section .section-head>.subtle{font-size:10px;padding:5px 7px}.media-library-filter{grid-template-columns:minmax(0,1fr)}.media-library-filter label:first-child{grid-column:auto}.media-library-filter .button{width:100%}.media-library-section .media-compact-meta{gap:5px 9px;font-size:10px}.media-library-section .media-library-card .media-file-heading>strong{font-size:13px}}

/* MediaZV 0.5.223 — match the compact user reference precisely; only the icon and metadata row are styled here. */
.media-library-section .media-library-card .media-audio-glyph{display:block;width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 23px}
.media-library-section .media-library-card .media-file-icon{width:52px;height:52px;min-width:52px;max-width:52px;flex-basis:52px;border-radius:10px;background:#7564dc;box-shadow:none}
.media-library-section .media-library-card .media-file-main{gap:0}
.media-library-section .media-library-card .media-file-heading>strong{font-size:14px;line-height:1.4;font-weight:650}
.media-library-section .media-compact-meta{gap:6px 10px;margin-top:6px;font-size:11px;line-height:1.4}
.media-library-section .media-compact-icon,.media-library-section .media-compact-icon svg{width:12px;height:12px;min-width:12px;flex:0 0 12px}
@media(max-width:760px){.media-library-section .media-library-card{grid-template-columns:52px minmax(0,1fr);gap:10px}.media-library-section .media-library-card .media-file-icon{width:52px;height:52px;min-width:52px;max-width:52px;flex-basis:52px}}
@media(max-width:440px){.media-library-section .media-library-card{grid-template-columns:44px minmax(0,1fr);gap:9px}.media-library-section .media-library-card .media-file-icon{width:44px;height:44px;min-width:44px;max-width:44px;flex-basis:44px}.media-library-section .media-library-card .media-audio-glyph{width:21px;height:21px;flex-basis:21px}.media-library-section .media-compact-meta{gap:5px 9px;font-size:10px}}

/* MediaZV 0.5.224 — hard limits for metadata SVG icons to prevent oversized circles */
.media-library-section .media-compact-meta .media-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;overflow:hidden!important;padding:0!important;line-height:0!important}
.media-library-section .media-compact-meta .media-compact-icon svg{display:block!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;overflow:hidden!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.media-library-section .media-compact-meta .media-compact-icon svg circle,.media-library-section .media-compact-meta .media-compact-icon svg path,.media-library-section .media-compact-meta .media-compact-icon svg rect{vector-effect:non-scaling-stroke}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important;flex:0 0 23px!important}
@media(max-width:440px){.media-library-section .media-compact-meta .media-compact-icon,.media-library-section .media-compact-meta .media-compact-icon svg{width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;max-width:11px!important;max-height:11px!important;flex-basis:11px!important}}


/* MediaZV 0.5.226 — render metadata icons as small inline SVGs, isolated from global SVG/player styles */
.media-library-section .media-compact-meta .media-compact-icon{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;overflow:hidden!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;line-height:0!important;box-shadow:none!important}
.media-library-section .media-compact-meta .media-compact-icon svg{display:block!important;position:static!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;padding:0!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:none!important;transform:none!important}
.media-library-section .media-compact-meta .media-compact-icon svg circle,.media-library-section .media-compact-meta .media-compact-icon svg path,.media-library-section .media-compact-meta .media-compact-icon svg rect{fill:none!important;stroke:currentColor!important}
.media-library-section .media-compact-meta .media-compact-icon svg *{vector-effect:non-scaling-stroke}
@media(max-width:440px){.media-library-section .media-compact-meta .media-compact-icon,.media-library-section .media-compact-meta .media-compact-icon svg{width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;max-width:11px!important;max-height:11px!important;flex-basis:11px!important}}


/* MediaZV 0.5.226 — screenshot-matched compact metadata card; scoped only to My Media Library. */
.media-library-section .media-library-list{display:flex;flex-direction:column;gap:10px}
.media-library-section .media-library-card{box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 13px;border:1px solid #e1e3e8;border-radius:13px;background:#fff;box-shadow:none;overflow:hidden;transform:none}
.media-library-section .media-library-card:before{display:none!important}
.media-library-section .media-library-card:hover{transform:none;border-color:#d9dce4;box-shadow:0 2px 8px rgba(28,38,60,.035)}
.media-library-section .media-library-card .media-file-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;flex:0 0 52px!important;padding:0;border:0;border-radius:10px;background:#7564dc;box-shadow:none;overflow:hidden}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph{display:block;width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;flex:0 0 23px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.media-library-section .media-library-card .media-file-main{min-width:0;gap:0}
.media-library-section .media-library-card .media-file-heading{display:flex;align-items:flex-start;gap:0;margin:1px 0 0;padding:0}
.media-library-section .media-library-card .media-file-heading>strong{display:block;margin:0;color:#252a35;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}
.media-library-section .media-compact-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;max-width:100%;margin:7px 0 0;padding:0;border:0;color:#737c8c;font-size:11px;line-height:1.4}
.media-library-section .media-compact-item{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;white-space:nowrap;overflow-wrap:normal}
.media-library-section .media-compact-icon{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;line-height:0!important}
.media-library-section .media-compact-icon svg{display:block!important;position:static!important;box-sizing:border-box!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;padding:0!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:none!important;transform:none!important}
.media-library-section .media-compact-bitrate .media-compact-icon{color:#54b6a1!important}
.media-library-section .media-compact-source .media-compact-icon{color:#5593dc!important}
.media-library-section .media-compact-created{color:#737c8c}
.media-library-section .media-compact-created .media-compact-icon{color:#8492aa!important}
.media-library-section .media-file-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:96px;margin:0;padding:0}
.media-library-section .media-file-actions .media-action-button{box-sizing:border-box;min-width:96px;height:32px;min-height:32px;padding:0 9px;border-radius:8px;font-size:11px}
@media(max-width:760px){.media-library-section .media-library-card{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:12px}.media-library-section .media-file-actions{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-width:0;margin-top:2px}.media-library-section .media-file-actions .media-action-button{min-width:96px}}
@media(max-width:440px){.media-library-section .media-library-card{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:10px}.media-library-section .media-library-card .media-file-icon{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px!important}.media-library-section .media-library-card .media-file-icon .media-audio-glyph{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;flex-basis:21px!important}.media-library-section .media-library-card .media-file-heading>strong{font-size:13px}.media-library-section .media-compact-meta{gap:5px 9px;font-size:10px}.media-library-section .media-compact-icon,.media-library-section .media-compact-icon svg{width:11px!important;height:11px!important;min-width:11px!important;max-width:11px!important;min-height:11px!important;max-height:11px!important;flex-basis:11px!important}.media-library-section .media-file-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-library-section .media-file-actions .media-action-button{width:100%;min-width:0}}


/* MediaZV 0.5.227 — exact icon colors from the approved media-library reference. */
.media-library-section .media-compact-item:nth-child(1) .media-compact-icon,
.media-library-section .media-compact-item:nth-child(2) .media-compact-icon{color:#8b78e8!important}
.media-library-section .media-compact-bitrate .media-compact-icon{color:#70c3b2!important}
.media-library-section .media-compact-source .media-compact-icon{color:#5593dc!important}
.media-library-section .media-compact-created .media-compact-icon{color:#8190a9!important}
.media-library-section .media-compact-meta .media-compact-icon svg{stroke:currentColor!important;fill:none!important}


/* MediaZV 0.5.228 — force compact inline SVG metadata icons to use their intended colors */
.media-library-section .media-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;max-width:13px!important;max-height:13px!important;flex:0 0 13px!important;padding:0!important;background:transparent!important;color:#8b78e8!important;line-height:0!important;font-size:0!important;overflow:visible!important}
.media-library-section .media-compact-icon svg{display:block!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;max-width:13px!important;max-height:13px!important;flex:0 0 13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
.media-library-section .media-compact-icon svg circle,.media-library-section .media-compact-icon svg path,.media-library-section .media-compact-icon svg rect,.media-library-section .media-compact-icon svg line{fill:none!important;stroke:currentColor!important}
.media-library-section .media-compact-bitrate .media-compact-icon{color:#54b6a1!important}
.media-library-section .media-compact-source .media-compact-icon{color:#5593dc!important}
.media-library-section .media-compact-created .media-compact-icon{color:#8492aa!important}
@media(max-width:560px){.media-library-section .media-compact-icon,.media-library-section .media-compact-icon svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex-basis:12px!important}}


/* MediaZV 0.5.229 — inline SVG stroke colors and dimensions are enforced at the markup level too. */
.media-library-section .media-compact-icon{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;flex:0 0 12px!important;background:transparent!important;font-size:0!important;line-height:0!important}
.media-library-section .media-compact-icon svg{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;display:block!important;overflow:visible!important}


/* MediaZV 0.5.230 — screenshot-matched metadata icons; cache-busted and isolated from global SVG rules. */
.media-library-section .media-compact-meta .media-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.media-library-section .media-compact-meta .media-compact-icon svg{display:block!important;position:static!important;box-sizing:border-box!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important;margin:0!important;padding:0!important;background:transparent!important;fill:none!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:hidden!important;transform:none!important;filter:none!important}
.media-library-section .media-compact-meta .media-compact-item:nth-child(1) .media-compact-icon svg,.media-library-section .media-compact-meta .media-compact-item:nth-child(2) .media-compact-icon svg{stroke:#8b78e8!important}
.media-library-section .media-compact-meta .media-compact-bitrate .media-compact-icon svg{stroke:#70c3b2!important}
.media-library-section .media-compact-meta .media-compact-source .media-compact-icon svg{stroke:#5593dc!important}
.media-library-section .media-compact-meta .media-compact-created .media-compact-icon svg{stroke:#8190a9!important}
@media(max-width:560px){.media-library-section .media-compact-meta .media-compact-icon,.media-library-section .media-compact-meta .media-compact-icon svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex-basis:12px!important}}


/* MediaZV 0.5.231 — match the approved media-library card layout: title, one compact facts row, then source/date row. */
.media-library-section .media-library-card{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;padding:12px 13px!important;border:1px solid #e0e4ec!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.media-library-section .media-library-card .media-file-icon{grid-column:1!important;grid-row:1!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;flex:0 0 52px!important;border-radius:10px!important}
.media-library-section .media-library-card .media-file-main{grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
.media-library-section .media-library-card .media-file-heading{margin:1px 0 0!important}
.media-library-section .media-library-card .media-file-heading>strong{font-size:14px!important;font-weight:650!important;line-height:1.4!important;color:#252a35!important}
.media-library-section .media-library-card .media-compact-meta{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px 10px!important;margin:7px 0 0!important;padding:0!important;border:0!important;white-space:nowrap!important;font-size:11px!important;line-height:1.4!important;color:#737c8c!important}
.media-library-section .media-library-card .media-compact-meta-secondary{margin-top:7px!important}
.media-library-section .media-library-card .media-compact-item{display:inline-flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;min-width:0!important;white-space:nowrap!important}
.media-library-section .media-library-card .media-compact-icon,.media-library-section .media-library-card .media-compact-icon svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;flex:0 0 12px!important}
.media-library-section .media-library-card .media-compact-icon svg{display:block!important;fill:none!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.media-library-section .media-library-card .media-compact-item:nth-child(1) .media-compact-icon svg,.media-library-section .media-library-card .media-compact-item:nth-child(2) .media-compact-icon svg{stroke:#8b78e8!important}
.media-library-section .media-library-card .media-compact-bitrate .media-compact-icon svg{stroke:#70c3b2!important}
.media-library-section .media-library-card .media-compact-source .media-compact-icon svg{stroke:#5593dc!important}
.media-library-section .media-library-card .media-compact-created .media-compact-icon svg{stroke:#8190a9!important}
.media-library-section .media-library-card .media-file-actions{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:0!important;padding:0!important}
@media(max-width:760px){.media-library-section .media-library-card{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}.media-library-section .media-library-card .media-file-icon{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;flex-basis:48px!important}.media-library-section .media-library-card .media-file-main{grid-column:2!important;grid-row:1!important}.media-library-section .media-library-card .media-compact-meta{flex-wrap:wrap!important;gap:5px 9px!important}.media-library-section .media-library-card .media-file-actions{grid-column:2!important;grid-row:2!important;flex-direction:row!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:2px!important}}
@media(max-width:440px){.media-library-section .media-library-card{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.media-library-section .media-library-card .media-file-icon{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;flex-basis:44px!important}.media-library-section .media-library-card .media-file-heading>strong{font-size:13px!important}.media-library-section .media-library-card .media-compact-meta{flex-wrap:wrap!important;font-size:10px!important}.media-library-section .media-library-card .media-file-actions{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr 1fr!important}.media-library-section .media-library-card .media-file-actions .media-action-button{width:100%!important;min-width:0!important}}


/* MediaZV 0.5.232 — keep every metadata icon beside its value, never stacked. */
.media-library-section .media-library-card .media-compact-meta{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;column-gap:10px!important;row-gap:0!important;white-space:nowrap!important;max-width:100%!important;overflow:visible!important}
.media-library-section .media-library-card .media-compact-item{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;vertical-align:middle!important;gap:4px!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1.4!important}
.media-library-section .media-library-card .media-compact-item>span:not(.media-compact-icon){display:inline!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1.4!important}
.media-library-section .media-library-card .media-compact-icon{display:inline-flex!important;flex:0 0 12px!important;align-self:center!important}
.media-library-section .media-library-card .media-compact-icon svg{display:block!important;flex:0 0 12px!important}
.media-library-section .media-library-card .media-compact-meta-secondary{margin-top:7px!important}
@media(max-width:760px){.media-library-section .media-library-card .media-compact-meta{flex-wrap:wrap!important;white-space:normal!important;row-gap:5px!important}.media-library-section .media-library-card .media-compact-item,.media-library-section .media-library-card .media-compact-item>span:not(.media-compact-icon){white-space:nowrap!important}}


/* MediaZV 0.5.234 — final inline metadata layout guard; scoped to My Media Library. */
.media-library-section .media-library-card .media-compact-meta{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:6px 10px!important;white-space:nowrap!important;line-height:1.4!important}
.media-library-section .media-library-card .media-compact-item{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1.4!important}
.media-library-section .media-library-card .media-compact-item>span:not(.media-compact-icon){display:inline!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1.4!important}
.media-library-section .media-library-card .media-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 12px!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important}
.media-library-section .media-library-card .media-compact-icon svg{display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important}
.media-library-section .media-library-card .media-compact-meta-secondary{margin-top:7px!important}
@media(max-width:760px){.media-library-section .media-library-card .media-compact-meta{flex-wrap:wrap!important;white-space:normal!important;row-gap:5px!important}.media-library-section .media-library-card .media-compact-item{white-space:nowrap!important}}


/* MediaZV 0.5.234 — add a little breathing room between compact metadata values. */
.media-library-section .media-library-card .media-compact-meta{column-gap:14px!important;row-gap:0!important}
.media-library-section .media-library-card .media-compact-item{gap:5px!important}
.media-library-section .media-library-card .media-compact-meta-secondary{column-gap:14px!important}
@media(max-width:760px){.media-library-section .media-library-card .media-compact-meta{column-gap:12px!important;row-gap:6px!important}}

/* Media library: breathing room between metadata and a focused playback dialog. */
.media-compact-meta{column-gap:14px!important;row-gap:8px!important;}
.media-compact-item{margin-right:2px;}
.media-file-actions{gap:8px;}
.media-play-button{border-color:#d8d2ff!important;color:#6953d8!important;background:#f8f6ff!important;}
.media-play-button:hover{background:#eee9ff!important;border-color:#c8beff!important;}
.media-play-button span{font-size:11px;margin-right:3px;}
body.media-player-open{overflow:hidden!important;}
.media-player-modal[hidden]{display:none!important;}
.media-player-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex;align-items:center;justify-content:center;padding:22px;box-sizing:border-box;isolation:isolate;}
.media-player-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.media-player-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100dvh - 44px);overflow:auto;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);border:1px solid rgba(228,231,241,.96);border-radius:24px;box-shadow:0 32px 100px rgba(16,24,40,.42),0 8px 28px rgba(117,100,220,.12);padding:28px;box-sizing:border-box;animation:mediaPlayerEnter .2s cubic-bezier(.2,.8,.2,1);position:relative;}.media-player-dialog:before{content:"";display:block;position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#7564dc,#579ce8,#69c8b2);pointer-events:none;}
@keyframes mediaPlayerEnter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.media-player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 22px;padding-top:4px;}
.media-player-kicker{display:block;color:#7564dc;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:5px;}
.media-player-header h2{margin:0;color:#182033;font-size:19px;line-height:1.35;overflow-wrap:anywhere;}
.media-player-close{position:sticky;top:0;margin-top:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #e4defe;border-radius:14px;background:#f4f1ff;color:#6650d4;font-size:27px;font-weight:400;line-height:1;cursor:pointer;box-shadow:0 5px 14px rgba(117,100,220,.12);transition:transform .15s,background .15s,border-color .15s,color .15s;z-index:2;}
.media-player-close:hover{transform:translateY(-1px);background:#fff0f0;border-color:#ffd2d2;color:#c43f4b;}
.media-player-close:focus-visible{outline:3px solid rgba(117,100,220,.35);outline-offset:2px;}
.media-player-stage{min-height:150px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 12% 0%,rgba(117,100,220,.09),transparent 50%),linear-gradient(145deg,#f8f7ff,#f7faff);border:1px solid #e8e6f8;border-radius:18px;padding:24px;box-sizing:border-box;}.media-player-stage>button{display:none!important;}
.media-player-stage audio{display:block;width:100%;max-width:620px;min-height:42px;accent-color:#7564dc;}
.media-player-stage video{display:block;width:100%;max-height:min(62vh,520px);background:#0d1018;border-radius:10px;}
.media-player-hint{display:flex;align-items:center;gap:8px;margin:16px 2px 0;color:#727e96;font-size:12px;line-height:1.6;}.media-player-hint:before{content:"♫";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#f0edff;color:#7564dc;font-size:16px;}
@media(max-width:600px){.media-compact-meta{column-gap:10px!important;row-gap:7px!important;}.media-player-modal{padding:12px;}.media-player-dialog{padding:20px 16px 16px;border-radius:18px;max-height:calc(100dvh - 24px);}.media-player-dialog:before{left:16px;right:16px;}.media-player-stage{padding:12px;min-height:110px;}.media-player-header h2{font-size:16px;}}


/* 0.5.239: explicit polished media-player modal controls */
.media-player-dialog{position:relative!important;padding:30px!important;border-radius:26px!important;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important;}
.media-player-header{position:relative!important;display:block!important;padding:2px 62px 20px 0!important;margin:0 0 20px!important;border-bottom:1px solid #eceaf6!important;}
.media-player-close{position:absolute!important;top:0!important;right:0!important;display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:1px solid #e0d9ff!important;border-radius:14px!important;background:linear-gradient(145deg,#f4f0ff,#fff)!important;color:#6650d4!important;font-family:Arial,sans-serif!important;font-size:28px!important;font-weight:400!important;line-height:1!important;box-shadow:0 7px 18px rgba(117,100,220,.15)!important;cursor:pointer!important;}
.media-player-close:hover{background:#fff0f0!important;border-color:#ffd2d2!important;color:#c43f4b!important;transform:translateY(-1px)!important;}
.media-player-stage{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:150px!important;padding:24px!important;border:1px solid #e5e2f6!important;border-radius:20px!important;background:radial-gradient(ellipse at 15% 0%,rgba(117,100,220,.12),transparent 55%),linear-gradient(145deg,#f8f7ff,#f7faff)!important;}
.media-player-stage>button,.media-player-stage>img{display:none!important;}
.media-player-stage audio{width:100%!important;max-width:640px!important;min-height:48px!important;accent-color:#7564dc!important;}
.media-player-stage video{width:100%!important;max-height:min(62vh,520px)!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(16,24,40,.18)!important;}
.media-play-button{min-width:92px!important;font-weight:800!important;letter-spacing:.01em!important;}
@media(max-width:600px){.media-player-dialog{padding:22px 16px 18px!important;border-radius:20px!important;}.media-player-header{padding-right:54px!important;padding-bottom:16px!important;}.media-player-close{width:40px!important;height:40px!important;min-width:40px!important;}.media-player-stage{padding:12px!important;min-height:108px!important;}}


/* MediaZV 0.5.240 — restore crisp media glyphs and polish the library search header. */
.media-library-section .section-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  margin:0 0 16px!important;padding:2px 1px 0!important;
}
.media-library-section .section-head h2{font-size:20px!important;font-weight:750!important;letter-spacing:-.035em!important;color:#202944!important;margin:0 0 5px!important}
.media-library-section .section-head p{font-size:13px!important;color:#74809a!important;margin:0!important;line-height:1.5!important}
.media-library-section .section-head>.subtle{padding:7px 11px!important;border:1px solid #e3e7f3!important;border-radius:999px!important;background:#f5f6ff!important;color:#7564dc!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
.media-library-section .media-library-filter{
  position:relative!important;display:grid!important;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.65fr) auto auto!important;
  align-items:end!important;gap:12px!important;margin:0 0 18px!important;padding:18px!important;
  border:1px solid #e2e6f4!important;border-radius:16px!important;
  background:linear-gradient(135deg,#fafaff 0%,#f4f7ff 55%,#fbfcff 100%)!important;
  box-shadow:0 5px 18px rgba(48,57,100,.045)!important;
}
.media-library-section .media-library-filter:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#7564dc,#55a5ed);opacity:.9}
.media-library-section .media-library-filter label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0!important;margin:0!important;color:#515d78!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
.media-library-section .media-library-filter input,.media-library-section .media-library-filter select{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;padding:0 13px!important;border:1px solid #dce2f0!important;border-radius:10px!important;background:#fff!important;color:#26324b!important;font-size:13px!important;line-height:normal!important;box-shadow:0 2px 4px rgba(34,47,80,.025)!important}
.media-library-section .media-library-filter input:focus,.media-library-section .media-library-filter select:focus{outline:none!important;border-color:#8d7ce9!important;box-shadow:0 0 0 3px rgba(117,100,220,.13)!important}
.media-library-section .media-library-filter .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:43px!important;min-height:43px!important;padding:0 19px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:0 3px 8px rgba(90,73,196,.08)!important}
.media-library-section .media-library-filter button.button{background:linear-gradient(135deg,#7963e6,#654bd5)!important;border-color:#6e57dc!important;color:#fff!important}
.media-library-section .media-library-filter a.button{background:#fff!important;border:1px solid #dcd7ff!important;color:#6955d4!important}
.media-library-section .media-library-filter button.button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
.media-library-section .media-library-card .media-file-icon{position:relative!important;isolation:isolate!important;background:linear-gradient(145deg,#f0edff,#e6e9ff)!important;border:1px solid #ded9ff!important;border-radius:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph{display:block!important;position:static!important;width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;overflow:visible!important;fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important;filter:none!important}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph path{fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.media-library-section .media-library-card .media-file-icon .media-video-play{display:flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;border-radius:7px!important;background:#7564dc!important;color:#fff!important;font-size:11px!important;line-height:1!important}
.media-library-section .media-library-card .media-file-icon .media-video-lines{display:none!important}
@media(max-width:760px){.media-library-section .media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;padding:16px!important}.media-library-section .media-library-filter label:first-child{grid-column:1/-1!important}.media-library-section .media-library-filter .button{width:100%!important;padding:0 10px!important}.media-library-section .section-head{align-items:flex-start!important}}
@media(max-width:440px){.media-library-section .media-library-filter{grid-template-columns:minmax(0,1fr)!important;padding:14px!important;gap:9px!important}.media-library-section .media-library-filter label:first-child{grid-column:auto!important}.media-library-section .media-library-filter .button{width:100%!important}.media-library-section .section-head h2{font-size:18px!important}.media-library-section .section-head p{max-width:260px!important;font-size:12px!important}}


/* MediaZV 0.5.241 — authoritative media icon and toolbar layout. */
.media-library-section .media-library-toolbar{position:relative;margin:0 0 18px;padding:20px 20px 18px;border:1px solid #e0e5f2;border-radius:20px;background:radial-gradient(ellipse at 0% 0%,rgba(117,100,220,.10),transparent 45%),linear-gradient(135deg,#fff 0%,#f8f9ff 62%,#f2f8ff 100%);box-shadow:0 10px 28px rgba(39,48,89,.055);overflow:hidden}
.media-library-section .media-library-toolbar:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7564dc 0%,#8b78e8 40%,#63b9df 100%)}
.media-library-section .media-library-toolbar .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 17px!important;padding:0!important}
.media-library-section .media-library-toolbar .section-head h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 6px!important;font-size:20px!important;line-height:1.3!important;color:#202944!important}
.media-library-section .media-library-heading-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #e1dcff;border-radius:12px;background:linear-gradient(145deg,#f4f1ff,#e9e6ff);box-shadow:0 3px 8px rgba(117,100,220,.09)}
.media-library-section .media-library-heading-icon svg{display:block;width:19px;height:19px;fill:none;stroke:#7564dc;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.media-library-section .media-library-toolbar .section-head p{margin:0!important;color:#758099!important;font-size:12px!important;line-height:1.5!important}
.media-library-section .media-library-toolbar .section-head>.subtle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e1e5f1;border-radius:999px;background:rgba(255,255,255,.85);color:#69758e;font-size:11px;font-weight:700;white-space:nowrap}
.media-library-section .media-found-dot{width:7px;height:7px;border-radius:50%;background:#57b99b;box-shadow:0 0 0 3px rgba(87,185,155,.13)}
.media-library-section .media-library-toolbar .media-library-filter{display:grid!important;grid-template-columns:minmax(220px,1.35fr) minmax(160px,.7fr) auto auto!important;align-items:end!important;gap:12px!important;margin:0!important;padding:16px!important;border:1px solid #e4e8f4!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.media-library-section .media-library-toolbar .media-library-filter:before{display:none!important}
.media-library-section .media-library-toolbar .media-library-filter label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:0!important;min-width:0!important;color:#56627b!important;font-size:11px!important;font-weight:750!important;line-height:1.35!important}
.media-library-section .media-library-toolbar .media-library-filter label>span{display:block!important;margin:0!important}
.media-library-section .media-library-toolbar .media-library-filter input,.media-library-section .media-library-toolbar .media-library-filter select{display:block!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;padding:0 12px!important;border:1px solid #dce2ef!important;border-radius:10px!important;background:#fff!important;color:#25314b!important;font:inherit!important;font-size:13px!important;box-shadow:0 2px 5px rgba(35,48,80,.025)!important}
.media-library-section .media-library-toolbar .media-library-filter input:focus,.media-library-section .media-library-toolbar .media-library-filter select:focus{outline:none!important;border-color:#8a78e8!important;box-shadow:0 0 0 3px rgba(117,100,220,.13)!important}
.media-library-section .media-library-toolbar .media-library-filter .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:42px!important;min-height:42px!important;padding:0 17px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important}
.media-library-section .media-library-toolbar .media-library-filter button.button{border-color:#6c56d9!important;background:linear-gradient(135deg,#7b65e8,#624bd1)!important;color:#fff!important;box-shadow:0 5px 12px rgba(101,80,208,.18)!important}
.media-library-section .media-library-toolbar .media-library-filter a.button{border:1px solid #ded9fb!important;background:#fff!important;color:#6855cf!important}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important;filter:none!important}
.media-library-section .media-library-card .media-file-icon .media-audio-glyph path{fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important}
@media(max-width:760px){.media-library-section .media-library-toolbar{padding:17px 14px 14px;border-radius:17px}.media-library-section .media-library-toolbar .media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding:12px!important;gap:10px!important}.media-library-section .media-library-toolbar .media-library-filter label:first-child{grid-column:1/-1!important}.media-library-section .media-library-toolbar .media-library-filter .button{width:100%!important;padding:0 10px!important}.media-library-section .media-library-toolbar .section-head{align-items:flex-start!important}}
@media(max-width:440px){.media-library-section .media-library-toolbar{padding:15px 11px 11px}.media-library-section .media-library-toolbar .section-head h2{font-size:17px!important}.media-library-section .media-library-toolbar .section-head p{max-width:245px;font-size:11px!important}.media-library-section .media-library-toolbar .section-head>.subtle{padding:6px 8px;font-size:10px}.media-library-section .media-library-toolbar .media-library-filter{grid-template-columns:minmax(0,1fr)!important}.media-library-section .media-library-toolbar .media-library-filter label:first-child{grid-column:auto!important}.media-library-section .media-library-toolbar .media-library-filter .button{width:100%!important}}


/* 0.5.242 — definitive media library toolbar and music-note glyph */
body.app-page-user .media-library-section .media-library-toolbar{position:relative!important;margin:0 0 18px!important;padding:22px!important;border:1px solid #e1e5f2!important;border-radius:20px!important;background:radial-gradient(ellipse at 0 0,rgba(117,100,220,.11),transparent 48%),linear-gradient(135deg,#fff 0%,#fafaff 58%,#f2f8ff 100%)!important;box-shadow:0 10px 28px rgba(39,48,89,.06)!important;overflow:hidden!important}
body.app-page-user .media-library-section .media-library-toolbar:before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#7564dc,#8b78e8 42%,#63b9df)!important}
body.app-page-user .media-library-section .media-library-toolbar>.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:0!important}
body.app-page-user .media-library-section .media-library-toolbar>.section-head>div{min-width:0!important}
body.app-page-user .media-library-section .media-library-toolbar .section-head h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 7px!important;color:#202944!important;font-size:20px!important;line-height:1.3!important}
body.app-page-user .media-library-section .media-library-heading-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border:1px solid #e1dcff!important;border-radius:12px!important;background:linear-gradient(145deg,#f4f1ff,#e9e6ff)!important}
body.app-page-user .media-library-section .media-library-heading-icon svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:#7564dc!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.app-page-user .media-library-section .media-library-toolbar .section-head p{margin:0!important;color:#758099!important;font-size:12px!important;line-height:1.5!important}
body.app-page-user .media-library-section .media-library-toolbar .section-head>.subtle{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:8px 11px!important;border:1px solid #e1e5f1!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:#69758e!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter{position:relative!important;display:grid!important;grid-template-columns:minmax(220px,1.35fr) minmax(160px,.7fr) auto auto!important;align-items:end!important;gap:14px!important;margin:0!important;padding:17px!important;border:1px solid #e2e7f3!important;border-radius:15px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 4px 14px rgba(42,53,87,.035),inset 0 1px 0 #fff!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter:before{display:none!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;margin:0!important;padding:0!important;color:#59657d!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>label>span{display:block!important;position:static!important;margin:0!important;padding:0!important;color:#59657d!important;font-size:12px!important;line-height:1.35!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter input,body.app-page-user .media-library-section .media-library-toolbar .media-library-filter select{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 13px!important;border:1px solid #dce2ef!important;border-radius:11px!important;background:#fff!important;color:#25314b!important;font-family:inherit!important;font-size:13px!important;line-height:normal!important;box-shadow:0 2px 5px rgba(35,48,80,.025)!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter input:focus,body.app-page-user .media-library-section .media-library-toolbar .media-library-filter select:focus{outline:none!important;border-color:#8a78e8!important;box-shadow:0 0 0 3px rgba(117,100,220,.13)!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:end!important;gap:7px!important;box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 19px!important;border-radius:11px!important;font-size:12px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>button.button{border:1px solid #6c56d9!important;background:linear-gradient(135deg,#7b65e8,#624bd1)!important;color:#fff!important;box-shadow:0 5px 12px rgba(101,80,208,.18)!important}
body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>a.button{border:1px solid #ded9fb!important;background:#fff!important;color:#6855cf!important}
body.app-page-user .media-library-section .media-library-card .media-file-icon .media-audio-glyph{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.app-page-user .media-library-section .media-library-card .media-file-icon .media-audio-glyph path,body.app-page-user .media-library-section .media-library-card .media-file-icon .media-audio-glyph circle{fill:none!important;stroke:#7564dc!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:760px){body.app-page-user .media-library-section .media-library-toolbar{padding:18px 14px 14px!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:11px!important;padding:13px!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>label:first-child{grid-column:1/-1!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>.button{width:100%!important;padding:0 10px!important}body.app-page-user .media-library-section .media-library-toolbar>.section-head{align-items:flex-start!important}}
@media(max-width:440px){body.app-page-user .media-library-section .media-library-toolbar{padding:16px 11px 11px!important}body.app-page-user .media-library-section .media-library-toolbar .section-head h2{font-size:17px!important}body.app-page-user .media-library-section .media-library-toolbar .section-head p{max-width:245px!important;font-size:11px!important}body.app-page-user .media-library-section .media-library-toolbar .section-head>.subtle{padding:6px 8px!important;font-size:10px!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter{grid-template-columns:minmax(0,1fr)!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>label:first-child{grid-column:auto!important}body.app-page-user .media-library-section .media-library-toolbar .media-library-filter>.button{width:100%!important}}


/* MediaZV 0.5.243 — add clear breathing room between the media icon and its information. */
.media-library-section .media-library-card .media-file-main{margin-left:8px!important;min-width:0!important}
@media(max-width:760px){.media-library-section .media-library-card .media-file-main{margin-left:6px!important}}
@media(max-width:440px){.media-library-section .media-library-card .media-file-main{margin-left:3px!important}}

/* MediaZV 0.5.244: make time-format trim inputs clear and readable. */
.trim-control-grid input::placeholder{color:#8b98aa;opacity:1}.trim-control-grid input{font-variant-numeric:tabular-nums}


/* MediaZV 0.5.245 — add visible breathing room between media metadata groups. */
body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:18px!important;gap:7px 18px!important}
body.app-page-user .media-library-section .media-library-card .media-compact-meta .media-compact-item{margin-right:0!important}
@media(max-width:760px){body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:14px!important;gap:7px 14px!important}}
@media(max-width:440px){body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:11px!important;gap:7px 11px!important}}


/* MediaZV 0.5.246 — stronger spacing between icon, title, and metadata values. */
body.app-page-user .media-library-section .media-library-card .media-file-main{margin-left:16px!important;min-width:0!important}
body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:28px!important;gap:8px 28px!important}
body.app-page-user .media-library-section .media-library-card .media-compact-item{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important}
body.app-page-user .media-library-section .media-library-card .media-compact-icon{margin-right:1px!important}
body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{column-gap:22px!important;gap:8px 22px!important}
@media(max-width:760px){body.app-page-user .media-library-section .media-library-card .media-file-main{margin-left:10px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:18px!important;gap:8px 18px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{column-gap:16px!important;gap:8px 16px!important}}
@media(max-width:440px){body.app-page-user .media-library-section .media-library-card .media-file-main{margin-left:5px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta{column-gap:13px!important;gap:7px 13px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{column-gap:12px!important;gap:7px 12px!important}}


/* MediaZV 0.5.247 — explicit spacing between metadata values (inline item margins are also set in index.php). */
body.app-page-user .media-library-section .media-library-card .media-compact-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:10px!important;row-gap:8px!important}
body.app-page-user .media-library-section .media-library-card .media-compact-meta .media-compact-item{flex:0 0 auto!important}
body.app-page-user .media-library-section .media-library-card .media-compact-item .media-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 12px!important;width:12px!important;height:12px!important;margin:0!important}


/* MediaZV 0.5.248 — visible separation between source and creation date on the second metadata row. */
body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:14px!important;row-gap:8px!important}
body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary .media-compact-created{margin-left:14px!important}
@media(max-width:760px){body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{column-gap:10px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary .media-compact-created{margin-left:10px!important}}
@media(max-width:440px){body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary{column-gap:8px!important}body.app-page-user .media-library-section .media-library-card .media-compact-meta-secondary .media-compact-created{margin-left:8px!important}}


/* MediaZV 0.5.249 — definitive, scoped media-library search/filter design. */
html body.app-page-user .media-library-section .media-library-toolbar{
  position:relative!important;display:block!important;box-sizing:border-box!important;
  margin:0 0 20px!important;padding:22px!important;overflow:hidden!important;
  border:1px solid #e1e6f3!important;border-radius:20px!important;
  background:radial-gradient(ellipse at 4% 0%,rgba(117,100,220,.12),transparent 42%),linear-gradient(135deg,#fff 0%,#fafaff 58%,#f2f8ff 100%)!important;
  box-shadow:0 10px 28px rgba(37,48,86,.055)!important;
}
html body.app-page-user .media-library-section .media-library-toolbar:before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#7564dc 0%,#8b78e8 42%,#62b9df 100%)!important}
html body.app-page-user .media-library-section .media-library-toolbar>.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 19px!important;padding:0!important}
html body.app-page-user .media-library-section .media-library-toolbar>.section-head>div{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
html body.app-page-user .media-library-section .media-library-toolbar .section-head h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:#202944!important;font-size:20px!important;font-weight:750!important;line-height:1.3!important;letter-spacing:-.025em!important}
html body.app-page-user .media-library-section .media-library-toolbar .section-head p{margin:0!important;color:#758099!important;font-size:13px!important;line-height:1.55!important}
html body.app-page-user .media-library-section .media-library-toolbar .section-head>.subtle{display:inline-flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;padding:8px 12px!important;border:1px solid #e1e5f1!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;color:#69758e!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
html body.app-page-user .media-library-section .media-found-dot{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#57b99b!important;box-shadow:0 0 0 3px rgba(87,185,155,.13)!important}
html body.app-page-user .media-library-section form.media-library-filter{position:relative!important;display:grid!important;grid-template-columns:minmax(240px,1.45fr) minmax(170px,.8fr) minmax(105px,auto) minmax(115px,auto)!important;align-items:end!important;gap:14px!important;box-sizing:border-box!important;width:100%!important;margin:0!important;padding:17px!important;border:1px solid #e1e6f2!important;border-radius:15px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 4px 14px rgba(42,53,87,.035),inset 0 1px 0 #fff!important}
html body.app-page-user .media-library-section form.media-library-filter:before{display:none!important;content:none!important}
html body.app-page-user .media-library-section form.media-library-filter>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:7px!important;box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:0!important;color:#56627b!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
html body.app-page-user .media-library-section form.media-library-filter>label>span{display:block!important;position:static!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;color:#56627b!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important;white-space:normal!important}
html body.app-page-user .media-library-section form.media-library-filter>label>input,html body.app-page-user .media-library-section form.media-library-filter>label>select{display:block!important;position:static!important;float:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 13px!important;border:1px solid #dce2ef!important;border-radius:11px!important;background:#fff!important;color:#25314b!important;font-family:inherit!important;font-size:13px!important;line-height:normal!important;box-shadow:0 2px 5px rgba(35,48,80,.025)!important}
html body.app-page-user .media-library-section form.media-library-filter>label>input:focus,html body.app-page-user .media-library-section form.media-library-filter>label>select:focus{outline:none!important;border-color:#8a78e8!important;box-shadow:0 0 0 3px rgba(117,100,220,.13)!important}
html body.app-page-user .media-library-section form.media-library-filter>.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:end!important;gap:7px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 18px!important;border-radius:11px!important;font-family:inherit!important;font-size:12px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}
html body.app-page-user .media-library-section form.media-library-filter>button.button{border:1px solid #6c56d9!important;background:linear-gradient(135deg,#7b65e8,#624bd1)!important;color:#fff!important;box-shadow:0 5px 12px rgba(101,80,208,.18)!important}
html body.app-page-user .media-library-section form.media-library-filter>a.button{border:1px solid #ded9fb!important;background:#fff!important;color:#6855cf!important;box-shadow:0 3px 8px rgba(90,73,196,.06)!important}
html body.app-page-user .media-library-section form.media-library-filter>button.button:hover,html body.app-page-user .media-library-section form.media-library-filter>a.button:hover{transform:translateY(-1px)!important}
@media(max-width:820px){html body.app-page-user .media-library-section .media-library-toolbar{padding:18px!important}html body.app-page-user .media-library-section form.media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;padding:14px!important}html body.app-page-user .media-library-section form.media-library-filter>label:first-child{grid-column:1/-1!important}html body.app-page-user .media-library-section form.media-library-filter>.button{width:100%!important}}
@media(max-width:480px){html body.app-page-user .media-library-section .media-library-toolbar{padding:16px 12px 12px!important;border-radius:16px!important}html body.app-page-user .media-library-section .media-library-toolbar>.section-head{align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}html body.app-page-user .media-library-section .media-library-toolbar .section-head h2{font-size:17px!important}html body.app-page-user .media-library-section .media-library-toolbar .section-head p{font-size:11px!important}html body.app-page-user .media-library-section .media-library-toolbar .section-head>.subtle{padding:6px 8px!important;font-size:10px!important}html body.app-page-user .media-library-section form.media-library-filter{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:12px!important}html body.app-page-user .media-library-section form.media-library-filter>label:first-child{grid-column:auto!important}html body.app-page-user .media-library-section form.media-library-filter>.button{width:100%!important}}


/* MediaZV 0.5.250 — refined search controls: clearer hierarchy, spacing and responsive behavior. */
html body.app-page-user .media-library-section form.media-library-filter{
  grid-template-columns:minmax(260px,1.55fr) minmax(180px,.85fr) minmax(112px,auto) minmax(120px,auto)!important;
  gap:12px!important;padding:18px!important;border-color:#e5e8f3!important;
  border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#fcfbff 58%,#f7faff 100%)!important;
  box-shadow:0 7px 22px rgba(38,48,83,.045),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html body.app-page-user .media-library-section form.media-library-filter>label{gap:8px!important;color:#485572!important;font-size:12px!important;font-weight:750!important;letter-spacing:.01em!important}
html body.app-page-user .media-library-section form.media-library-filter>label>span{color:#485572!important;font-size:12px!important;font-weight:750!important}
html body.app-page-user .media-library-section form.media-library-filter>label>input,
html body.app-page-user .media-library-section form.media-library-filter>label>select{
  height:46px!important;min-height:46px!important;padding:0 14px!important;border:1px solid #dfe4f0!important;
  border-radius:12px!important;background-color:#fff!important;color:#26334e!important;font-size:13px!important;
  box-shadow:0 2px 5px rgba(36,48,80,.025)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body.app-page-user .media-library-section form.media-library-filter>label>input::placeholder{color:#9aa4b8!important;opacity:1!important}
html body.app-page-user .media-library-section form.media-library-filter>label>input:hover,
html body.app-page-user .media-library-section form.media-library-filter>label>select:hover{border-color:#c7cce2!important;background-color:#fdfdff!important}
html body.app-page-user .media-library-section form.media-library-filter>label>input:focus,
html body.app-page-user .media-library-section form.media-library-filter>label>select:focus{border-color:#8876e5!important;background:#fff!important;box-shadow:0 0 0 4px rgba(117,100,220,.12)!important}
html body.app-page-user .media-library-section form.media-library-filter>.button{height:46px!important;min-height:46px!important;padding:0 20px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
html body.app-page-user .media-library-section form.media-library-filter>button.button{border-color:#6953d4!important;background:linear-gradient(135deg,#806be9 0%,#6852d3 100%)!important;box-shadow:0 6px 14px rgba(104,82,211,.2)!important}
html body.app-page-user .media-library-section form.media-library-filter>button.button:hover{background:linear-gradient(135deg,#735ee0 0%,#5e48c6 100%)!important;box-shadow:0 8px 17px rgba(104,82,211,.25)!important}
html body.app-page-user .media-library-section form.media-library-filter>a.button{border-color:#e0dcf8!important;background:#fff!important;color:#6855c8!important;box-shadow:0 3px 9px rgba(70,62,130,.045)!important}
html body.app-page-user .media-library-section form.media-library-filter>a.button:hover{border-color:#cfc7f4!important;background:#f8f6ff!important;box-shadow:0 5px 12px rgba(70,62,130,.08)!important}
html body.app-page-user .media-library-section form.media-library-filter>button.button:focus-visible,
html body.app-page-user .media-library-section form.media-library-filter>a.button:focus-visible{outline:3px solid rgba(117,100,220,.24)!important;outline-offset:2px!important}
@media(max-width:820px){html body.app-page-user .media-library-section form.media-library-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:13px!important;padding:15px!important}html body.app-page-user .media-library-section form.media-library-filter>label:first-child{grid-column:1/-1!important}html body.app-page-user .media-library-section form.media-library-filter>.button{width:100%!important}}
@media(max-width:480px){html body.app-page-user .media-library-section form.media-library-filter{grid-template-columns:minmax(0,1fr)!important;gap:11px!important;padding:13px!important;border-radius:14px!important}html body.app-page-user .media-library-section form.media-library-filter>label:first-child{grid-column:auto!important}html body.app-page-user .media-library-section form.media-library-filter>label>input,html body.app-page-user .media-library-section form.media-library-filter>label>select{height:45px!important;min-height:45px!important}html body.app-page-user .media-library-section form.media-library-filter>.button{height:45px!important;min-height:45px!important}}


/* MediaZV 0.5.251 — hard target the actual filter form in the media toolbar. */
html body.app-page-user .media-library-section .media-library-toolbar form{
  display:grid!important;grid-template-columns:minmax(260px,1.45fr) minmax(190px,.9fr) minmax(112px,auto) minmax(120px,auto)!important;
  align-items:end!important;gap:14px!important;width:100%!important;box-sizing:border-box!important;
}
html body.app-page-user .media-library-section .media-library-toolbar form>label{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;
  gap:8px!important;min-width:0!important;margin:0!important;white-space:normal!important;line-height:1.35!important;
}
html body.app-page-user .media-library-section .media-library-toolbar form>label>span{
  display:block!important;position:static!important;float:none!important;width:auto!important;margin:0!important;white-space:normal!important;
}
html body.app-page-user .media-library-section .media-library-toolbar form>label>input,
html body.app-page-user .media-library-section .media-library-toolbar form>label>select{
  display:block!important;position:static!important;float:none!important;width:100%!important;min-width:0!important;
  height:46px!important;min-height:46px!important;box-sizing:border-box!important;border:1px solid #dfe4f0!important;
  border-radius:12px!important;padding:0 14px!important;background:#fff!important;color:#26334e!important;font:inherit!important;
}
html body.app-page-user .media-library-section .media-library-toolbar form>.button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:end!important;
  height:46px!important;min-height:46px!important;box-sizing:border-box!important;margin:0!important;white-space:nowrap!important;
}
@media(max-width:820px){html body.app-page-user .media-library-section .media-library-toolbar form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}html body.app-page-user .media-library-section .media-library-toolbar form>label:first-child{grid-column:1/-1!important}html body.app-page-user .media-library-section .media-library-toolbar form>.button{width:100%!important}}
@media(max-width:480px){html body.app-page-user .media-library-section .media-library-toolbar form{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}html body.app-page-user .media-library-section .media-library-toolbar form>label:first-child{grid-column:auto!important}}


/* v0.5.261 — premium single wallet balance card in account dashboard */
.account-wallet-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:18px;overflow:hidden;box-sizing:border-box;width:100%;margin:0 0 26px;padding:30px 34px;border:1px solid rgba(190,174,255,.68);border-radius:28px;background:radial-gradient(ellipse at 100% 100%,rgba(169,133,255,.25),transparent 44%),linear-gradient(115deg,#fff 0%,#f8f6ff 54%,#f0edff 100%);box-shadow:0 18px 46px rgba(80,63,150,.10)}
.account-wallet-hero:before{content:"";position:absolute;z-index:-1;right:-90px;top:-145px;width:390px;height:390px;border-radius:50%;background:linear-gradient(140deg,rgba(205,192,255,.28),rgba(129,89,236,.12));border:1px solid rgba(255,255,255,.8)}
.account-wallet-copy{position:relative;z-index:2;min-width:0}.account-wallet-kicker{display:flex;align-items:center;gap:12px;color:#1b2140;font-size:15px;font-weight:800;letter-spacing:.095em;line-height:1.4}.account-wallet-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #e2d8ff;border-radius:15px;background:linear-gradient(145deg,#f3edff,#e8deff);color:#7445e8;font-size:25px;box-shadow:inset 0 1px 0 #fff}.account-wallet-copy h2{margin:14px 0 10px;color:#6939df;font-size:clamp(34px,4vw,54px);font-weight:850;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}.account-wallet-copy p{max-width:650px;margin:0;color:#737b9a;font-size:15px;line-height:1.65}.account-wallet-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.account-wallet-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;box-sizing:border-box;padding:0 20px;border-radius:15px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.account-wallet-actions a:hover{transform:translateY(-2px)}.account-wallet-primary{color:#fff!important;background:linear-gradient(115deg,#8a4dff,#6333d6);box-shadow:0 10px 22px rgba(111,65,222,.24)}.account-wallet-primary:hover{box-shadow:0 14px 28px rgba(111,65,222,.31)}.account-wallet-secondary{color:#6138ce!important;background:rgba(255,255,255,.78);border:1px solid #d8ccff;box-shadow:0 4px 14px rgba(75,55,130,.04)}.account-wallet-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:220px}.account-wallet-art img{display:block;width:100%;max-width:350px;max-height:260px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(93,63,184,.14))}.account-summary-resources{display:block!important}.account-summary-resources>.balance-card,.account-summary-resources>.account-storage-card{display:none!important}
@media(max-width:760px){.account-wallet-hero{grid-template-columns:minmax(0,1fr);gap:4px;padding:23px 21px;border-radius:22px}.account-wallet-copy h2{font-size:clamp(32px,8vw,44px)}.account-wallet-art{grid-row:1;min-height:130px;max-height:160px;justify-content:flex-end}.account-wallet-art img{width:190px;max-height:155px}.account-wallet-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:20px}.account-wallet-actions a{width:100%;min-height:50px}.account-wallet-kicker{font-size:13px}.account-wallet-icon{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.account-wallet-actions a{transition:none}}


/* v0.5.262: compact green money-balance card without action links or illustration */
.account-wallet-hero-green{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:190px!important;overflow:hidden!important;padding:30px 34px!important;border:1px solid #c7ead7!important;border-radius:26px!important;background:linear-gradient(120deg,#f3fff7 0%,#e4f8eb 58%,#d2f2df 100%)!important;box-shadow:0 14px 34px rgba(25,135,84,.10)!important;box-sizing:border-box!important}
.account-wallet-hero-green .account-wallet-copy{position:relative!important;z-index:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
.account-wallet-hero-green .account-wallet-kicker{display:flex!important;align-items:center!important;gap:10px!important;color:#28784d!important;font-size:12px!important;font-weight:800!important;letter-spacing:.11em!important}
.account-wallet-hero-green .account-wallet-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#d0f1dc!important;color:#16834b!important;font-size:18px!important}
.account-wallet-hero-green .account-wallet-copy h2{margin:0!important;color:#138347!important;font-size:clamp(32px,4vw,46px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.12!important}
.account-wallet-hero-green .account-wallet-copy p{margin:0!important;max-width:520px!important;color:#527563!important;font-size:14px!important;line-height:1.65!important}
.account-wallet-hero-green .account-wallet-mark{position:relative!important;flex:0 0 112px!important;width:112px!important;height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(35,151,87,.18)!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,#ffffff 0%,#d9f6e3 48%,#b6e8ca 100%)!important;box-shadow:inset 0 2px 10px rgba(255,255,255,.9),0 12px 24px rgba(27,132,73,.12)!important;color:#17834b!important}
.account-wallet-hero-green .account-wallet-mark span{display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;border-radius:20px!important;background:linear-gradient(145deg,#28a764,#138047)!important;color:#fff!important;font-size:35px!important;font-weight:800!important;box-shadow:0 7px 14px rgba(19,128,71,.22)!important;transform:rotate(-8deg)!important}
.account-wallet-hero-green .account-wallet-mark i{position:absolute!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#f4c95d!important;box-shadow:0 2px 4px rgba(151,112,12,.2)!important}
.account-wallet-hero-green .account-wallet-mark i:nth-child(2){top:12px!important;right:19px!important}.account-wallet-hero-green .account-wallet-mark i:nth-child(3){bottom:18px!important;left:10px!important;width:7px!important;height:7px!important}.account-wallet-hero-green .account-wallet-mark i:nth-child(4){bottom:9px!important;right:35px!important;width:6px!important;height:6px!important}
@media(max-width:600px){.account-wallet-hero-green{min-height:0!important;padding:22px!important;gap:12px!important;border-radius:20px!important}.account-wallet-hero-green .account-wallet-mark{flex-basis:70px!important;width:70px!important;height:70px!important}.account-wallet-hero-green .account-wallet-mark span{width:44px!important;height:44px!important;border-radius:14px!important;font-size:25px!important}.account-wallet-hero-green .account-wallet-copy h2{font-size:clamp(27px,7vw,36px)!important}.account-wallet-hero-green .account-wallet-copy p{font-size:12px!important}.account-wallet-hero-green .account-wallet-kicker{font-size:10px!important;letter-spacing:.07em!important}}