/* Vyral V6.21 — Business / Copyright / Watch History / Content Manager */
:root{
  --vpro-bg:#09090d;
  --vpro-panel:#111117;
  --vpro-panel-2:#17171f;
  --vpro-line:rgba(255,255,255,.10);
  --vpro-line-strong:rgba(255,255,255,.18);
  --vpro-text:#fff;
  --vpro-muted:rgba(255,255,255,.62);
  --vpro-accent:#ff2d67;
  --vpro-cyan:#18d9ff;
  --vpro-green:#31e6a1;
  --vpro-gold:#f7c967;
  --vpro-danger:#ff565f;
}
.page[data-page-name="business"],
.page[data-page-name="copyright"],
.page[data-page-name="watch-history"],
.page[data-page-name="content-manager"]{width:min(1180px,calc(100% - 40px));}
.page[data-page-name="business"] #pageContent,
.page[data-page-name="copyright"] #pageContent,
.page[data-page-name="watch-history"] #pageContent,
.page[data-page-name="content-manager"] #pageContent{max-width:1160px;margin:0 auto;padding-bottom:56px;}
.vpro-shell{display:grid;gap:18px;color:var(--text,#fff);}
.vpro-hero{position:relative;overflow:hidden;border:1px solid var(--vpro-line);background:linear-gradient(145deg,#111117 0%,#0b0b10 58%,#151018 100%);padding:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;box-shadow:0 24px 70px rgba(0,0,0,.24);}
.vpro-hero:before{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-180px;background:radial-gradient(circle,rgba(255,45,103,.20),transparent 68%);pointer-events:none;}
.vpro-hero:after{content:"";position:absolute;width:240px;height:240px;right:120px;bottom:-190px;background:radial-gradient(circle,rgba(24,217,255,.14),transparent 68%);pointer-events:none;}
.vpro-hero>*{position:relative;z-index:1}.vpro-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.64);text-transform:uppercase}.vpro-kicker .ico{width:15px;height:15px}.vpro-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.045em;margin:11px 0 10px;max-width:760px}.vpro-hero p{color:var(--vpro-muted);line-height:1.65;max-width:760px;font-size:14px}.vpro-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.vpro-btn{appearance:none;border:1px solid var(--vpro-line-strong);background:#17171f;color:#fff;min-height:42px;padding:0 15px;font:inherit;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:.18s ease}.vpro-btn:hover{background:#202029;border-color:rgba(255,255,255,.28);transform:translateY(-1px)}.vpro-btn.primary{background:#fff;color:#08080c;border-color:#fff}.vpro-btn.primary:hover{background:#f2f2f4}.vpro-btn.accent{background:var(--vpro-accent);border-color:var(--vpro-accent)}.vpro-btn.danger{color:#ff8c92;border-color:rgba(255,86,95,.36);background:rgba(255,86,95,.08)}.vpro-btn.ghost{background:transparent}.vpro-btn:disabled{opacity:.44;cursor:not-allowed;transform:none}.vpro-btn .ico{width:17px;height:17px}
.vpro-install{display:none;align-items:flex-start;gap:10px;border:1px solid rgba(247,201,103,.30);background:rgba(247,201,103,.08);padding:14px 16px;color:#ffe7aa;font-size:13px;line-height:1.5}.vpro-install.show{display:flex}.vpro-install .ico{flex:0 0 auto;width:18px;height:18px;margin-top:1px}.vpro-install code{font-weight:900;color:#fff;word-break:break-word}
.vpro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.vpro-card{grid-column:span 4;border:1px solid var(--vpro-line);background:var(--vpro-panel);padding:20px;min-width:0}.vpro-card.span-6{grid-column:span 6}.vpro-card.span-8{grid-column:span 8}.vpro-card.span-12{grid-column:1/-1}.vpro-card h2,.vpro-card h3{margin:0}.vpro-card p{color:var(--vpro-muted);line-height:1.55}.vpro-card-icon{width:40px;height:40px;border:1px solid var(--vpro-line);background:#0c0c11;display:grid;place-items:center;margin-bottom:15px}.vpro-card-icon .ico{width:18px;height:18px}.vpro-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.vpro-card-head>div:last-child{min-width:0}.vpro-card-head h2{font-size:20px;letter-spacing:-.025em}.vpro-card-head p{font-size:13px;margin-top:5px}.vpro-spacer{flex:1}
.vpro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vpro-metric{border:1px solid var(--vpro-line);background:var(--vpro-panel);padding:18px}.vpro-metric span{display:block;color:var(--vpro-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.vpro-metric b{display:block;font-size:26px;letter-spacing:-.04em;margin-top:8px}.vpro-metric small{display:block;color:var(--vpro-muted);margin-top:5px}
.vpro-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--vpro-line);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.vpro-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#aaa}.vpro-status.verified,.vpro-status.actioned,.vpro-status.active{color:#8bf4c6;border-color:rgba(49,230,161,.30);background:rgba(49,230,161,.07)}.vpro-status.verified:before,.vpro-status.actioned:before,.vpro-status.active:before{background:var(--vpro-green)}.vpro-status.pending,.vpro-status.submitted,.vpro-status.reviewing{color:#ffe2a0;border-color:rgba(247,201,103,.28);background:rgba(247,201,103,.06)}.vpro-status.pending:before,.vpro-status.submitted:before,.vpro-status.reviewing:before{background:var(--vpro-gold)}.vpro-status.rejected,.vpro-status.suspended{color:#ff9a9f;border-color:rgba(255,86,95,.30);background:rgba(255,86,95,.07)}.vpro-status.rejected:before,.vpro-status.suspended:before{background:var(--vpro-danger)}
.vpro-section{border:1px solid var(--vpro-line);background:var(--vpro-panel);padding:22px}.vpro-section+.vpro-section{margin-top:14px}.vpro-section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.vpro-section-head h2{font-size:21px;letter-spacing:-.03em}.vpro-section-head p{color:var(--vpro-muted);font-size:13px;margin-top:5px}.vpro-section-head .vpro-btn{margin-left:auto}
.vpro-form{display:grid;gap:14px}.vpro-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vpro-field{display:grid;gap:7px;min-width:0}.vpro-field>span{font-size:12px;font-weight:850;color:rgba(255,255,255,.82)}.vpro-field small{color:var(--vpro-muted);line-height:1.45}.vpro-field input,.vpro-field select,.vpro-field textarea{width:100%;min-height:44px;border:1px solid var(--vpro-line);background:#0a0a0f;color:#fff;padding:11px 12px;font:inherit;outline:none;border-radius:0}.vpro-field textarea{min-height:112px;resize:vertical;line-height:1.5}.vpro-field input:focus,.vpro-field select:focus,.vpro-field textarea:focus{border-color:rgba(24,217,255,.58);box-shadow:0 0 0 3px rgba(24,217,255,.07)}.vpro-check{display:flex;gap:10px;align-items:flex-start;color:var(--vpro-muted);font-size:12px;line-height:1.5}.vpro-check input{margin-top:2px;accent-color:var(--vpro-accent)}.vpro-form-actions{display:flex;gap:9px;justify-content:flex-end;border-top:1px solid var(--vpro-line);padding-top:16px;margin-top:3px}
.vpro-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vpro-tool{border:1px solid var(--vpro-line);background:#0d0d12;color:#fff;padding:16px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer}.vpro-tool:hover{border-color:var(--vpro-line-strong);background:#14141b}.vpro-tool>span:first-child{width:38px;height:38px;border:1px solid var(--vpro-line);display:grid;place-items:center}.vpro-tool b{display:block}.vpro-tool small{display:block;color:var(--vpro-muted);margin-top:4px;line-height:1.35}.vpro-tool>.ico{width:17px;height:17px;color:var(--vpro-muted)}
.vpro-table{border:1px solid var(--vpro-line);overflow:hidden}.vpro-table-head,.vpro-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(120px,.8fr) minmax(130px,.8fr) minmax(140px,.9fr) 44px;align-items:center;gap:10px}.vpro-table-head{padding:10px 14px;background:#0b0b10;color:var(--vpro-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vpro-row{min-height:74px;padding:11px 14px;border-top:1px solid var(--vpro-line);background:#111117}.vpro-row:hover{background:#14141b}.vpro-row-main{display:flex;gap:11px;align-items:center;min-width:0}.vpro-row-main .vpro-thumb{width:52px;height:52px;background:#08080b;border:1px solid var(--vpro-line);overflow:hidden;display:grid;place-items:center;flex:0 0 auto}.vpro-thumb img,.vpro-thumb video{width:100%;height:100%;object-fit:cover}.vpro-row-main b,.vpro-row-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpro-row-main small,.vpro-cell small{color:var(--vpro-muted);margin-top:4px}.vpro-cell b,.vpro-cell small{display:block}.vpro-more{width:36px;height:36px;border:1px solid transparent;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.vpro-more:hover{border-color:var(--vpro-line);background:#1b1b23}
.vpro-cases{display:grid;gap:10px}.vpro-case{border:1px solid var(--vpro-line);background:#0e0e13;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.vpro-case-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.vpro-case h3{font-size:15px;margin-top:9px}.vpro-case p{font-size:12px;margin-top:6px;color:var(--vpro-muted)}.vpro-case-side{text-align:right}.vpro-case-side small{display:block;color:var(--vpro-muted);margin-top:8px}.vpro-empty{border:1px dashed var(--vpro-line-strong);min-height:210px;display:grid;place-items:center;text-align:center;padding:28px;background:rgba(255,255,255,.015)}.vpro-empty .ico{width:28px;height:28px;color:var(--vpro-muted);margin-bottom:10px}.vpro-empty h3{font-size:18px}.vpro-empty p{max-width:520px;color:var(--vpro-muted);margin:7px auto 14px;line-height:1.55}
.vpro-history-list{display:grid;gap:10px}.vpro-history-item{border:1px solid var(--vpro-line);background:var(--vpro-panel);display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px}.vpro-history-media{width:118px;height:76px;background:#07070a;overflow:hidden;display:grid;place-items:center;border:1px solid var(--vpro-line)}.vpro-history-media img,.vpro-history-media video{width:100%;height:100%;object-fit:cover}.vpro-history-copy{min-width:0}.vpro-history-copy h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.vpro-history-copy p{color:var(--vpro-muted);font-size:12px;margin-top:5px}.vpro-progress{height:4px;background:rgba(255,255,255,.08);margin-top:10px;overflow:hidden}.vpro-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--vpro-accent),var(--vpro-cyan))}.vpro-history-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.vpro-content-list{display:grid;gap:12px}.vpro-content-item{border:1px solid var(--vpro-line);background:var(--vpro-panel);display:grid;grid-template-columns:160px minmax(0,1fr);min-height:150px}.vpro-content-media{position:relative;background:#07070a;overflow:hidden}.vpro-content-media img,.vpro-content-media video{width:100%;height:100%;min-height:150px;object-fit:cover}.vpro-content-media .vpro-media-tag{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);padding:5px 7px;font-size:9px;font-weight:900;letter-spacing:.08em}.vpro-content-body{padding:16px;display:grid;gap:12px}.vpro-content-title{display:flex;gap:12px;align-items:flex-start}.vpro-content-title>div{min-width:0}.vpro-content-title h3{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpro-content-title p{font-size:12px;color:var(--vpro-muted);margin-top:5px}.vpro-content-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.vpro-content-actions .vpro-field{min-width:170px}.vpro-content-actions .vpro-btn{min-height:42px}.vpro-upload-thumb{margin-top:14px;border:1px solid var(--vpro-line);background:#0e0e13;padding:14px}.vpro-upload-thumb-grid{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center}.vpro-upload-thumb-preview{height:82px;background:#060609;border:1px solid var(--vpro-line);display:grid;place-items:center;overflow:hidden;color:var(--vpro-muted);font-size:12px}.vpro-upload-thumb-preview img{width:100%;height:100%;object-fit:cover}.vpro-upload-thumb-copy b{display:block}.vpro-upload-thumb-copy p{font-size:12px;color:var(--vpro-muted);margin:5px 0 10px;line-height:1.4}.vpro-upload-thumb-actions{display:flex;gap:8px;flex-wrap:wrap}.vpro-hidden-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.vpro-modal{width:min(760px,calc(100vw - 28px));max-height:min(840px,calc(100vh - 30px));overflow:auto;background:#0b0b10;border:1px solid var(--vpro-line-strong);box-shadow:0 36px 120px rgba(0,0,0,.6);color:#fff}.vpro-modal-head{position:sticky;top:0;z-index:3;display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--vpro-line);background:rgba(11,11,16,.96);backdrop-filter:blur(18px)}.vpro-modal-head h2{font-size:22px;letter-spacing:-.03em;margin-top:4px}.vpro-modal-head p{color:var(--vpro-muted);font-size:12px;margin-top:6px}.vpro-modal-close{margin-left:auto;width:38px;height:38px;border:1px solid var(--vpro-line);background:#14141a;color:#fff;display:grid;place-items:center;cursor:pointer}.vpro-modal-body{padding:22px;display:grid;gap:18px}.vpro-legal-note{border-left:3px solid var(--vpro-gold);padding:12px 14px;background:rgba(247,201,103,.06);color:#ecd99f;font-size:12px;line-height:1.55}
.vpro-business-id{display:flex;align-items:center;gap:14px;border:1px solid var(--vpro-line);background:#0c0c11;padding:16px}.vpro-business-logo{width:48px;height:48px;border:1px solid var(--vpro-line-strong);display:grid;place-items:center;font-size:18px;font-weight:900;background:#16161e}.vpro-business-id h3{font-size:17px}.vpro-business-id p{font-size:12px;margin-top:5px}.vpro-business-id .vpro-status{margin-left:auto}
.vpro-inline-note{font-size:12px;color:var(--vpro-muted);border-top:1px solid var(--vpro-line);padding-top:12px;line-height:1.5}
@media(max-width:900px){.vpro-hero{grid-template-columns:1fr}.vpro-hero-actions{justify-content:flex-start}.vpro-metrics{grid-template-columns:repeat(2,1fr)}.vpro-card,.vpro-card.span-6,.vpro-card.span-8{grid-column:span 6}.vpro-table-head{display:none}.vpro-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.vpro-row>.vpro-cell{display:none}.vpro-row>.vpro-status{justify-self:end}.vpro-row>.vpro-more{grid-column:2;grid-row:2;justify-self:end}.vpro-content-item{grid-template-columns:130px minmax(0,1fr)}.vpro-history-item{grid-template-columns:100px minmax(0,1fr)}.vpro-history-media{width:100px}.vpro-history-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:650px){.page[data-page-name="business"],.page[data-page-name="copyright"],.page[data-page-name="watch-history"],.page[data-page-name="content-manager"]{width:100%}.vpro-shell{gap:10px}.vpro-hero,.vpro-section{padding:18px;border-left:0;border-right:0}.vpro-hero h1{font-size:32px}.vpro-metrics{grid-template-columns:1fr 1fr;padding:0 10px}.vpro-card,.vpro-card.span-6,.vpro-card.span-8,.vpro-card.span-12{grid-column:1/-1}.vpro-grid{padding:0 10px}.vpro-form-grid{grid-template-columns:1fr}.vpro-tool-grid{grid-template-columns:1fr}.vpro-case{grid-template-columns:1fr}.vpro-case-side{text-align:left}.vpro-history-list,.vpro-content-list{padding:0 10px}.vpro-history-item{grid-template-columns:92px minmax(0,1fr);gap:10px}.vpro-history-media{width:92px;height:70px}.vpro-content-item{grid-template-columns:1fr}.vpro-content-media{height:210px}.vpro-content-media img,.vpro-content-media video{min-height:210px}.vpro-upload-thumb-grid{grid-template-columns:1fr}.vpro-upload-thumb-preview{height:130px}.vpro-business-id{align-items:flex-start;flex-wrap:wrap}.vpro-business-id .vpro-status{margin-left:0}.vpro-modal{width:100%;max-height:100vh;border-left:0;border-right:0}.vpro-modal-body{padding:18px}.vpro-modal-head{padding:17px 18px}}