:root{
  --bg:#0b1020; --bg2:#111936; --panel:rgba(255,255,255,.08); --panel2:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.14); --text:#f8f9ff; --muted:#aeb8d6; --accent:#7c5cff; --accent2:#19d2ff;
  --danger:#ff5577; --ok:#26d391; --warn:#ffd166; --shadow:0 22px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(124,92,255,.4),transparent 30rem),radial-gradient(circle at bottom right,rgba(25,210,255,.2),transparent 26rem),var(--bg)}
.shell{display:grid;grid-template-columns:330px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--line);background:rgba(5,8,18,.55);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:14px;align-items:center;margin-bottom:22px}.logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 35px rgba(124,92,255,.3)}h1,h2,h3,p{margin:0}.brand h1{font-size:22px}.brand p,.muted{color:var(--muted)}button,.upload-btn{border:0;border-radius:14px;padding:12px 15px;color:white;font-weight:800;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid var(--line)}button:hover,.upload-btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 26px rgba(124,92,255,.25);border:0}.ghost{background:rgba(255,255,255,.08)}.danger{background:rgba(255,85,119,.16);border-color:rgba(255,85,119,.38);color:#ffd8e1}.full{width:100%}.search-box{margin:16px 0}.search-box input,.table-tools input,.table-tools select,input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(3,6,15,.55);color:var(--text);padding:12px 14px;font:inherit;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent2);box-shadow:0 0 0 4px rgba(25,210,255,.12)}.project-list{display:grid;gap:10px}.project-item{width:100%;text-align:left;padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.project-item.active{background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(25,210,255,.18));border-color:rgba(25,210,255,.42)}.project-item strong{display:block;font-size:16px}.project-item span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.main{padding:30px;overflow:auto}.empty-view{min-height:calc(100vh - 60px);display:grid;place-items:center}.empty-card{max-width:560px;text-align:center;padding:42px;border-radius:30px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.big-icon{font-size:72px;margin-bottom:12px}.empty-card h2{font-size:34px;margin-bottom:10px}.empty-card p{color:var(--muted);line-height:1.65;margin-bottom:24px}.hidden{display:none!important}.detail{display:grid;gap:20px}.detail-head,.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:26px;padding:24px;box-shadow:var(--shadow)}.detail-head,.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.wrap{flex-wrap:wrap}.eyebrow{color:var(--accent2);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:8px}.detail h2{font-size:34px}.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.sub-card{text-align:left;padding:16px;border-radius:20px;background:rgba(3,6,15,.42);border:1px solid var(--line);cursor:pointer}.sub-card.active{border-color:var(--accent2);box-shadow:0 0 0 4px rgba(25,210,255,.1)}.sub-card h4{margin:0 0 7px;font-size:18px}.sub-card p{color:var(--muted);font-size:13px;line-height:1.45}.badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 9px;border-radius:999px;background:rgba(38,211,145,.14);color:#bffff0;font-weight:800;font-size:12px}.upload-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ok),#13b8a6)}.upload-btn input{display:none}.sheet-info{margin-top:16px;padding:13px 14px;border-radius:16px;background:rgba(25,210,255,.1);border:1px solid rgba(25,210,255,.22);color:#dff9ff}.table-tools{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:16px 0}.table-wrap{overflow:auto;max-height:58vh;border-radius:18px;border:1px solid var(--line);background:rgba(3,6,15,.45)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#161d35;color:#eef3ff;z-index:1}td{color:#dfe5fb}tr:hover td{background:rgba(255,255,255,.045)}.no-data{padding:24px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:24px;background:#151b32;color:var(--text);box-shadow:var(--shadow);width:min(520px,calc(100% - 30px))}dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-card{display:grid;gap:16px}.dialog-card h3{font-size:24px}.dialog-card label{display:grid;gap:8px;color:var(--muted);font-weight:750}menu{display:flex;justify-content:flex-end;gap:10px;padding:0;margin:4px 0 0}.toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:14px 16px;border-radius:16px;background:#202948;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:18px}.table-tools{grid-template-columns:1fr}.detail-head,.panel-head{flex-direction:column}.head-actions,button,.upload-btn{width:100%}.head-actions>*{flex:1}.empty-card h2{font-size:27px}}

.db-status{margin-top:18px;padding:12px;border-radius:14px;background:rgba(38,211,145,.12);border:1px solid rgba(38,211,145,.25);color:#cffff0;font-size:13px;line-height:1.45}.db-status.error{background:rgba(255,85,119,.12);border-color:rgba(255,85,119,.32);color:#ffd8e1}


/* UI fixes 2026-06-28 */
body{overflow:hidden}.shell{height:100vh}.main{min-width:0}.sidebar{width:330px}.detail{max-width:100%;min-width:0}.detail-head,.panel{overflow:hidden}.panel-head{align-items:center}.head-actions{align-items:center}.head-actions button,.head-actions .upload-btn{white-space:nowrap;width:auto;min-height:42px}.table-tools{grid-template-columns:minmax(240px,1fr) minmax(220px,320px) auto;align-items:center}.small-btn{padding:12px 14px;white-space:nowrap}.small-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.table-wrap{max-width:100%;max-height:62vh}.table-wrap table{font-size:14px}.table-wrap th{white-space:normal;line-height:1.25;min-width:130px}.table-wrap td{max-width:360px;line-height:1.35}.sub-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sub-card{min-height:132px}.sheet-info{word-break:break-word}.db-status{word-break:break-word}.project-item{overflow:hidden}.project-item strong,.project-item span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.shell{grid-template-columns:280px 1fr}.sidebar{width:280px}.table-tools{grid-template-columns:1fr}.head-actions{width:100%;justify-content:flex-start}.head-actions button,.head-actions .upload-btn{flex:1 1 160px}}
@media(max-width:900px){body{overflow:auto}.shell{height:auto}.sidebar{width:auto}.head-actions button,.head-actions .upload-btn{width:100%}.table-wrap{max-height:70vh}}

/* Two dataset upload UI */
.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;margin:18px 0}.upload-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(3,6,15,.38)}.upload-card.active{border-color:rgba(25,210,255,.55);box-shadow:0 0 0 4px rgba(25,210,255,.10)}.upload-card h4{margin:0 0 6px;font-size:17px}.data-tabs{display:flex;gap:10px;margin:8px 0 16px}.tab{background:rgba(255,255,255,.08);box-shadow:none}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 24px rgba(124,92,255,.22)}.creator-badge{background:rgba(124,92,255,.14);color:#e4ddff}.table-tools{grid-template-columns:minmax(240px,1fr) minmax(220px,320px) auto auto}.upload-grid .upload-btn{min-width:170px}@media(max-width:900px){.upload-grid{grid-template-columns:1fr}.upload-card{flex-direction:column;align-items:stretch}.data-tabs{flex-direction:column}.table-tools{grid-template-columns:1fr}}

/* Filter feature */
.compact-upload{grid-template-columns:repeat(2,minmax(260px,1fr))}.filter-panel{margin-top:18px;padding:20px;border-radius:24px;background:rgba(3,6,15,.34);border:1px solid var(--line)}.filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.filter-grid label{display:grid;gap:8px;color:var(--muted);font-weight:800}.result-wrap{margin-top:18px}.result-meta{margin-bottom:10px;color:#dff9ff;font-weight:800}.result-table{max-height:66vh}.result-table th:first-child,.result-table td:first-child{min-width:64px}.missing-row td{background:rgba(255,85,119,.08)!important}.result-table a{color:#8ee8ff;font-weight:900}.upload-card p{font-size:13px}@media(max-width:900px){.compact-upload,.filter-grid{grid-template-columns:1fr}.filter-head{flex-direction:column}.filter-head button{width:100%}}

/* Professional dashboard refresh */
:root{--surface:#111827;--surface2:#172033;--surface3:#0f172a;--blue:#38bdf8;--green:#34d399;--purple:#a78bfa;--amber:#fbbf24}
body{background:linear-gradient(135deg,#07111f 0%,#0b1220 42%,#10243a 100%);}
.sidebar{background:rgba(8,13,26,.82);border-right:1px solid rgba(148,163,184,.16)}.brand{padding:8px 0 14px}.brand h1{letter-spacing:-.02em}.main{padding:26px}.detail{gap:18px}.detail-head,.panel{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 60px rgba(0,0,0,.28)}.detail-head{padding:22px 24px}.detail h2{font-size:30px;letter-spacing:-.03em}.panel{padding:22px}.sub-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}.sub-card{background:linear-gradient(180deg,rgba(30,41,59,.86),rgba(15,23,42,.86));border:1px solid rgba(148,163,184,.16);transition:.2s}.sub-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.45)}.sub-card.active{border-color:rgba(56,189,248,.8);box-shadow:0 0 0 4px rgba(56,189,248,.12)}
.upload-dashboard{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:18px;margin:20px 0}.data-card{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.92));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 48px rgba(0,0,0,.22)}.data-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--green));}.creator-card:before{background:linear-gradient(90deg,var(--purple),var(--blue))}.data-card-top{display:flex;align-items:center;gap:13px;margin-bottom:18px}.data-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:rgba(56,189,248,.13);border:1px solid rgba(56,189,248,.22)}.creator-card .data-icon{background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.24)}.data-card h4{margin:0;font-size:19px}.mini{font-size:11px;margin:0 0 4px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.metric-row div{padding:13px 12px;border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.12)}.metric-row strong{display:block;font-size:26px;line-height:1;color:#f8fafc;letter-spacing:-.04em}.metric-row span{display:block;margin-top:5px;color:#94a3b8;font-size:12px;font-weight:800}.latest-file{min-height:20px;margin:0 0 16px;color:#cbd5e1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.big-upload{width:100%;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#10b981,#22d3ee);box-shadow:0 14px 30px rgba(16,185,129,.18)}
.filter-panel{margin-top:18px;padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,26,.92));border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 48px rgba(0,0,0,.22)}.filter-head{padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.13)}.filter-head h3{font-size:23px;letter-spacing:-.02em}.filter-grid{margin-top:18px}.filter-grid label{padding:14px;border-radius:18px;background:rgba(30,41,59,.52);border:1px solid rgba(148,163,184,.13)}.filter-grid input,.filter-grid select{margin-top:2px;background:rgba(2,6,23,.72);border-color:rgba(148,163,184,.18)}#runFilterBtn{min-width:160px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#06b6d4)}.result-meta{padding:12px 14px;border-radius:16px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.18);color:#e0f2fe}.result-table{border-radius:20px}.result-table th{background:#111c33;color:#e2e8f0}.result-table td{background:rgba(15,23,42,.5)}.project-item{border-radius:16px;background:rgba(30,41,59,.58)}.project-item.active{background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(34,211,238,.16))}.badge{margin-right:6px}.head-actions button{border-radius:14px}
@media(max-width:1100px){.upload-dashboard{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.metric-row{grid-template-columns:1fr}.main{padding:16px}.panel{padding:16px}.filter-head{display:block}.filter-head button{margin-top:14px;width:100%}}

/* Sidebar project dropdown */
.project-group{display:grid;gap:8px}.project-item{display:flex;align-items:flex-start;gap:10px}.project-item .chevron{width:18px;flex:0 0 18px;color:#7dd3fc;font-weight:900;margin-top:1px}.project-title-wrap{min-width:0;display:block}.sidebar-sub-list{display:grid;gap:7px;margin:-2px 0 4px 16px;padding:8px 0 8px 12px;border-left:1px solid rgba(56,189,248,.22)}.sidebar-sub-item{width:100%;display:flex;gap:8px;align-items:flex-start;text-align:left;padding:10px 11px;border-radius:14px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.13);box-shadow:none}.sidebar-sub-item:hover{border-color:rgba(56,189,248,.38);background:rgba(30,41,59,.72)}.sidebar-sub-item.active{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(56,189,248,.14));border-color:rgba(45,212,191,.55)}.sidebar-sub-item strong{display:block;font-size:13px;color:#f8fafc;line-height:1.2}.sidebar-sub-item small{display:block;margin-top:4px;color:#94a3b8;font-weight:800;font-size:11px;line-height:1.25}.sub-dot{color:#67e8f9;font-weight:900}.sidebar-add-sub{width:100%;padding:10px 11px;border-radius:14px;background:rgba(56,189,248,.12);border:1px dashed rgba(56,189,248,.45);color:#dff9ff;font-size:13px}.sidebar-empty-sub{padding:10px 11px;color:#94a3b8;font-size:12px;border-radius:14px;background:rgba(15,23,42,.38)}

/* Fix filter form text visibility */
.filter-grid input,
.filter-grid select,
.filter-grid option,
#sortBySelect,
#creatorLimitInput,
#videoRankInput{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc;
}
.filter-grid select,
#sortBySelect{
  background:#020617 !important;
  border-color:rgba(148,163,184,.28) !important;
  color-scheme:dark;
}
.filter-grid select option,
#sortBySelect option{
  background:#0f172a;
  color:#f8fafc;
}
.filter-grid input::placeholder{
  color:#94a3b8;
  -webkit-text-fill-color:#94a3b8;
}


/* In-app missing video modal */
.app-modal{background:transparent;padding:0;border:0;width:min(820px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow:visible;}
.app-modal::backdrop{background:rgba(2,6,23,.72);backdrop-filter:blur(8px)}
.missing-dialog-card{position:relative;overflow:hidden;width:100%;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.98));border:1px solid rgba(56,189,248,.28);box-shadow:0 28px 90px rgba(0,0,0,.55);gap:14px}.missing-dialog-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#f59e0b,#22d3ee)}.modal-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.28)}.missing-dialog-card h3{font-size:24px;letter-spacing:-.02em}.missing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:12px;border-radius:18px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.14)}.missing-item{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border-radius:13px;background:rgba(30,41,59,.68);border:1px solid rgba(148,163,184,.10)}.missing-item span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:999px;background:rgba(56,189,248,.13);color:#bae6fd;font-size:12px;font-weight:900}.missing-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#f8fafc}.missing-more{grid-column:1/-1;text-align:center;padding:10px;color:#cbd5e1;font-weight:800}.missing-dialog-card menu{margin-top:4px}.missing-dialog-card menu .primary{min-width:130px}
@media(max-width:680px){.missing-list{grid-template-columns:1fr}.missing-dialog-card{padding:18px}}

/* Creator admin page */
.admin-nav-btn{width:100%;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(167,139,250,.18));border:1px solid rgba(251,191,36,.32);color:#fff7ed}.admin-nav-btn.active{background:linear-gradient(135deg,#f59e0b,#8b5cf6);box-shadow:0 12px 26px rgba(245,158,11,.18)}.creator-admin-view{display:grid;gap:20px}.creator-admin-table{margin-top:18px;max-height:calc(100vh - 250px)}.creator-admin-table table{min-width:760px}.creator-admin-table th:first-child,.creator-admin-table td:first-child{min-width:70px;width:70px}.stick-input{width:110px!important;padding:9px 10px!important;border-radius:12px!important;background:rgba(2,6,23,.72)!important;color:#f8fafc!important;font-weight:900;text-align:center}.stick-input::-webkit-inner-spin-button{opacity:1}

/* Copy URL Video dialog */
.filter-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.copy-url-btn{border-radius:16px;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28);color:#e0f2fe}.video-url-dialog-card{position:relative;overflow:hidden;width:100%;max-width:100%;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.98));border:1px solid rgba(56,189,248,.28);box-shadow:0 28px 90px rgba(0,0,0,.55);gap:14px}.video-url-dialog-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.video-url-text{display:block;width:100%;max-width:100%;height:360px;overflow:auto;white-space:pre-wrap;word-break:break-all;resize:vertical;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.72);color:#e0f2fe;padding:14px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.55}.video-url-dialog-card menu .primary{min-width:130px}@media(max-width:900px){.filter-actions{width:100%;justify-content:stretch}.filter-actions button{flex:1}.video-url-text{height:300px}}


.mail-dap-field{display:grid;gap:8px;color:#cbd5e1;font-weight:900}.mail-dap-field span{display:flex;align-items:center;gap:6px}.mail-dap-field b{color:#fb7185}.mail-dap-field input{border:1px solid rgba(56,189,248,.32);background:rgba(2,6,23,.72);color:#f8fafc;border-radius:16px;padding:12px 14px;font-weight:800;outline:none}.mail-dap-field input:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.12)}.mail-dap-field input.input-error{border-color:#fb7185;box-shadow:0 0 0 4px rgba(251,113,133,.14)}


/* Unified web modal */
.web-modal-card{position:relative;overflow:hidden;width:100%;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.98));border:1px solid rgba(56,189,248,.28);box-shadow:0 28px 90px rgba(0,0,0,.55);gap:14px}.web-modal-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.web-modal-card h3{font-size:24px;letter-spacing:-.02em}.web-modal-card .muted{line-height:1.6;white-space:pre-wrap}.web-modal-card menu{margin-top:4px}.web-modal-card menu button{min-width:110px}.web-modal-card .danger{background:rgba(255,85,119,.16);border-color:rgba(255,85,119,.38);color:#ffd8e1;box-shadow:none}

.status-select{min-width:130px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(2,6,23,.72);color:#cbd5e1;padding:9px 10px;font-weight:900;outline:none}.status-select:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.12)}.status-select.has-status{color:#f8fafc;border-color:rgba(56,189,248,.38);background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(139,92,246,.14))}.creator-admin-table table{min-width:900px}

@media(min-width:1100px){.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Creator admin filters */
.creator-admin-filters{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(160px,.75fr) auto minmax(120px,.5fr) minmax(120px,.5fr);gap:12px;margin:18px 0 0;padding:14px;border-radius:20px;background:rgba(2,6,23,.34);border:1px solid rgba(148,163,184,.13)}
.creator-admin-filters label{display:grid;gap:8px;color:#cbd5e1;font-weight:900;font-size:13px}.creator-admin-filters input,.creator-admin-filters select{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(2,6,23,.72);color:#f8fafc;padding:11px 12px;font:inherit;font-weight:800;outline:none;color-scheme:dark}.creator-admin-filters input::placeholder{color:#64748b}.creator-admin-filters input:focus,.creator-admin-filters select:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.12)}.creator-admin-filters option{background:#0f172a;color:#f8fafc}
@media(max-width:1100px){.creator-admin-filters{grid-template-columns:1fr 1fr}.creator-search{grid-column:1/-1}}@media(max-width:680px){.creator-admin-filters{grid-template-columns:1fr}}

/* Creator admin explicit search actions */
.creator-filter-actions{display:flex;gap:10px;align-items:end}.creator-filter-actions button{min-height:43px;white-space:nowrap}.creator-admin-filters{grid-template-columns:minmax(260px,1.25fr) minmax(170px,.75fr) auto minmax(120px,.5fr) minmax(120px,.5fr) auto}.creator-admin-filters .primary{box-shadow:0 10px 22px rgba(56,189,248,.18)}
@media(max-width:1280px){.creator-admin-filters{grid-template-columns:1fr 1fr}.creator-filter-actions{grid-column:1/-1}.creator-filter-actions button{flex:1}}@media(max-width:680px){.creator-filter-actions{flex-direction:column}.creator-filter-actions button{width:100%}}

/* Move create project button to sidebar bottom */
.sidebar{display:flex;flex-direction:column}
#newProjectBtn{order:20;margin-top:auto;margin-bottom:14px}
.search-box{order:3}.project-list{order:4}.db-status{order:5}.admin-nav-btn{order:2}.brand{order:1}
@media(max-width:900px){#newProjectBtn{margin-top:16px;margin-bottom:0;order:3}.search-box{order:4}.project-list{order:5}.db-status{order:6}}

.creator-name-btn{padding:0;border:0;background:transparent;color:#bfdbfe;font-weight:900;text-align:left;box-shadow:none}.creator-name-btn:hover{color:#67e8f9;text-decoration:underline;transform:none}.creator-history-modal{width:min(980px,calc(100vw - 32px))}.creator-history-card{position:relative;overflow:hidden;width:100%;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.98));border:1px solid rgba(56,189,248,.28);box-shadow:0 28px 90px rgba(0,0,0,.55);gap:14px}.creator-history-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#f59e0b,#22d3ee,#8b5cf6)}.history-table-wrap{max-height:430px}.history-table-wrap table{min-width:760px}.history-table-wrap th:first-child,.history-table-wrap td:first-child{width:70px}

/* Login screen */
.login-view{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,rgba(124,92,255,.36),transparent 30rem),radial-gradient(circle at 80% 80%,rgba(34,211,238,.22),transparent 28rem),#07111f;color:var(--text)}
.login-card{position:relative;overflow:hidden;width:min(440px,calc(100vw - 32px));padding:34px;border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,13,26,.96));border:1px solid rgba(56,189,248,.25);box-shadow:0 28px 90px rgba(0,0,0,.48);text-align:left}.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#10b981)}.login-glow{position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:999px;background:rgba(56,189,248,.18);filter:blur(8px)}.login-logo{position:relative;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;font-size:32px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 18px 38px rgba(56,189,248,.18);margin-bottom:18px}.login-card h2{position:relative;font-size:32px;letter-spacing:-.04em;margin-bottom:8px}.login-subtitle{position:relative;color:#cbd5e1;line-height:1.55;margin-bottom:22px}.login-form{position:relative;display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:#cbd5e1;font-weight:900}.login-form input[type="text"],.login-form input[type="password"]{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(2,6,23,.72);color:#f8fafc;padding:13px 14px;font:inherit;font-weight:800;outline:none}.login-form input:focus{border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.12)}.password-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.password-toggle{padding:0 14px;border-radius:16px;min-width:72px}.remember-row{display:flex!important;align-items:center;gap:10px;font-size:13px;color:#94a3b8!important}.remember-row input{width:18px;height:18px;accent-color:#22d3ee}.login-error{padding:11px 13px;border-radius:14px;background:rgba(251,113,133,.13);border:1px solid rgba(251,113,133,.28);color:#fecdd3;font-weight:900}.login-submit{width:100%;padding:14px 18px;border-radius:17px}.login-hint{position:relative;margin-top:16px;color:#94a3b8;text-align:center;font-size:13px}.login-hint b{color:#e0f2fe}.logout-btn{width:100%;margin-bottom:12px;background:rgba(251,113,133,.10);border:1px solid rgba(251,113,133,.28);color:#fecdd3}.logout-btn:hover{background:rgba(251,113,133,.16)}

/* Brand/report dashboard additions */
.dashboard-view,.reports-view{display:grid;gap:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.dashboard-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(30,41,59,.9),rgba(15,23,42,.9));border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 48px rgba(0,0,0,.18)}.dashboard-card div{font-size:30px;margin-bottom:10px}.dashboard-card span{display:block;color:#94a3b8;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.dashboard-card strong{display:block;margin-top:7px;font-size:30px;letter-spacing:-.04em;color:#f8fafc}.top-creator-list{display:grid;gap:10px;margin-top:16px}.top-creator-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.12)}.top-creator-item b{color:#67e8f9}.top-creator-item span{min-width:0}.top-creator-item strong,.top-creator-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-creator-item small{color:#94a3b8;margin-top:3px}.top-creator-item em{font-style:normal;font-weight:900;color:#fbbf24}.report-table-wrap{max-height:calc(100vh - 230px)}.report-table-wrap table{min-width:980px}.filter-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.filter-grid select{color:#f8fafc;background:#020617;color-scheme:dark}.admin-nav-btn+.admin-nav-btn{margin-top:0}@media(max-width:1280px){.filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:700px){.filter-grid{grid-template-columns:1fr}.top-creator-item{grid-template-columns:1fr}.dashboard-card strong{font-size:25px}}


/* Pending approval */
.pending-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.pending-status.is-pending{background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.28);color:#fde68a}.pending-status.is-success{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.28);color:#bbf7d0}.success-row td{opacity:.82}.history-table-wrap table{min-width:980px}


/* Report links modal */
.report-links-modal{width:min(980px,calc(100vw - 32px))}.report-links-card{position:relative;overflow:hidden;width:100%;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.98));border:1px solid rgba(56,189,248,.28);box-shadow:0 28px 90px rgba(0,0,0,.55);gap:14px}.report-links-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.report-links-text{height:420px}.report-links-card menu button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.report-links-list{height:420px;overflow:auto;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#0f172a}
.report-link-row{padding:2px 0}
.report-link-row.dead{color:#dc2626 !important;text-decoration:line-through}
.report-link-row.by-creator{color:#d97706 !important}
.report-link-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:0 0 8px;margin-bottom:6px;border-bottom:1px dashed #e2e8f0;font-family:system-ui,sans-serif;font-size:12px;color:#475569}
.report-link-legend .rll-item{display:inline-flex;align-items:center;gap:6px}
.report-link-legend .rll-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.report-link-legend .rll-dot.report{background:#dc2626}
.report-link-legend .rll-dot.creator{background:#d97706}
.report-link-legend .rll-dot.alive{background:#94a3b8}
.report-link-row.muted{color:#64748b}


/* Creator bulk reset buttons */
.head-actions .danger.ghost{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.38);color:#fecdd3}.head-actions .danger.ghost:hover{background:rgba(251,113,133,.20)}


/* Creator admin quick sort */
.sort-th{display:inline-flex;align-items:center;gap:7px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:900;text-align:left;box-shadow:none;white-space:nowrap}.sort-th:hover{transform:none;color:#67e8f9}.sort-th .sort-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:3px 6px;border-radius:999px;background:rgba(148,163,184,.12);color:#94a3b8;font-size:11px;font-weight:1000}.sort-th.active .sort-icon{background:rgba(34,211,238,.16);border:1px solid rgba(34,211,238,.28);color:#a5f3fc}.creator-admin-table th{vertical-align:middle}


/* Workflow productivity upgrades */
.pending-report-list{display:grid;gap:12px;margin-top:16px}.pending-report-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr) auto;gap:14px;align-items:center;padding:14px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(251,191,36,.20)}.pending-report-card b,.pending-report-card strong,.pending-report-card small{display:block}.pending-report-card strong{margin-top:4px;color:#e0f2fe}.pending-report-card small{color:#94a3b8;margin-top:4px}.progress-wrap{height:10px;border-radius:999px;background:rgba(148,163,184,.14);overflow:hidden;margin-bottom:7px}.progress-wrap span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#22d3ee)}.pending-report-progress small{color:#cbd5e1;font-weight:800}.creator-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quick-chip{padding:9px 12px;border-radius:999px;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.18);color:#cbd5e1}.quick-chip.active{background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(139,92,246,.18));border-color:rgba(34,211,238,.45);color:#f8fafc}.creator-row-pending td{background:rgba(251,191,36,.055)!important}.creator-row-hot td{background:rgba(251,146,60,.09)!important}.creator-row-stick td{background:rgba(34,197,94,.045)!important}.creator-row-danger td{background:rgba(251,113,133,.075)!important}.pending-num{color:#fde68a}.tag-pill{display:inline-flex;margin:2px;padding:4px 7px;border-radius:999px;background:rgba(56,189,248,.13);border:1px solid rgba(56,189,248,.22);color:#bae6fd;font-size:11px;font-weight:900}.note-preview{display:block;margin-top:5px;color:#94a3b8;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-note-box{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;padding:14px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.14)}.creator-note-box label{display:grid;gap:7px;color:#cbd5e1;font-weight:900}.creator-note-box textarea,.creator-note-box input{background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.22);border-radius:14px;color:#f8fafc;padding:10px 12px;font:inherit}.pending-actions{display:flex;gap:7px;flex-wrap:wrap}.pending-status.is-fail{background:rgba(251,113,133,.14);border:1px solid rgba(251,113,133,.28);color:#fecdd3}.pending-status.is-skip{background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.24);color:#cbd5e1}.creator-admin-table table{min-width:1480px}.history-table-wrap table{min-width:1120px}@media(max-width:900px){.pending-report-card,.creator-note-box{grid-template-columns:1fr}.pending-report-card button{width:100%}}


/* Compact pending report header */
.pending-batch-panel{padding:18px}.pending-batch-panel .panel-head{margin-bottom:12px}.pending-report-list{display:grid;gap:10px;margin-top:12px}.pending-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.pending-summary-strip div{padding:12px 14px;border-radius:16px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.14)}.pending-summary-strip span{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pending-summary-strip b{display:block;margin-top:5px;color:#f8fafc;font-size:22px;line-height:1}.pending-mini-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pending-mini-card{min-width:0;text-align:left;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.72);border:1px solid rgba(251,191,36,.18);box-shadow:none}.pending-mini-card:hover{border-color:rgba(34,211,238,.36);transform:none}.pending-mini-card span,.pending-mini-card em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-mini-card span{color:#e0f2fe;font-weight:900}.pending-mini-card em{margin-top:4px;color:#facc15;font-size:12px;font-style:normal}.pending-more-note{padding:8px 12px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.14);color:#bae6fd;font-weight:800;font-size:12px}.compact-empty{padding:14px!important}@media(max-width:1280px){.pending-summary-strip{grid-template-columns:repeat(2,1fr)}.pending-mini-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pending-summary-strip,.pending-mini-list{grid-template-columns:1fr}}


/* Creator history usability tweaks */
.creator-note-box.note-only{grid-template-columns:1fr auto}.creator-note-box.note-only textarea{min-height:72px}.history-action-cell{min-width:150px}.pending-actions{flex-wrap:nowrap}.pending-actions .small-btn{padding:10px 12px}.creator-history-modal{width:min(1040px,calc(100vw - 32px))}.history-table-wrap table{min-width:900px}.history-table-wrap th:nth-child(2),.history-table-wrap td:nth-child(2){position:sticky;left:70px;z-index:2;background:#10172a}.history-table-wrap td:nth-child(2){background:rgba(15,23,42,.96)!important}.history-table-wrap th:first-child,.history-table-wrap td:first-child{position:sticky;left:0;z-index:3;background:#10172a}.history-table-wrap td:first-child{background:rgba(15,23,42,.96)!important}@media(max-width:760px){.creator-note-box.note-only{grid-template-columns:1fr}.pending-actions{flex-wrap:wrap}.history-table-wrap table{min-width:820px}}

/* Smart UI refresh 2026-06-29 */
:root{--card:#101827;--card2:#131f33;--soft-line:rgba(148,163,184,.14);--soft-text:#cbd5e1}
.main{padding:22px 24px 28px;background:radial-gradient(circle at 70% 0%,rgba(34,211,238,.08),transparent 34rem)}
.detail,.dashboard-view,.reports-view,.creator-admin-view{gap:16px}.detail-head,.panel{border-radius:22px}.detail-head{position:relative;overflow:hidden}.detail-head:after{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border-radius:999px;background:rgba(34,211,238,.08);filter:blur(2px);pointer-events:none}.detail-head h2{font-size:28px}.panel h3{letter-spacing:-.02em}.muted{line-height:1.5}
.sidebar{padding:18px;width:300px}.shell{grid-template-columns:300px 1fr}.brand{margin-bottom:12px}.brand .logo{width:46px;height:46px;border-radius:15px;font-size:23px}.brand h1{font-size:19px}.brand p{font-size:12px}.admin-nav-btn,.logout-btn{min-height:40px;padding:10px 12px;border-radius:13px}.search-box{margin:12px 0}.project-list{gap:8px}.project-item{padding:12px}.sidebar-sub-item{padding:9px 10px}.db-status{font-size:11px;padding:10px}
.upload-dashboard{gap:14px;margin:16px 0}.data-card{border-radius:22px;padding:18px}.metric-row div{padding:11px}.metric-row strong{font-size:23px}.big-upload{padding:13px 16px}
.filter-panel{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,13,26,.96));border-color:rgba(56,189,248,.20)}.smart-filter-head{align-items:center}.smart-filter-head h3{font-size:24px}.filter-actions{gap:8px}.filter-actions button{min-height:42px;padding:11px 14px}.filter-actions #runFilterBtn{order:-1;min-width:150px;box-shadow:0 14px 34px rgba(34,211,238,.20)}
.filter-grid{gap:10px;margin-top:12px}.filter-grid label{position:relative;padding:12px 12px 13px;border-radius:16px;background:rgba(30,41,59,.42);transition:.18s}.filter-grid label:hover{border-color:rgba(56,189,248,.32);background:rgba(30,41,59,.58)}.filter-grid label:nth-child(1)::before{content:"👥 "}.filter-grid label:nth-child(2)::before{content:"↕️ "}.filter-grid label:nth-child(3)::before{content:"🎬 "}.filter-grid label:nth-child(4)::before{content:"⬇️ "}.filter-grid label:nth-child(5)::before{content:"⬆️ "}.filter-grid label:nth-child(6)::before{content:"🧹 "}.filter-grid input,.filter-grid select{height:40px;border-radius:12px;padding:9px 11px;font-weight:900}
.smart-result-meta{display:grid;grid-template-columns:repeat(3,minmax(110px,160px)) 1fr;gap:10px;align-items:stretch;margin:14px 0 10px;padding:0;background:transparent;border:0}.smart-result-meta div,.smart-result-meta p{margin:0;padding:12px 14px;border-radius:16px;background:rgba(2,6,23,.48);border:1px solid rgba(56,189,248,.17)}.smart-result-meta span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.smart-result-meta b{display:block;margin-top:4px;color:#f8fafc;font-size:20px;letter-spacing:-.03em}.smart-result-meta p{display:flex;align-items:center;color:#bae6fd;font-weight:850;line-height:1.45}
.table-wrap{border-radius:16px}.smart-result-table{max-height:calc(100vh - 360px);min-height:260px;border-color:rgba(56,189,248,.18)}.smart-result-table table{font-size:13px;min-width:1320px}.smart-result-table th{top:0;background:#0f1b2f;color:#e5f3ff;border-bottom:1px solid rgba(56,189,248,.18);box-shadow:0 1px 0 rgba(255,255,255,.04);vertical-align:middle}.smart-result-table td{padding:10px 12px;background:rgba(15,23,42,.38)}.smart-result-table tbody tr:nth-child(even) td{background:rgba(15,23,42,.58)}.smart-result-table tbody tr:hover td{background:rgba(56,189,248,.075)!important}.smart-result-table th:nth-child(1),.smart-result-table td:nth-child(1){position:sticky;left:0;z-index:4;min-width:58px;background:#0f1b2f!important}.smart-result-table td:nth-child(1){background:#101827!important;color:#93c5fd;font-weight:950}.smart-result-table th:nth-child(2),.smart-result-table td:nth-child(2){position:sticky;left:58px;z-index:3;min-width:180px;background:#0f1b2f!important}.smart-result-table td:nth-child(2){background:#101827!important;color:#f8fafc;font-weight:900}.smart-result-table th:nth-child(3),.smart-result-table td:nth-child(3){min-width:160px}.smart-result-table th:nth-child(6),.smart-result-table td:nth-child(6){min-width:330px;max-width:430px}.num-cell{font-variant-numeric:tabular-nums;text-align:right;color:#dbeafe;font-weight:850}.money-cell{color:#bbf7d0}.cell-badge{display:inline-flex;justify-content:center;min-width:36px;padding:5px 9px;border-radius:999px;font-weight:950;font-variant-numeric:tabular-nums}.cell-badge.warn{background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.30);color:#fde68a}.cell-badge.danger{background:rgba(251,113,133,.14);border:1px solid rgba(251,113,133,.30);color:#fecdd3}.cell-badge.quiet{background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.16);color:#94a3b8}.open-video-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.28);color:#a5f3fc!important;text-decoration:none;white-space:nowrap}.open-video-link:hover{background:rgba(34,211,238,.22)}
.sort-th{gap:6px}.sort-th .sort-icon{min-width:38px}.creator-admin-table,.report-table-wrap{border-color:rgba(56,189,248,.16)}.creator-admin-table table,.report-table-wrap table{font-size:13px}.creator-admin-table tbody tr:hover td,.report-table-wrap tbody tr:hover td{background:rgba(56,189,248,.07)!important}.quick-chip{padding:8px 11px}.creator-admin-filters{border-radius:18px}.pending-summary-strip div,.pending-mini-card,.dashboard-card,.top-creator-item{border-color:rgba(56,189,248,.14)}
@media(max-width:1280px){.smart-result-meta{grid-template-columns:repeat(3,1fr)}.smart-result-meta p{grid-column:1/-1}.shell{grid-template-columns:280px 1fr}.sidebar{width:280px}}
@media(max-width:900px){.main{padding:16px}.smart-result-meta{grid-template-columns:1fr}.filter-actions{width:100%}.filter-actions button{flex:1 1 150px}.smart-result-table{max-height:70vh}.shell{grid-template-columns:1fr}.sidebar{width:auto}}

/* Filter header layout */
.filter-actions{justify-content:flex-end;min-width:0}
.filter-actions button{white-space:nowrap}
.smart-filter-head{gap:16px}
.smart-filter-head>div:first-child{min-width:360px}
.smart-filter-head .filter-actions{flex:1 0 auto}
@media(max-width:1280px){.smart-filter-head>div:first-child{min-width:0}.smart-filter-head{align-items:flex-start}.smart-filter-head .filter-actions{width:100%;justify-content:flex-start}}

/* Result table alignment final fix 2026-06-29 - responsive compact
   Không ép bảng 1754px nữa để tránh thừa khoảng trống bên phải.
   Header được phép xuống dòng nên không mất chữ “Doanh thu video”, “Pending”. */
.smart-result-table{
  width:100%;
  max-width:100%;
  overflow:auto;
}
.smart-result-table table{
  table-layout:fixed!important;
  width:100%!important;
  min-width:1440px!important;
  max-width:none!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
.smart-result-table th,
.smart-result-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
.smart-result-table th{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  line-height:1.18!important;
  padding:10px 10px!important;
}
.smart-result-table td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.smart-result-table th:nth-child(1),.smart-result-table td:nth-child(1){width:58px!important;min-width:58px!important;max-width:58px!important;left:0!important;text-align:left!important;}
.smart-result-table th:nth-child(2),.smart-result-table td:nth-child(2){width:190px!important;min-width:190px!important;max-width:190px!important;left:58px!important;text-align:left!important;white-space:nowrap!important;}
.smart-result-table th:nth-child(3),.smart-result-table td:nth-child(3){width:145px!important;min-width:145px!important;max-width:145px!important;text-align:left!important;white-space:nowrap!important;}
.smart-result-table th:nth-child(4),.smart-result-table td:nth-child(4){width:112px!important;min-width:112px!important;max-width:112px!important;text-align:right!important;}
.smart-result-table th:nth-child(5),.smart-result-table td:nth-child(5){width:110px!important;min-width:110px!important;max-width:110px!important;text-align:right!important;}
.smart-result-table th:nth-child(6),.smart-result-table td:nth-child(6){width:330px!important;min-width:330px!important;max-width:330px!important;text-align:left!important;white-space:normal!important;line-height:1.35!important;}
.smart-result-table th:nth-child(7),.smart-result-table td:nth-child(7){width:135px!important;min-width:135px!important;max-width:135px!important;text-align:right!important;}
.smart-result-table th:nth-child(8),.smart-result-table td:nth-child(8){width:100px!important;min-width:100px!important;max-width:100px!important;text-align:center!important;}
.smart-result-table th:nth-child(9),.smart-result-table td:nth-child(9){width:96px!important;min-width:96px!important;max-width:96px!important;text-align:center!important;}
.smart-result-table th:nth-child(10),.smart-result-table td:nth-child(10){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important;}
.smart-result-table th:nth-child(11),.smart-result-table td:nth-child(11){width:128px!important;min-width:128px!important;max-width:128px!important;text-align:center!important;}
.smart-result-table th .sort-th{
  width:100%;
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.15!important;
}
.smart-result-table th:nth-child(4) .sort-th,
.smart-result-table th:nth-child(5) .sort-th,
.smart-result-table th:nth-child(7) .sort-th{justify-content:flex-end;text-align:right;}
.smart-result-table th:nth-child(8) .sort-th,
.smart-result-table th:nth-child(9) .sort-th,
.smart-result-table th:nth-child(10) .sort-th,
.smart-result-table th:nth-child(11) .sort-th{justify-content:center;text-align:center;}
.smart-result-table .sort-th .sort-icon{flex:0 0 auto;min-width:26px;padding:2px 5px;font-size:10px;}
.smart-result-table .open-video-link{max-width:112px;}
@media(max-width:1500px){
  .smart-result-table table{min-width:1360px!important;}
  .smart-result-table th:nth-child(6),.smart-result-table td:nth-child(6){width:280px!important;min-width:280px!important;max-width:280px!important;}
}


/* Manual video add/fix 2026-06-29 */
.data-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;margin-top:10px}
.data-card-actions .big-upload,.manual-video-btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;line-height:1.2;white-space:normal}
.manual-video-btn{border-style:dashed;background:rgba(56,189,248,.10);border-color:rgba(56,189,248,.36);color:#e0f2fe;box-shadow:none}
.manual-video-btn:hover{background:rgba(56,189,248,.18)}
.manual-video-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;overflow-x:hidden;padding:0}
.manual-video-dialog .dialog-card,.manual-video-form{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:24px}
.manual-video-form input,.manual-video-form textarea{width:100%;max-width:100%;box-sizing:border-box}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.manual-video-form menu{flex-wrap:wrap}
@media (max-width:720px){.form-grid-2{grid-template-columns:1fr}.data-card-actions{grid-template-columns:1fr}.manual-video-dialog .dialog-card,.manual-video-form{padding:18px}}

/* Manual TikTok preview 2026-06-29 */
.manual-video-preview{border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(15,23,42,.72);padding:12px 14px;margin:-2px 0 4px;color:#e5e7eb;box-sizing:border-box;max-width:100%;overflow:hidden}
.manual-video-preview.hidden{display:none}
.manual-video-preview.loading{border-color:rgba(56,189,248,.38);background:rgba(8,47,73,.38)}
.manual-video-preview.success{border-color:rgba(34,197,94,.36);background:rgba(20,83,45,.22)}
.manual-video-preview.warning{border-color:rgba(251,191,36,.40);background:rgba(120,53,15,.22)}
.preview-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#f8fafc}
.preview-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(125,211,252,.35);border-top-color:#7dd3fc;display:inline-block;animation:preview-spin .8s linear infinite;flex:0 0 auto}
@keyframes preview-spin{to{transform:rotate(360deg)}}
.preview-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 10px;font-size:13px;line-height:1.35}
.preview-grid span,.preview-caption span{color:#94a3b8}
.preview-grid b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc}
.preview-caption{margin-top:8px;font-size:13px}
.preview-caption p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#f8fafc;max-height:88px;overflow:auto}
.preview-note{margin:8px 0 0;color:#cbd5e1;font-size:13px;line-height:1.4}


/* Invite link modal */
.invite-card{max-width:720px;width:min(92vw,720px)}
.invite-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.invite-list{display:grid;gap:10px;max-height:45vh;overflow:auto}
.invite-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(15,23,42,.04)}
.invite-item small{display:block;color:#64748b;margin-top:4px}
.danger-text{color:#dc2626}


/* UI fixes 2026-07-02: sticky creator admin + upload loading */
.creator-admin-table th{position:sticky;top:0;z-index:7;background:#0f1b2f!important}
.creator-admin-table th:nth-child(1),.creator-admin-table td:nth-child(1){position:sticky;left:0;z-index:6;min-width:70px;width:70px;background:#101827!important}
.creator-admin-table th:nth-child(2),.creator-admin-table td:nth-child(2){position:sticky;left:70px;z-index:5;min-width:220px;background:#101827!important}
.creator-admin-table th:nth-child(1),.creator-admin-table th:nth-child(2){z-index:9;background:#0f1b2f!important}
.upload-status{display:inline-flex;align-items:center;gap:7px;margin-left:10px;color:#a5f3fc;font-weight:900;font-size:13px}
.upload-status.hidden{display:none!important}
.mini-spinner{width:14px;height:14px;border:2px solid rgba(165,243,252,.25);border-top-color:#22d3ee;border-radius:50%;animation:mini-spin .75s linear infinite;display:inline-block}
@keyframes mini-spin{to{transform:rotate(360deg)}}

/* Light theme 2026-07-02 */
:root{--bg:#f6f8fb!important;--bg2:#fff!important;--panel:#fff!important;--panel2:#fff!important;--line:#e5e7eb!important;--text:#0f172a!important;--muted:#64748b!important;--accent:#2563eb!important;--accent2:#06b6d4!important;--danger:#e11d48!important;--ok:#16a34a!important;--warn:#d97706!important;--shadow:0 12px 34px rgba(15,23,42,.08)!important;--surface:#fff!important;--surface2:#f8fafc!important;--surface3:#f1f5f9!important;--card:#fff!important;--card2:#f8fafc!important;--soft-line:#e2e8f0!important;--soft-text:#475569!important}
body,.main,.login-view,.shell{background:#f6f8fb!important;color:#0f172a!important;color-scheme:light!important}
.sidebar{background:#fff!important;border-right:1px solid #e5e7eb!important;box-shadow:4px 0 24px rgba(15,23,42,.04)!important}
.brand h1,.detail h2,.panel h3,.data-card h4,.login-card h2{color:#0f172a!important}.brand p,.muted,.login-subtitle,.project-item span,.top-creator-item small{color:#64748b!important}
.logo,.login-logo,.primary,.tab.active,#runFilterBtn,.admin-nav-btn.active,.big-upload{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important;border:0!important}
button,.upload-btn,.ghost,.tab,.quick-chip{background:#fff!important;color:#0f172a!important;border:1px solid #dbe3ef!important;box-shadow:0 2px 10px rgba(15,23,42,.04)!important}button:hover,.upload-btn:hover{background:#f8fafc!important;border-color:#bfdbfe!important}.primary,.big-upload,#runFilterBtn{color:#fff!important;border:0!important}
.danger,.head-actions .danger.ghost,.logout-btn{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.admin-nav-btn{background:#fff!important;color:#334155!important;border:1px solid #e2e8f0!important}.admin-nav-btn.active{color:#fff!important;border:0!important}
.detail-head,.panel,.empty-card,.data-card,.dashboard-card,.filter-panel,.upload-card,.sub-card,.project-item,.sidebar-sub-item,.top-creator-item,.pending-report-card,.pending-summary-strip div,.pending-mini-card,.creator-admin-filters,.filter-grid label,.smart-result-meta div,.smart-result-meta p,.creator-note-box,.db-status{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;color:#0f172a!important}.detail-head:after,.data-card:before,.login-card:before,.web-modal-card:before,.report-links-card:before,.creator-history-card:before,.missing-dialog-card:before,.video-url-dialog-card:before{opacity:.45!important}.project-item.active,.sidebar-sub-item.active,.sub-card.active,.upload-card.active{background:#eff6ff!important;border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
input,textarea,select,.filter-grid input,.filter-grid select,#sortBySelect,#creatorLimitInput,#videoRankInput,.creator-admin-filters input,.creator-admin-filters select,.mail-dap-field input,.login-form input[type="text"],.login-form input[type="password"],.status-select,.stick-input{background:#fff!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;border:1px solid #cbd5e1!important;color-scheme:light!important}input::placeholder,textarea::placeholder,.filter-grid input::placeholder,.creator-admin-filters input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}select option,.filter-grid select option,#sortBySelect option,.creator-admin-filters option{background:#fff!important;color:#0f172a!important}input:focus,textarea:focus,select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}
.table-wrap,.smart-result-table,.report-table-wrap,.creator-admin-table,.history-table-wrap{background:#fff!important;border-color:#e5e7eb!important}table{background:#fff!important}th,.smart-result-table th,.result-table th,.creator-admin-table th,.report-table-wrap th,.history-table-wrap th{background:#f1f5f9!important;color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}td,.smart-result-table td,.result-table td,.creator-admin-table td,.report-table-wrap td,.history-table-wrap td{background:#fff!important;color:#334155!important;border-bottom:1px solid #eef2f7!important}tbody tr:nth-child(even) td,.smart-result-table tbody tr:nth-child(even) td{background:#f8fafc!important}tr:hover td,.smart-result-table tbody tr:hover td,.creator-admin-table tbody tr:hover td,.report-table-wrap tbody tr:hover td{background:#eff6ff!important}.smart-result-table th:nth-child(1),.smart-result-table th:nth-child(2),.smart-result-table td:nth-child(1),.smart-result-table td:nth-child(2),.creator-admin-table th:nth-child(1),.creator-admin-table th:nth-child(2),.creator-admin-table td:nth-child(1),.creator-admin-table td:nth-child(2),.history-table-wrap th:first-child,.history-table-wrap th:nth-child(2),.history-table-wrap td:first-child,.history-table-wrap td:nth-child(2){background:#f8fafc!important;color:#0f172a!important}
.num-cell{color:#1e3a8a!important}.money-cell{color:#047857!important}.creator-name-btn{color:#2563eb!important}.open-video-link,.copy-url-btn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}.cell-badge.warn,.pending-status.is-pending{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}.cell-badge.danger,.pending-status.is-fail{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.pending-status.is-success{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}.pending-status.is-skip,.cell-badge.quiet{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#475569!important}.tag-pill,.badge{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important}
dialog,.web-modal-card,.report-links-card,.creator-history-card,.missing-dialog-card,.video-url-dialog-card,.login-card{background:#fff!important;color:#0f172a!important;border:1px solid #e5e7eb!important;box-shadow:0 24px 80px rgba(15,23,42,.18)!important}dialog::backdrop,.app-modal::backdrop{background:rgba(15,23,42,.28)!important;backdrop-filter:blur(6px)}.video-url-text,.report-links-text,.manual-video-preview{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}.preview-head,.preview-grid b,.preview-caption p{color:#0f172a!important}.preview-grid span,.preview-caption span,.preview-note{color:#64748b!important}.toast{background:#fff!important;color:#0f172a!important;border:1px solid #dbe3ef!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important}.db-status{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#047857!important}.db-status.error,.login-error{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}.upload-status{color:#2563eb!important}.mini-spinner,.preview-spinner{border-color:rgba(37,99,235,.18)!important;border-top-color:#2563eb!important}

/* Light theme readability fix 2026-07-02 */
.metric-row div{background:#f1f5f9!important;border:1px solid #dbe3ef!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
.metric-row strong{color:#0f172a!important;text-shadow:none!important}
.metric-row span{color:#475569!important;font-weight:900!important}
.latest-file{color:#64748b!important}

/* Upload/manual buttons readability 2026-07-02 */
.data-card-actions .big-upload,
.data-card .big-upload{
  background:linear-gradient(135deg,#1d4ed8,#0891b2)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(37,99,235,.24)!important;
  font-weight:900!important;
}
.data-card-actions .big-upload:hover,
.data-card .big-upload:hover{
  background:linear-gradient(135deg,#1e40af,#0e7490)!important;
  transform:translateY(-1px);
}
.manual-video-btn{
  background:#fff7ed!important;
  color:#9a3412!important;
  border:2px dashed #fb923c!important;
  box-shadow:0 10px 22px rgba(251,146,60,.14)!important;
  font-weight:900!important;
}
.manual-video-btn:hover{
  background:#ffedd5!important;
  color:#7c2d12!important;
  border-color:#f97316!important;
}
.data-card-actions button,
.data-card-actions label{
  min-height:48px!important;
  border-radius:16px!important;
}

/* Light contrast audit 2026-07-02 */
body,
.app,
.panel,
.card,
.modal-content,
.project-item,
.result-card {
  color: #0f172a;
}

.muted,
.brand p,
.project-item span,
.sidebar-sub-item small,
.sidebar-empty-sub,
.mini,
.latest-file,
.dashboard-card span,
.top-creator-item small,
.note-preview,
.pending-report-card small,
.pending-mini-card em,
.smart-result-meta span,
.filter-grid label,
.db-status,
.sheet-info,
.form-hint,
.helper-text,
.empty-state,
.upload-hint,
.report-meta,
.card-subtitle,
.table-hint,
small {
  color: #475569 !important;
}

input,
select,
textarea {
  color: #0f172a;
}

input::placeholder,
textarea::placeholder {
  color: #64748b;
  opacity: 1;
}

.badge,
.status-pill,
.tag,
.chip {
  color: #0f172a;
}

.btn.secondary,
button.secondary {
  color: #0f172a;
  border-color: #cbd5e1;
  background: #ffffff;
}

.table-wrap table,
.data-table,
table {
  color: #0f172a;
}

td,
th {
  color: inherit;
}

/* Dashboard number contrast 2026-07-02 */
.dashboard-card strong {
  color: #111827 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 950 !important;
}
.dashboard-card span {
  color: #334155 !important;
  opacity: 1 !important;
}
.dashboard-card div {
  opacity: 1 !important;
}

/* Global numeric/text contrast fix 2026-07-02 */
.card strong,
.panel strong,
.data-card strong,
.dashboard-card strong,
.metric-row strong,
.pending-summary-strip b,
.top-creator-item em,
.smart-result-meta b,
.result-card strong,
.report-table-wrap strong,
.creator-admin-table strong,
.stat-value,
.kpi-value,
.count,
.number,
.value,
.total,
[data-value] {
  color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #0f172a !important;
}

.card b,
.panel b,
.data-card b,
.dashboard-card b,
.metric-row b,
.result-card b,
td b,
td strong,
th b,
th strong {
  color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #0f172a !important;
}

.card span,
.panel span,
.data-card span,
.dashboard-card span,
.metric-row span,
.pending-summary-strip span,
.result-card span,
.smart-result-meta span,
.report-meta span,
.sheet-info span,
.latest-file span {
  opacity: 1 !important;
  text-shadow: none !important;
}

.card,
.panel,
.data-card,
.dashboard-card,
.result-card,
.pending-summary-strip div,
.top-creator-item,
.smart-result-meta div,
.metric-row div {
  text-shadow: none !important;
}


/* Button hover/readability fix 2026-07-02 */
button,
.btn,
.primary,
.ghost,
.upload-btn,
.big-upload,
.login-submit,
.empty-card button,
.head-actions button,
.data-card-actions button,
.data-card-actions label,
.admin-nav-btn,
.tab,
.quick-chip,
.creator-name-btn,
.copy-url-btn,
.open-video-link,
.manual-video-btn {
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease !important;
}

.primary,
.login-submit,
.empty-card button,
#runFilterBtn,
.big-upload,
.logo,
.login-logo {
  background: linear-gradient(135deg,#1d4ed8,#0891b2) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.22) !important;
  font-weight: 900 !important;
}

.primary:hover,
.login-submit:hover,
.empty-card button:hover,
#runFilterBtn:hover,
.big-upload:hover {
  background: linear-gradient(135deg,#1e40af,#0e7490) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(30,64,175,.28) !important;
  transform: translateY(-1px) !important;
}

button:not(.primary):not(.danger):not(.login-submit):not(.big-upload):not(#runFilterBtn):not(.manual-video-btn):hover,
.ghost:hover,
.upload-btn:hover,
.admin-nav-btn:hover,
.tab:hover,
.quick-chip:hover,
.copy-url-btn:hover,
.open-video-link:hover,
.creator-name-btn:hover {
  background: #e0f2fe !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 8px 20px rgba(14,165,233,.16) !important;
}

.manual-video-btn:hover {
  background: #fed7aa !important;
  color: #7c2d12 !important;
  -webkit-text-fill-color: #7c2d12 !important;
  border-color: #ea580c !important;
  box-shadow: 0 12px 26px rgba(234,88,12,.20) !important;
}

.danger:hover,
.head-actions .danger.ghost:hover,
.logout-btn:hover {
  background: #ffe4e6 !important;
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
  border-color: #fb7185 !important;
  box-shadow: 0 10px 22px rgba(225,29,72,.16) !important;
}

button:disabled,
button[disabled],
.btn:disabled,
.login-submit:disabled,
.primary:disabled,
.big-upload:disabled {
  background: #e2e8f0 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  opacity: .85 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

button:focus-visible,
.btn:focus-visible,
.upload-btn:focus-visible,
.big-upload:focus-visible,
.manual-video-btn:focus-visible,
.login-submit:focus-visible {
  outline: 3px solid rgba(37,99,235,.35) !important;
  outline-offset: 2px !important;
}


/* Dark mode toggle 2026-07-02 */
.theme-toggle{position:fixed!important;top:14px!important;right:14px!important;z-index:9999!important;min-height:40px!important;padding:10px 14px!important;border-radius:999px!important;background:#0f172a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 30px rgba(15,23,42,.22)!important;font-weight:950!important}.theme-toggle:hover{background:#1e293b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#38bdf8!important}


@media(max-width:700px){.theme-toggle{top:8px!important;right:8px!important;padding:8px 10px!important;font-size:12px!important}.login-card{margin-top:36px!important}}


/* Theme button position fix 2026-07-02 */
.theme-toggle{
  position: static !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.login-theme-toggle{
  width: auto !important;
  margin: 0 0 16px auto !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  justify-self: end !important;
}
.sidebar-theme-toggle{
  order: 2 !important;
  margin-top: -2px !important;
  margin-bottom: 12px !important;
}
.logout-btn{
  margin-bottom: 10px !important;
}
@media(max-width:700px){
  .theme-toggle{position:static!important}
  .login-theme-toggle{margin:0 0 14px auto!important}
}


/* Sidebar theme exact position fix 2026-07-02 */
.sidebar{
  display:flex !important;
  flex-direction:column !important;
}
.logout-btn{
  order:1 !important;
}
.sidebar-theme-toggle{
  order:2 !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
}
.brand{order:3 !important;}
#dashboardBtn{order:4 !important;}
#creatorAdminBtn{order:5 !important;}
#newProjectBtn{order:6 !important;}
.search-box{order:7 !important;}
#projectList{order:8 !important;}
#dbStatus{order:9 !important;}


/* Sidebar order final fix 2026-07-02 */
.sidebar{
  display:flex !important;
  flex-direction:column !important;
}
.brand{order:1 !important;}
#dashboardBtn{order:2 !important;}
#creatorAdminBtn{order:3 !important;}
.logout-btn{order:4 !important;margin-bottom:10px !important;}
.sidebar-theme-toggle{order:5 !important;margin-top:0 !important;margin-bottom:14px !important;}
#newProjectBtn{order:6 !important;margin-top:0 !important;margin-bottom:14px !important;}
.search-box{order:7 !important;}
#projectList{order:8 !important;}
#dbStatus{order:9 !important;}


/* Sidebar top logout/theme fix 2026-07-02 */
.sidebar{
  display:flex !important;
  flex-direction:column !important;
}
.logout-btn{order:1 !important;margin-bottom:10px !important;}
.sidebar-theme-toggle{order:2 !important;margin-top:0 !important;margin-bottom:22px !important;}
.brand{order:3 !important;}
#dashboardBtn{order:4 !important;}
#creatorAdminBtn{order:5 !important;}
#newProjectBtn{order:6 !important;margin-top:0 !important;margin-bottom:14px !important;}
.search-box{order:7 !important;}
#projectList{order:8 !important;}
#dbStatus{order:9 !important;}


/* Report row delete batch actions 2026-07-02 */
.report-row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.report-row-actions .small-btn{white-space:nowrap}


/* Export creator profiles */
#exportCreatorProfilesBtn{ white-space:nowrap; }
@media (max-width: 760px){ #exportCreatorProfilesBtn{ width:100%; } }

/* Report status for video links */
.report-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-weight:900;font-size:13px;white-space:nowrap;border:1px solid transparent;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.report-status-badge.reported{background:#dcfce7;color:#15803d;border-color:#bbf7d0}
.report-status-badge.not-reported{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}


/* Video-only upload mode */
.auto-creator-card{background:#f8fafc;border-style:dashed}.auto-creator-card .latest-file{line-height:1.55;color:#475569;font-weight:700}.upload-dashboard:has(.auto-creator-card){align-items:stretch}


/* 2026-07-09 report.dmcalabs.com inspired UI skin */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{--r-bg:#f4f6f8;--r-soft:#f7f9fb;--r-panel:#ffffff;--r-ink:#111827;--r-text:#1f2937;--r-muted:#7a8491;--r-line:#e5e9ee;--r-line2:#d8dee6;--r-teal:#00a6a6;--r-teal2:#028f8f;--r-blue:#2563eb;--r-danger:#dc2626;--r-shadow:0 8px 24px rgba(18,32,51,.08);--r-shadow-lg:0 22px 70px rgba(16,32,51,.10)}
*{box-sizing:border-box}html,body{font-family:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif!important;color:var(--r-text);background:var(--r-soft)!important}body{margin:0}button,input,textarea,select{font-family:inherit!important}button{transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover{transform:translateY(-1px)}
.hidden{display:none!important}.muted{color:var(--r-muted)!important}.eyebrow{color:#657284!important;font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:12px}.mini{font-size:11px!important}
/* login */
#loginView,.login-view{background:linear-gradient(135deg,#f7fafc,#eef3f5)!important;min-height:100vh}.login-card,.login-panel,.login-box{background:#fff!important;border:1px solid var(--r-line)!important;border-radius:14px!important;box-shadow:var(--r-shadow-lg)!important;color:var(--r-ink)!important}.login-card h1,.login-card h2,.login-title{color:var(--r-ink)!important;letter-spacing:-.03em}.login-subtitle,.login-hint{color:var(--r-muted)!important}.login-form label{color:#374151!important}.login-form input,.login-card input{background:#fff!important;color:#111827!important;border:1px solid var(--r-line2)!important;border-radius:8px!important;box-shadow:none!important}.login-form input:focus,.login-card input:focus{border-color:var(--r-teal)!important;box-shadow:0 0 0 3px rgba(0,166,166,.12)!important}.login-submit{background:var(--r-teal)!important;color:#fff!important;border:0!important;border-radius:7px!important;box-shadow:0 6px 14px rgba(0,166,166,.18)!important}.login-submit:hover{background:var(--r-teal2)!important}
/* app shell */
.app-shell,.app-layout{background:var(--r-soft)!important;color:var(--r-text)!important}.app-shell{min-height:100vh}.sidebar,.side{background:#f2f3f5!important;border-right:0!important;box-shadow:none!important;color:var(--r-text)!important}.brand,.side-logo,.sidebar-brand{background:#111!important;color:#fff!important;margin:0!important;border-radius:0!important;box-shadow:none!important}.brand small,.side-logo small,.sidebar-brand small{color:#aeb7c2!important}.brand h1,.brand b,.side-logo b{color:#fff!important}.brand:before,.side-logo:before{filter:none!important}.tt-mark{background:#111!important;color:#fff!important;border-radius:8px!important;text-shadow:2px 0 #25f4ee,-2px 0 #fe2c55!important}.side-logo .tt-mark,.brand .tt-mark{background:transparent!important}
.sidebar button,.nav-btn,.project-item,.sidebar-sub-item{border-radius:7px!important;font-weight:800!important}.admin-nav,.side-nav,.project-list{background:#fff!important;border:1px solid #edf0f3!important;border-radius:9px!important;box-shadow:0 6px 18px rgba(18,32,51,.04)!important;padding:10px!important}.admin-nav-btn,.nav-btn{background:transparent!important;color:#111827!important;border:0!important}.admin-nav-btn.active,.nav-btn.active,.project-item.active,.sidebar-sub-item.active{background:#e9fbfb!important;color:var(--r-teal)!important;border-color:transparent!important}.admin-nav-btn:hover,.nav-btn:hover,.project-item:hover,.sidebar-sub-item:hover{background:#f3f6f8!important;color:#111827!important}.logout-btn,.theme-toggle{background:#fff!important;border:1px solid var(--r-line)!important;color:#111827!important;box-shadow:0 4px 14px rgba(18,32,51,.05)!important}.logout-btn:hover,.theme-toggle:hover{border-color:#cbd5e1!important;background:#f8fafc!important}
/* main/top */
.main,.workbench,.content{background:var(--r-soft)!important;color:var(--r-text)!important}.topbar,.black-top{height:56px;background:#111!important;color:#fff!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}.topbar *,.black-top *{color:#fff!important}.db-status,#dbStatus{background:#fff!important;color:#334155!important;border:1px solid var(--r-line)!important;border-radius:999px!important;box-shadow:0 4px 14px rgba(18,32,51,.05)!important}.db-status.error,#dbStatus.error{color:#dc2626!important;background:#fff1f2!important;border-color:#fecdd3!important}
/* pages and panels */
.detail,.dashboard-view,.reports-view,.creator-admin-view,.empty-view{padding:22px 28px!important}.detail-head,.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.detail-head h2,.page-head h1,.panel h3{color:#172033!important;letter-spacing:-.035em}.detail-head h2{font-size:28px!important}.panel,.stat-card,.list-card,.empty-card,.data-card,.dashboard-card{background:#fff!important;border:1px solid var(--r-line)!important;border-radius:9px!important;box-shadow:var(--r-shadow)!important;color:var(--r-text)!important}.panel{padding:24px!important;margin-bottom:18px!important}.panel-head{gap:16px;border-bottom:0!important;margin-bottom:18px!important}.panel-head h3{font-size:18px!important;margin:0 0 6px!important}.data-card{padding:20px!important}.data-card-top{gap:12px}.data-icon{background:#eefafa!important;color:var(--r-teal)!important;border-radius:10px!important}.metric-row{background:#f7f9fb!important;border:1px solid #edf0f3!important;border-radius:8px!important}.metric-row strong,.dashboard-card strong{color:#111827!important;font-variant-numeric:tabular-nums}.metric-row span{color:var(--r-muted)!important}.latest-file{color:var(--r-muted)!important}.auto-creator-card{background:#f8fafc!important;border-style:dashed!important}
.dashboard-grid{gap:14px!important}.dashboard-card{border-radius:10px!important;background:#fff!important}.dashboard-card div{filter:none!important}.dashboard-card span{color:#657284!important}.top-creator-item{background:#f8fafc!important;border:1px solid var(--r-line)!important;border-radius:8px!important;color:var(--r-text)!important}.top-creator-item b{color:var(--r-teal)!important}.top-creator-item em{color:#b45309!important}
/* forms/buttons */
input,textarea,select{background:#fff!important;color:#111827!important;border:1px solid var(--r-line2)!important;border-radius:7px!important;outline:none!important;box-shadow:none!important}input:focus,textarea:focus,select:focus{border-color:var(--r-teal)!important;box-shadow:0 0 0 3px rgba(0,166,166,.12)!important}.search-input,#searchInput{background:#fff!important;color:#111827!important}.primary,.submit-btn,.search-btn,.upload-btn,.big-upload,.login-submit{background:var(--r-teal)!important;color:#fff!important;border:0!important;border-radius:7px!important;font-weight:900!important;box-shadow:0 6px 14px rgba(0,166,166,.18)!important}.primary:hover,.submit-btn:hover,.search-btn:hover,.upload-btn:hover,.big-upload:hover{background:var(--r-teal2)!important}.ghost,.secondary,.secondary-btn,.reset-btn{background:#eef0f2!important;color:#333!important;border:1px solid #dce3ea!important;border-radius:7px!important;font-weight:900!important;box-shadow:none!important}.ghost:hover,.secondary:hover,.secondary-btn:hover,.reset-btn:hover{background:#e1e5e8!important;border-color:#cbd5e1!important}.danger,.danger.ghost{background:#fff1f2!important;color:#dc2626!important;border:1px solid #fecdd3!important}.danger:hover,.danger.ghost:hover{background:#ffe4e6!important}.head-actions{gap:10px!important}.head-actions button{min-height:38px}.quick-chip{background:#fff!important;color:#334155!important;border:1px solid var(--r-line)!important;border-radius:999px!important;font-weight:900!important}.quick-chip.active{background:#e9fbfb!important;color:var(--r-teal)!important;border-color:#b7eeee!important}.creator-admin-filters,.filters,.filter-grid{background:#fff!important;border:1px solid var(--r-line)!important;border-radius:9px!important;padding:14px!important;box-shadow:0 6px 18px rgba(18,32,51,.04)!important}.creator-admin-filters label,.filter-grid label{color:#344256!important;font-weight:900!important}
/* tables */
.table-wrap,.report-table-wrap,.history-table-wrap{border:1px solid var(--r-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:auto!important}table{background:#fff!important;color:#334155!important;border-collapse:collapse!important}th{background:#f1f3f5!important;color:#1f2937!important;font-size:12px!important;text-align:left!important;padding:14px 13px!important;border-bottom:1px solid var(--r-line)!important}td{padding:15px 13px!important;border-bottom:1px solid #edf0f3!important;color:#334155!important}tbody tr:nth-child(even),.creator-admin-table tbody tr:nth-child(even){background:#f7f9fb!important}tbody tr:hover{background:#eefafa!important}.sort-th{background:#fff!important;border:1px solid #dbe4ee!important;border-radius:999px!important;color:#111827!important;padding:3px 10px!important;box-shadow:0 1px 4px rgba(18,32,51,.04)!important}.sort-th.active,.sort-th:hover{background:#e9fbfb!important;color:var(--r-teal)!important;border-color:#b7eeee!important}.sort-icon{color:#94a3b8!important}.num-cell,.money-cell{font-variant-numeric:tabular-nums!important}.creator-name-btn{color:#2563eb!important;background:transparent!important;border:0!important;font-weight:900!important;text-shadow:0 1px 0 #fff!important}.creator-name-btn:hover{color:#1d4ed8!important;text-decoration:underline}.open-video-link{background:#eef6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;border-radius:999px!important;padding:8px 13px!important;font-weight:900!important;text-decoration:none!important}.open-video-link:hover{background:#dbeafe!important}.cell-badge,.report-status-badge{border-radius:999px!important;font-weight:900!important}.report-status-badge.reported{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important}.report-status-badge.not-reported{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important}
/* dialogs */
dialog::backdrop{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(2px)}dialog,.modal,.modal-card,.report-links-card{background:#fff!important;color:#111827!important;border:1px solid var(--r-line)!important;border-radius:14px!important;box-shadow:0 24px 90px rgba(15,23,42,.24)!important}.modal h2,.modal-card h2{color:#111827!important;letter-spacing:-.03em}.report-links-card:before{background:var(--r-teal)!important}.report-links-text{background:#f8fafc!important;color:#111827!important;border-color:var(--r-line2)!important}.web-modal-card{background:#fff!important;color:#111827!important;border:1px solid var(--r-line)!important}.toast,#toast{background:#111827!important;color:#fff!important;border-radius:8px!important;box-shadow:0 16px 50px rgba(15,23,42,.25)!important}

@media(max-width:900px){.detail,.dashboard-view,.reports-view,.creator-admin-view,.empty-view{padding:16px!important}.detail-head,.panel-head{align-items:flex-start;flex-direction:column}.creator-admin-filters,.filter-grid{grid-template-columns:1fr!important}.upload-dashboard{grid-template-columns:1fr!important}}

/* 2026-07-09 report.dmcalabs.com closer layout v2 */
body{background:#f4f6f8!important;color:#172033!important;font-size:14px!important}.shell{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;min-height:100vh!important;background:#f4f6f8!important;padding-top:56px!important}.brand{position:fixed!important;left:0!important;right:0!important;top:0!important;height:56px!important;z-index:1000!important;background:#111!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 24px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.brand .logo{width:28px!important;height:28px!important;border-radius:7px!important;background:#111!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;text-shadow:2px 0 #25f4ee,-2px 0 #fe2c55!important}.brand h1{font-size:14px!important;line-height:1!important;margin:0!important;color:#fff!important;font-weight:900!important;letter-spacing:-.02em!important}.brand p{font-size:11px!important;margin:2px 0 0!important;color:#b9c0c8!important;font-weight:700!important}.top-mini-brand{margin-left:auto!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.02em!important}.sidebar{position:sticky!important;top:56px!important;height:calc(100vh - 56px)!important;overflow:auto!important;background:#f2f3f5!important;border:0!important;padding:24px 10px 18px!important;box-shadow:none!important;backdrop-filter:none!important}.main{padding:24px 28px!important;overflow:auto!important;min-width:0!important;background:#f4f6f8!important}.admin-nav-btn{width:100%!important;text-align:left!important;margin:0 0 8px!important;padding:13px 14px!important;border:0!important;border-radius:6px!important;background:#fff!important;color:#111827!important;font-weight:900!important;box-shadow:none!important}.admin-nav-btn.active{background:#e9fbfb!important;color:#00a6a6!important}.admin-nav-btn:hover{background:#eefafa!important;color:#028f8f!important}.logout-btn{position:fixed!important;right:24px!important;top:10px!important;z-index:1001!important;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:8px 0!important;border-radius:0!important;font-size:12px!important}.logout-btn:before{content:'|';color:#64748b;margin-right:12px}.logout-btn:hover{background:transparent!important;color:#25f4ee!important}.sidebar-theme-toggle{display:none!important}.full.primary{background:#00a6a6!important;border-radius:6px!important;box-shadow:0 6px 14px rgba(0,166,166,.18)!important;margin:8px 0 14px!important;padding:12px!important}.search-box{margin:0 0 12px!important}.search-box input{height:38px!important;border-radius:6px!important;background:#fff!important;border:1px solid #d8dee6!important;color:#111827!important;padding:0 12px!important}.project-list{background:#fff!important;border:1px solid #edf0f3!important;border-radius:7px!important;padding:8px!important;gap:6px!important;box-shadow:0 6px 18px rgba(18,32,51,.04)!important}.project-item{border:0!important;border-radius:6px!important;background:transparent!important;padding:10px!important;color:#111827!important}.project-item.active{background:#e9fbfb!important;color:#00a6a6!important;box-shadow:none!important}.project-item strong{font-size:13px!important}.project-item span{font-size:11px!important;color:#7a8491!important}.db-status{position:static!important;margin-top:12px!important;border-radius:6px!important;background:#fff!important;color:#7a8491!important;border:1px solid #e5e9ee!important;padding:10px!important;box-shadow:none!important}.detail,.dashboard-view,.reports-view,.creator-admin-view,.empty-view{padding:0!important}.detail-head,.page-head{margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.detail-head h2,.page-head h1{font-size:23px!important;line-height:1.2!important;color:#172033!important;margin:0!important;font-weight:900!important}.detail-head .eyebrow{display:none!important}.detail-head .muted{font-size:12px!important;color:#7a8491!important;margin-top:6px!important}.head-actions button{height:38px!important;border-radius:5px!important;padding:0 16px!important}.panel,.filter-panel,.stat-card,.list-card,.data-card,.dashboard-card,.empty-card{background:#fff!important;border:1px solid #e5e9ee!important;border-radius:7px!important;box-shadow:none!important}.panel{padding:22px!important;margin:0 0 18px!important}.panel-head{padding:0!important;margin:0 0 18px!important;border:0!important}.panel-head h3{font-size:16px!important;color:#172033!important;font-weight:900!important}.panel-head p{font-size:12px!important;color:#7a8491!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:18px!important;margin-bottom:18px!important}.dashboard-card,.data-card{padding:22px!important;border-radius:7px!important}.dashboard-card span,.data-card span{font-size:12px!important;color:#657284!important;font-weight:800!important}.dashboard-card strong,.data-card strong{font-size:28px!important;color:#111827!important;font-weight:900!important;letter-spacing:-.03em!important}.filter-panel{padding:18px!important;margin-bottom:18px!important}.filter-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important}.filter-head h3{font-size:16px!important;color:#172033!important}.filter-grid,.creator-admin-filters{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid!important;gap:12px!important}.filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.filter-grid label,.creator-admin-filters label{font-size:12px!important;color:#172033!important;font-weight:900!important;gap:7px!important}.filter-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.filter-actions button,.creator-filter-actions button{height:38px!important;border-radius:5px!important;padding:0 16px!important}.primary{background:#00a6a6!important;border-radius:5px!important;box-shadow:0 6px 14px rgba(0,166,166,.18)!important}.primary:hover{background:#028f8f!important}.ghost,.secondary,.reset-btn{background:#eef0f2!important;color:#333!important;border:0!important;border-radius:5px!important;box-shadow:none!important}.ghost:hover,.secondary:hover,.reset-btn:hover{background:#e1e5e8!important}.table-wrap{border:1px solid #e5e9ee!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;max-height:none!important}table{width:100%!important;min-width:1120px!important;background:#fff!important;border-collapse:collapse!important}th{position:sticky!important;top:0!important;background:#f1f3f5!important;color:#1f2937!important;font-size:12px!important;font-weight:900!important;text-align:left!important;padding:14px 13px!important;border-bottom:1px solid #e5e9ee!important;z-index:2!important}td{font-size:13px!important;padding:14px 13px!important;border-bottom:1px solid #edf0f3!important;color:#243044!important;background:transparent!important}tbody tr:nth-child(even){background:#fff!important}tbody tr:hover{background:#f7fbfb!important}.sort-th{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#1f2937!important;border-radius:0!important;font-size:12px!important}.sort-th.active,.sort-th:hover{background:transparent!important;color:#00a6a6!important}.creator-name-btn{color:#00a6a6!important;font-weight:900!important;text-shadow:none!important}.creator-quick-filters{display:flex!important;gap:8px!important;margin:0 0 14px!important}.quick-chip{height:30px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e5e9ee!important;color:#344256!important;padding:0 12px!important}.quick-chip.active{background:#e9fbfb!important;border-color:#c7eeee!important;color:#00a6a6!important}.creator-admin-filters{grid-template-columns:minmax(240px,1fr) auto!important;align-items:end!important;margin-bottom:16px!important}.creator-filter-actions{display:flex!important;gap:8px!important}.creator-admin-table table{min-width:960px!important}.report-status-badge.reported,.success-badge,.status-success{background:#dff8e8!important;color:#15934b!important;border:0!important}.open-video-link{color:#00a6a6!important;background:transparent!important;border:0!important;padding:0!important;font-weight:900!important}.open-video-link:hover{text-decoration:underline!important}.login-card{border-radius:10px!important;box-shadow:0 22px 70px rgba(16,32,51,.10)!important}.login-logo{display:none!important}@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.filter-grid{grid-template-columns:repeat(2,1fr)!important}.shell{grid-template-columns:190px minmax(0,1fr)!important}.main{padding:18px!important}}@media(max-width:760px){.shell{display:block!important;padding-top:56px!important}.sidebar{position:relative!important;top:0!important;height:auto!important}.dashboard-grid,.filter-grid{grid-template-columns:1fr!important}.top-mini-brand{display:none!important}}

/* 2026-07-09 Clean stable UI v3 - fix broken layout/colors */
:root{
  --ui-bg:#f5f7fa;--ui-surface:#ffffff;--ui-surface-2:#f8fafc;--ui-sidebar:#eef1f4;
  --ui-ink:#111827;--ui-text:#243044;--ui-muted:#7b8794;--ui-line:#e3e8ef;
  --ui-teal:#00a6a6;--ui-teal-2:#028f8f;--ui-blue:#2563eb;--ui-red:#ef4444;
  --ui-shadow:0 8px 24px rgba(15,23,42,.06);--ui-shadow-lg:0 18px 50px rgba(15,23,42,.10);
}
html,body{margin:0!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.45!important;overflow-x:hidden!important;-webkit-font-smoothing:antialiased!important}
body *{box-sizing:border-box}button,input,textarea,select{font-family:inherit!important}button{cursor:pointer!important}
/* fixed black topbar */
.shell{display:block!important;min-height:100vh!important;background:var(--ui-bg)!important;padding:0!important;overflow-x:hidden!important}.brand{position:fixed!important;top:0!important;left:0!important;right:0!important;height:58px!important;z-index:1000!important;background:#111!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 22px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important}.brand .logo{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;background:#111!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;box-shadow:none!important;text-shadow:2px 0 #25f4ee,-2px 0 #fe2c55!important}.brand h1{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.02em!important}.brand p{margin:2px 0 0!important;color:#b8c0ca!important;font-size:11px!important;font-weight:700!important}.top-mini-brand{margin-left:auto!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.02em!important}.logout-btn{position:fixed!important;top:10px!important;right:22px!important;z-index:1002!important;width:auto!important;margin:0!important;padding:8px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-size:12px!important;font-weight:900!important}.logout-btn:before{content:'|';display:inline-block;margin-right:12px;color:#64748b}.logout-btn:hover{background:transparent!important;color:#25f4ee!important;transform:none!important}.sidebar-theme-toggle{display:none!important}
/* sidebar */
.sidebar{position:fixed!important;left:0!important;top:58px!important;bottom:0!important;width:270px!important;height:auto!important;z-index:900!important;background:var(--ui-sidebar)!important;border:0!important;padding:22px 10px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:inset -1px 0 0 rgba(15,23,42,.04)!important;backdrop-filter:none!important}.admin-nav-btn,.sidebar .primary.full,.project-item,.sidebar-sub-item{width:100%!important}.admin-nav-btn{height:44px!important;margin:0 0 8px!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:var(--ui-ink)!important;font-size:13px!important;font-weight:900!important;text-align:center!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.admin-nav-btn.active{background:#e7fbfb!important;color:var(--ui-teal)!important}.admin-nav-btn:hover{background:#f8fafc!important;color:var(--ui-teal-2)!important;transform:none!important}.sidebar .primary.full,#newProjectBtn{height:44px!important;margin:8px 0 14px!important;border:0!important;border-radius:8px!important;background:var(--ui-teal)!important;color:#fff!important;font-weight:900!important;box-shadow:0 8px 18px rgba(0,166,166,.18)!important}.search-box{margin:0 0 14px!important}.search-box input{width:100%!important;height:42px!important;background:#fff!important;color:var(--ui-ink)!important;border:1px solid #d9e1ea!important;border-radius:7px!important;padding:0 12px!important;font-size:13px!important;box-shadow:none!important}.project-list{display:grid!important;gap:8px!important;background:#fff!important;border:1px solid #edf0f3!important;border-radius:10px!important;padding:8px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important}.project-item{min-height:58px!important;padding:12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ui-ink)!important;text-align:left!important;box-shadow:none!important}.project-item.active{background:#e7fbfb!important;color:var(--ui-teal)!important}.project-item strong{display:block!important;font-size:13px!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.project-item span{display:block!important;margin-top:4px!important;font-size:11px!important;color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.db-status{position:static!important;margin:14px 0 0!important;padding:12px!important;background:#fff!important;border:1px solid #edf0f3!important;border-radius:999px!important;color:#475569!important;font-size:11px!important;font-weight:700!important;line-height:1.45!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;word-break:break-word!important}
/* main */
.main{margin-left:270px!important;padding:88px 28px 28px!important;min-height:100vh!important;max-width:none!important;width:calc(100vw - 270px)!important;overflow-x:hidden!important;background:var(--ui-bg)!important;color:var(--ui-text)!important}.detail,.dashboard-view,.reports-view,.creator-admin-view,.empty-view{padding:0!important;display:grid!important;gap:18px!important;max-width:100%!important}.detail.hidden,.dashboard-view.hidden,.reports-view.hidden,.creator-admin-view.hidden,.empty-view.hidden{display:none!important}.detail-head,.page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.detail-head h2,.page-head h1{margin:0!important;color:var(--ui-ink)!important;font-size:24px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:-.035em!important}.detail-head .eyebrow{display:none!important}.detail-head .muted,.page-head .muted{margin-top:6px!important;color:var(--ui-muted)!important;font-size:12px!important;font-weight:600!important}.head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;min-width:max-content!important}.head-actions button{height:40px!important;padding:0 16px!important;border-radius:7px!important}
/* cards/panels */
.panel,.filter-panel,.data-card,.dashboard-card,.empty-card,.dialog-card,.web-modal-card{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;box-shadow:var(--ui-shadow)!important;color:var(--ui-text)!important}.panel{padding:24px!important;margin:0!important;overflow:hidden!important}.panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:0!important;border:0!important}.panel-head h3{margin:0 0 6px!important;color:var(--ui-ink)!important;font-size:18px!important;font-weight:900!important;letter-spacing:-.02em!important}.panel-head p,.muted{color:var(--ui-muted)!important}.sub-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important;margin-top:16px!important}.sub-card{background:#eef6ff!important;border:1px solid #bfdbfe!important;border-radius:14px!important;color:var(--ui-text)!important;padding:16px!important;box-shadow:none!important}.sub-card.active{background:#e8f2ff!important;border-color:#8bbcff!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}.sub-card h4{color:var(--ui-ink)!important;font-weight:900!important}.badge{background:#e7f0ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;border-radius:999px!important}
/* upload area */
.upload-dashboard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)!important;gap:16px!important;align-items:stretch!important;margin:18px 0!important;width:100%!important}.data-card{padding:22px!important;min-width:0!important}.data-card-top{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:18px!important}.data-icon{width:42px!important;height:42px!important;border-radius:10px!important;background:#eefafa!important;color:var(--ui-teal)!important;display:grid!important;place-items:center!important;font-size:22px!important}.data-card h4{margin:0!important;color:var(--ui-ink)!important;font-size:18px!important;font-weight:900!important}.metric-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:12px 0!important;background:transparent!important;border:0!important}.metric-row>div{background:#f7f9fb!important;border:1px solid #e3e8ef!important;border-radius:10px!important;padding:12px!important}.metric-row strong{display:block!important;color:var(--ui-ink)!important;font-size:28px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.04em!important}.metric-row span{display:block!important;margin-top:6px!important;color:#66758a!important;font-size:12px!important;font-weight:800!important}.latest-file{margin:14px 0!important;color:var(--ui-muted)!important;font-weight:600!important}.data-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.auto-creator-card{background:#fff!important;border:1px solid var(--ui-line)!important}.auto-creator-card .latest-file{color:#66758a!important;font-weight:800!important;max-width:680px!important}
/* workflow/filter */
.filter-panel{padding:0!important;overflow:hidden!important}.filter-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:22px 24px!important;border-bottom:1px solid var(--ui-line)!important;margin:0!important}.filter-head h3{margin:0!important;color:var(--ui-ink)!important;font-size:18px!important;font-weight:900!important}.filter-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.filter-actions button{height:42px!important;border-radius:7px!important;padding:0 16px!important}.filter-grid{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:14px!important;padding:18px 24px!important;background:#fff!important;border:0!important;box-shadow:none!important}.filter-grid label{display:grid!important;gap:8px!important;color:#344256!important;font-size:12px!important;font-weight:900!important}.result-wrap{padding:0 24px 24px!important}.result-meta{margin:0 0 14px!important}.creator-admin-filters{display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;gap:14px!important;align-items:end!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.creator-admin-filters label{display:grid!important;gap:8px!important;color:#344256!important;font-size:12px!important;font-weight:900!important}.creator-filter-actions{display:flex!important;gap:8px!important;align-items:center!important}.creator-filter-actions button{height:40px!important;border-radius:7px!important}
/* buttons */
.primary,.upload-btn,.big-upload,.submit-btn,.search-btn{background:var(--ui-teal)!important;color:#fff!important;border:0!important;border-radius:7px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(0,166,166,.18)!important}.primary:hover,.upload-btn:hover,.big-upload:hover,.submit-btn:hover,.search-btn:hover{background:var(--ui-teal-2)!important;transform:translateY(-1px)!important}.ghost,.secondary,.secondary-btn,.reset-btn{background:#eef0f2!important;color:#1f2937!important;border:1px solid #dce3ea!important;border-radius:7px!important;font-weight:900!important;box-shadow:none!important}.ghost:hover,.secondary:hover,.secondary-btn:hover,.reset-btn:hover{background:#e1e5e8!important;transform:translateY(-1px)!important}.danger,.danger.ghost{background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important}.danger:hover,.danger.ghost:hover{background:#ffe4e6!important}.upload-btn{height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.upload-btn input{display:none!important}
/* forms */
input,textarea,select{width:100%!important;background:#fff!important;color:var(--ui-ink)!important;border:1px solid #d8dee6!important;border-radius:8px!important;padding:11px 12px!important;outline:none!important;box-shadow:none!important;font-size:14px!important}input:focus,textarea:focus,select:focus{border-color:var(--ui-teal)!important;box-shadow:0 0 0 3px rgba(0,166,166,.12)!important}select{appearance:auto!important}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}
/* tables */
.table-wrap,.report-table-wrap,.history-table-wrap{width:100%!important;overflow:auto!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;max-height:none!important}table{width:100%!important;border-collapse:collapse!important;background:#fff!important;color:var(--ui-text)!important}th{position:sticky!important;top:0!important;z-index:2!important;background:#f1f3f5!important;color:#1f2937!important;border-bottom:1px solid var(--ui-line)!important;padding:14px 13px!important;text-align:left!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}td{padding:15px 13px!important;border-bottom:1px solid #edf0f3!important;color:#334155!important;background:transparent!important;font-size:13px!important;vertical-align:middle!important}tbody tr:nth-child(even){background:#fbfcfd!important}tbody tr:hover{background:#f2fbfb!important}.sort-th{display:inline-flex!important;align-items:center!important;gap:4px!important;background:transparent!important;border:0!important;color:#1f2937!important;padding:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important}.sort-th.active,.sort-th:hover{color:var(--ui-teal)!important;background:transparent!important}.sort-icon{color:#94a3b8!important}.num-cell,.money-cell{font-variant-numeric:tabular-nums!important;text-align:left!important}.creator-name-btn{background:transparent!important;border:0!important;color:var(--ui-teal)!important;font-weight:900!important;text-shadow:none!important;padding:0!important}.creator-name-btn:hover{text-decoration:underline!important;transform:none!important}.open-video-link{background:#eef6ff!important;border:1px solid #bfdbfe!important;color:#2563eb!important;border-radius:999px!important;padding:8px 12px!important;text-decoration:none!important;font-weight:900!important}.open-video-link:hover{background:#dbeafe!important;text-decoration:none!important}.report-status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important}.report-status-badge.reported{background:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important}.report-status-badge.not-reported{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important}
.creator-quick-filters{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 16px!important}.quick-chip{height:32px!important;padding:0 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ui-line)!important;color:#334155!important;font-size:12px!important;font-weight:900!important}.quick-chip.active{background:#e7fbfb!important;color:var(--ui-teal)!important;border-color:#c7eeee!important}
/* dialogs */
dialog::backdrop{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(2px)!important}.dialog-card,.modal,.modal-card,.report-links-card{background:#fff!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:0 24px 90px rgba(15,23,42,.24)!important}.dialog-card h3,.modal h2{color:var(--ui-ink)!important;font-weight:900!important}.report-links-text{background:#f8fafc!important;color:var(--ui-ink)!important;border-color:#d8dee6!important}.toast,#toast{background:#111827!important;color:#fff!important;border-radius:8px!important;box-shadow:0 16px 50px rgba(15,23,42,.25)!important}
/* login */
.login-view{background:linear-gradient(135deg,#f7fafc,#eef3f5)!important}.login-card{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:var(--ui-shadow-lg)!important;color:var(--ui-ink)!important}.login-card h2{color:var(--ui-ink)!important}.login-logo,.login-glow{display:none!important}.login-form label{color:#344256!important;font-weight:900!important}.login-submit{height:44px!important}.password-toggle{height:auto!important}
/* responsive */
@media(max-width:1180px){.upload-dashboard{grid-template-columns:1fr!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.creator-admin-filters{grid-template-columns:1fr!important}.creator-filter-actions{justify-content:flex-start!important}}
@media(max-width:760px){.brand{padding:0 14px!important}.top-mini-brand{display:none!important}.sidebar{position:relative!important;top:58px!important;width:100%!important;height:auto!important;bottom:auto!important;padding:14px!important}.main{margin-left:0!important;width:100%!important;padding:76px 14px 20px!important}.filter-head,.detail-head,.panel-head{display:grid!important;grid-template-columns:1fr!important}.filter-grid,.dashboard-grid{grid-template-columns:1fr!important}.data-card-actions{grid-template-columns:1fr!important}.metric-row{grid-template-columns:1fr!important}.logout-btn{right:14px!important}}

/* 2026-07-09 sidebar brand management cleanup */
#dashboardBtn{display:none!important}.sidebar{display:flex!important;flex-direction:column!important}.brand-section-title{margin:18px 4px 8px!important;color:#657284!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}.project-list{flex:0 1 auto!important;max-height:calc(100vh - 360px)!important;overflow:auto!important}.db-status{margin-top:12px!important}#newProjectBtn{order:99!important;margin-top:auto!important;margin-bottom:0!important;flex:0 0 auto!important}.search-box{flex:0 0 auto!important}.admin-nav-btn{flex:0 0 auto!important}#brandManagerBtn.active{background:#e7fbfb!important;color:#00a6a6!important}.sidebar::-webkit-scrollbar,.project-list::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb,.project-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}
@media(max-width:760px){#newProjectBtn{margin-top:14px!important}.project-list{max-height:none!important}}

/* 20260709-brandpanel2: put brand list inside Quan li thuong hieu */
.sidebar .brand-section-title{display:none!important}
.sidebar{display:flex!important;flex-direction:column!important;gap:0!important}
#brandManagerBtn{order:2!important;margin-bottom:0!important;border-radius:16px 16px 10px 10px!important}
#brandManagerBtn.active{background:#ffffff!important;color:#0f766e!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
#brandManagerPanel{order:3!important;display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 12px!important;padding:10px!important;background:#ffffff!important;border:1px solid rgba(15,23,42,.08)!important;border-top:0!important;border-radius:0 0 18px 18px!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important;min-height:0!important;overflow:hidden!important}
#brandManagerPanel .search-box{order:1!important;margin:0!important;width:100%!important}
#brandManagerPanel .search-box input{height:44px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid rgba(15,23,42,.12)!important;color:#0f172a!important;font-weight:700!important}
#brandManagerPanel .project-list{order:2!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;max-height:calc(100vh - 430px)!important;min-height:120px!important;overflow:auto!important;padding:0 2px 2px!important}
#brandManagerPanel #newProjectBtn{order:99!important;margin:4px 0 0!important;height:44px!important;border-radius:12px!important;background:#0f766e!important;color:#fff!important;box-shadow:none!important}
#creatorAdminBtn{order:4!important;margin-top:2px!important}
#logoutBtn{order:90!important;margin-top:auto!important}
#themeToggleBtn{order:91!important}
#dbStatus{order:92!important;margin-top:10px!important}


@media(max-width:900px){#brandManagerPanel .project-list{max-height:none!important}.sidebar{display:block!important}#logoutBtn{margin-top:12px!important}}

/* 20260709-creatornavtop1: put creator admin above brand management */
#creatorAdminBtn{order:2!important;margin-top:0!important;margin-bottom:8px!important}
#brandManagerBtn{order:3!important;margin-bottom:0!important}
#brandManagerPanel{order:4!important}

/* 20260709-minimalui1: simplify UI, remove hover color-shift, reduce unnecessary rounding/effects */
:root{--minimal-radius:10px;--minimal-radius-sm:8px;--minimal-border:rgba(15,23,42,.10);--minimal-bg:#f5f7f9;--minimal-card:#fff;--minimal-text:#111827;--minimal-muted:#64748b;--minimal-accent:#0f766e}
*{transition:none!important;animation:none!important}
body{background:var(--minimal-bg)!important;color:var(--minimal-text)!important}
button,.button,.primary,.ghost,.secondary,.danger,.admin-nav-btn,.logout-btn,.theme-toggle,.big-upload,.icon-btn,.filter-action,.copy-btn{border-radius:var(--minimal-radius-sm)!important;box-shadow:none!important;transform:none!important;background-image:none!important}
button:hover,.button:hover,.primary:hover,.ghost:hover,.secondary:hover,.danger:hover,.admin-nav-btn:hover,.logout-btn:hover,.theme-toggle:hover,.big-upload:hover,.icon-btn:hover,.filter-action:hover,.copy-btn:hover{transform:none!important;box-shadow:none!important;filter:none!important;background-color:inherit!important;color:inherit!important;border-color:inherit!important}
.primary:hover,#newProjectBtn:hover,#runFilterBtn:hover,.login-submit:hover,.big-upload:hover{background:#0f766e!important;color:#fff!important}
.danger:hover{background:#fff!important;color:#b91c1c!important;border-color:#fecaca!important}
.ghost:hover,.secondary:hover,.icon-btn:hover,.copy-btn:hover{background:#fff!important;color:#334155!important;border-color:var(--minimal-border)!important}
.admin-nav-btn:hover{background:#fff!important;color:#111827!important;border-color:var(--minimal-border)!important}
.admin-nav-btn.active:hover,#brandManagerBtn.active:hover{background:#eefafa!important;color:#0f766e!important}
.sidebar{background:#eef2f5!important;padding:18px 10px!important}
.brand{border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:8px 6px 14px!important;margin-bottom:4px!important}
.brand .logo{border-radius:8px!important;box-shadow:none!important}
.admin-nav-btn{height:44px!important;border:1px solid var(--minimal-border)!important;background:#fff!important;color:#111827!important;margin-bottom:8px!important;font-weight:800!important}
.admin-nav-btn.active{background:#eefafa!important;color:#0f766e!important;border-color:#c8eeee!important}
#brandManagerBtn{border-radius:var(--minimal-radius-sm)!important;margin-bottom:8px!important}
#brandManagerPanel{border-radius:var(--minimal-radius)!important;margin:0 0 10px!important;padding:10px!important;border:1px solid var(--minimal-border)!important;border-top:1px solid var(--minimal-border)!important;background:#fff!important;box-shadow:none!important}
#brandManagerPanel .search-box input,.search-box input,input,select,textarea{border-radius:var(--minimal-radius-sm)!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--minimal-border)!important;color:#111827!important}
.project-item{border-radius:var(--minimal-radius-sm)!important;background:#f0fbfb!important;border:1px solid #d8eeee!important;box-shadow:none!important;margin-bottom:8px!important}
.project-item:hover{background:#f0fbfb!important;color:inherit!important;border-color:#d8eeee!important}
.project-item.active{background:#e6f7f7!important;border-color:#bae6e6!important}
.sidebar-sub-item{border-radius:var(--minimal-radius-sm)!important;background:#fff!important;border:1px solid var(--minimal-border)!important;box-shadow:none!important}
.sidebar-sub-item:hover{background:#fff!important;color:#475569!important;border-color:var(--minimal-border)!important}
.sidebar-sub-item.active{background:#eefafa!important;border-color:#bdeaea!important;color:#0f766e!important}
#newProjectBtn{border-radius:var(--minimal-radius-sm)!important;background:#0f766e!important;color:#fff!important;box-shadow:none!important}
#dbStatus{border-radius:999px!important;background:#fff!important;border:1px solid var(--minimal-border)!important;box-shadow:none!important;color:#111827!important}
.card,.panel,.table-card,.upload-card,.filter-card,.modal,.dialog,.summary-card,.dashboard-card,.stat-card,.sub-card,.empty-state,.detail-card{border-radius:var(--minimal-radius)!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--minimal-border)!important}
.table-wrap,table{border-radius:var(--minimal-radius)!important;box-shadow:none!important}
th,td{box-shadow:none!important}
.badge,.pill,.status-badge{border-radius:999px!important;box-shadow:none!important;background:#f1f5f9!important;color:#334155!important}
.badge.success,.status-reported{background:#dcfce7!important;color:#166534!important}
.badge.warn,.status-unreported{background:#f8fafc!important;color:#64748b!important}
.topbar,.top-bar,.app-header{box-shadow:none!important;background:#101820!important;background-image:none!important}


/* 20260709-uicleanfix1: visual bug pass from screenshot */
/* Fix 1: brand/logo was almost invisible on light sidebar */
.sidebar .brand{display:grid!important;grid-template-columns:36px 1fr!important;align-items:center!important;gap:10px!important;padding:6px 4px 16px!important;margin:0 0 6px!important;color:#0f172a!important}
.sidebar .brand .logo{width:32px!important;height:32px!important;background:#07111f!important;color:#fff!important;border-radius:8px!important;font-size:18px!important;display:grid!important;place-items:center!important}
.sidebar .brand h1{margin:0!important;color:#111827!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important;opacity:1!important}
.sidebar .brand p{margin:2px 0 0!important;color:#667085!important;font-size:11px!important;font-weight:700!important;opacity:1!important}
.sidebar .top-mini-brand{display:none!important}

/* Fix 2: reduce empty horizontal/vertical space and make layout feel intentional */
.main{padding:32px 28px!important;background:#f5f7f9!important}
.detail-head{min-height:0!important;margin-bottom:18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.detail-head h2{font-size:26px!important;letter-spacing:-.03em!important;color:#0f172a!important}
.panel{padding:20px!important;margin-bottom:18px!important;border-color:#dfe5ec!important}
.panel-head{gap:16px!important;margin-bottom:16px!important;align-items:flex-start!important}
.panel-head h3{font-size:20px!important;letter-spacing:-.02em!important;color:#111827!important}
.sub-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,260px))!important;gap:14px!important;align-items:start!important}
.sub-card{min-height:0!important;padding:16px!important;border:1px solid #cfe0f4!important;background:#eef6ff!important;box-shadow:none!important}
.sub-card.active{outline:2px solid #bfdbfe!important;outline-offset:0!important;background:#eaf4ff!important}
.sub-card h4{font-size:18px!important;margin-bottom:8px!important;color:#0f172a!important}

/* Fix 3: upload area had one giant empty creator card; convert to compact single-column flow */
.upload-dashboard{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0 0 18px!important}
.data-card{padding:18px 20px!important;border:1px solid #dfe5ec!important;border-top:3px solid #8ee3dc!important;border-radius:10px!important;box-shadow:none!important;min-height:0!important;background:#fff!important}
.data-card-top{margin-bottom:14px!important}.data-card h4{font-size:18px!important;color:#111827!important}
.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 12px!important}
.metric-row>div{border-radius:8px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:12px!important}
.metric-row strong{font-size:28px!important;color:#0f172a!important}.metric-row span{color:#64748b!important}
.auto-creator-card{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:14px!important;align-items:start!important;padding:14px 18px!important;border-top:1px solid #dfe5ec!important;background:#fff!important}
.auto-creator-card .data-card-top{margin:0!important}.auto-creator-card .latest-file{margin:6px 0 0!important;max-width:100%!important;color:#64748b!important;font-size:13px!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* Fix 4: remove remaining gradient/over-rounded buttons in upload/filter */
.data-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
.data-card-actions .big-upload,.filter-actions .primary,.filter-actions .ghost,.head-actions .ghost,.head-actions .danger,#newSubBtn{height:42px!important;border-radius:8px!important;box-shadow:none!important;background-image:none!important;transform:none!important}
.data-card-actions .upload-btn.big-upload,#runFilterBtn,#newSubBtn{background:#0f766e!important;color:#fff!important;border:1px solid #0f766e!important}
.data-card-actions .manual-video-btn,.filter-actions .ghost,.head-actions .ghost{background:#f8fafc!important;color:#111827!important;border:1px solid #d7dee8!important}
.head-actions .danger{background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important}
.data-card-actions .big-upload:hover,.filter-actions button:hover,.head-actions button:hover,#newSubBtn:hover{background-color:inherit!important;color:inherit!important;border-color:inherit!important;box-shadow:none!important;transform:none!important;filter:none!important}
.data-card-actions .upload-btn.big-upload:hover,#runFilterBtn:hover,#newSubBtn:hover{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}

/* Fix 5: sidebar looked boxed-in and heavy */
.sidebar{background:#eef2f5!important;border-right:1px solid #e1e7ef!important;padding:16px 10px!important}
.admin-nav-btn{height:42px!important;border-radius:8px!important;font-size:13px!important}
#brandManagerPanel{padding:10px!important;border-radius:10px!important;background:#fff!important}
#brandManagerPanel .project-list{min-height:0!important;max-height:calc(100vh - 420px)!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.project-item{padding:12px!important;border-radius:8px!important;background:#edfafa!important;border-color:#d7eeee!important}
.sidebar-sub-list{padding-left:14px!important;margin-top:8px!important}.sidebar-sub-item{padding:10px!important}.sidebar-add-sub{height:38px!important;border-radius:8px!important}
#dbStatus{font-size:11px!important;line-height:1.45!important;padding:12px 14px!important}

/* Fix 6: filter block should be compact and readable */
.filter-panel{border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.smart-filter-head{padding:18px 20px!important;border-bottom:1px solid #e5eaf0!important;background:#fff!important}
.filter-actions{gap:8px!important;flex-wrap:wrap!important}.filter-actions button{min-width:0!important;padding:0 16px!important}
.filter-grid{padding:18px 20px!important;gap:14px!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important}
.filter-grid label{border-radius:10px!important;background:#fff!important;border:1px solid #e2e8f0!important;padding:14px!important;box-shadow:none!important;color:#334155!important}
.filter-grid input{height:40px!important;margin-top:8px!important}

@media(max-width:1280px){.filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.data-card-actions{grid-template-columns:1fr!important}}
@media(max-width:900px){.main{padding:22px 14px!important}.metric-row{grid-template-columns:1fr!important}.auto-creator-card{display:block!important}.filter-grid{grid-template-columns:1fr!important}.sub-grid{grid-template-columns:1fr!important}}

/* 20260709-minimalclean2: final minimal cleanup from screenshot */
/* Kill old fixed topbar behavior that made logout/brand text break on the right */
.shell{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh!important;background:#f5f7f9!important;padding:0!important;overflow-x:hidden!important}
.sidebar{position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;width:250px!important;height:100vh!important;z-index:20!important;display:flex!important;flex-direction:column!important;background:#eef2f5!important;border-right:1px solid #dfe6ee!important;padding:14px 10px!important;overflow:auto!important;box-shadow:none!important}
.main{margin-left:0!important;width:auto!important;min-width:0!important;padding:30px 28px 40px!important;background:#f5f7f9!important}
.sidebar .brand,.brand{position:static!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:9px!important;align-items:center!important;background:transparent!important;color:#0f172a!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 4px 14px!important;margin:0 0 8px!important}
.sidebar .brand .logo,.brand .logo{width:30px!important;height:30px!important;min-width:30px!important;border-radius:7px!important;background:#0b1220!important;color:#fff!important;font-size:17px!important;text-shadow:1px 0 #25f4ee,-1px 0 #fe2c55!important;box-shadow:none!important}
.sidebar .brand h1,.brand h1{color:#0f172a!important;font-size:14px!important;font-weight:900!important;margin:0!important;line-height:1.05!important;opacity:1!important}.sidebar .brand p,.brand p{color:#64748b!important;font-size:11px!important;margin:2px 0 0!important;line-height:1.1!important;opacity:1!important}.top-mini-brand{display:none!important}

/* Put account controls back into sidebar so nothing is clipped */
.logout-btn,.sidebar-theme-toggle{position:static!important;inset:auto!important;z-index:auto!important;width:100%!important;height:40px!important;margin:8px 0 0!important;padding:0 12px!important;border-radius:8px!important;border:1px solid #d7dee8!important;background:#fff!important;color:#0f172a!important;font-size:12px!important;font-weight:800!important;text-align:center!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.logout-btn:before{content:none!important}.logout-btn:hover,.sidebar-theme-toggle:hover{background:#fff!important;color:#0f172a!important;border-color:#d7dee8!important;transform:none!important;box-shadow:none!important}
#logoutBtn{order:92!important;margin-top:10px!important}#themeToggleBtn{order:93!important}.db-status{order:91!important;margin-top:10px!important}

/* Sidebar: fewer boxes, less visual noise */
.admin-nav-btn{height:40px!important;border-radius:8px!important;background:#fff!important;border:1px solid #dfe5ec!important;color:#111827!important;font-size:13px!important;font-weight:850!important;margin:0 0 8px!important}.admin-nav-btn.active{background:#f8fafc!important;color:#0f766e!important;border-color:#cfd8e3!important}.admin-nav-btn:hover,.admin-nav-btn.active:hover{background:inherit!important;color:inherit!important;border-color:inherit!important}
#brandManagerPanel{border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;padding:9px!important;margin:0 0 10px!important;box-shadow:none!important}#brandManagerPanel .search-box input{height:40px!important;border-radius:8px!important;background:#fff!important;font-size:12px!important}#brandManagerPanel .project-list{gap:7px!important;max-height:calc(100vh - 440px)!important;overflow:auto!important}.project-item{min-height:50px!important;padding:10px!important;background:#f3fbfb!important;border:1px solid #d7eeee!important;border-radius:8px!important}.project-item strong{font-size:12px!important}.project-item span{font-size:10.5px!important}.sidebar-sub-list{margin-top:6px!important;padding-left:10px!important;border-left:1px solid #dbeafe!important}.sidebar-sub-item{min-height:44px!important;padding:9px!important;border-radius:8px!important}.sidebar-add-sub{height:36px!important;border-radius:8px!important;background:#fff!important;border:1px solid #d7dee8!important;color:#111827!important}#newProjectBtn{height:40px!important;border-radius:8px!important;background:#0f766e!important;color:#fff!important;margin-top:8px!important}.db-status{border-radius:10px!important;font-size:10.5px!important;background:#fff!important;border:1px solid #dfe5ec!important;color:#334155!important;padding:10px!important;word-break:break-word!important}

/* Main: tighter, minimal, no oversized empty blocks */
.detail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:0!important}.detail-head h2{font-size:25px!important;line-height:1.05!important;margin:0 0 8px!important;color:#0f172a!important}.muted{color:#7a8699!important}.eyebrow{color:#7a8699!important;letter-spacing:.12em!important}.head-actions{gap:8px!important}.head-actions button{height:40px!important;padding:0 16px!important;border-radius:8px!important}
.panel{border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;padding:18px!important;margin:0 0 18px!important}.panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}.panel-head h3{font-size:19px!important;line-height:1.15!important;margin:0 0 6px!important}.panel-head .muted{font-size:13px!important}.sub-grid{grid-template-columns:repeat(auto-fill,minmax(210px,240px))!important;gap:12px!important;min-height:0!important}.sub-card{padding:14px!important;min-height:132px!important;max-width:240px!important;background:#edf6ff!important;border:1px solid #cfe0f4!important;border-radius:9px!important}.sub-card h4{font-size:18px!important}.sub-card .badge{font-size:12px!important;padding:6px 9px!important}

/* Data cards: remove decorative top line and huge empty space */
.upload-dashboard{grid-template-columns:1fr!important;gap:12px!important;margin:0 0 14px!important}.data-card{padding:16px!important;border:1px solid #dfe5ec!important;border-top:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important}.data-card-top{gap:10px!important;margin-bottom:12px!important}.data-icon{width:36px!important;height:36px!important;border-radius:8px!important;font-size:18px!important;background:#f1f5f9!important;color:#334155!important}.data-card h4{font-size:18px!important}.metric-row{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:10px 0!important}.metric-row>div{padding:10px!important;border-radius:8px!important;background:#f8fafc!important}.metric-row strong{font-size:26px!important}.latest-file{font-size:12.5px!important;margin:10px 0!important}.data-card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.data-card-actions .big-upload{height:40px!important;border-radius:8px!important}.auto-creator-card{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important}.auto-creator-card .data-card-top{flex:0 0 auto!important;margin:0!important}.auto-creator-card .latest-file{margin:0!important;font-size:12.5px!important;color:#64748b!important;font-weight:700!important}

/* Filter: lighter controls */
.filter-panel{border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;margin-top:14px!important}.smart-filter-head{padding:16px 18px!important;border-bottom:1px solid #edf0f3!important}.filter-actions button{height:40px!important;border-radius:8px!important;padding:0 14px!important}.filter-grid{padding:16px 18px!important;gap:12px!important}.filter-grid label{padding:12px!important;border-radius:9px!important;border:1px solid #e2e8f0!important;background:#fff!important;font-size:12px!important}.filter-grid input{height:38px!important;border-radius:8px!important}

@media(max-width:900px){.shell{display:block!important}.sidebar{position:relative!important;width:100%!important;height:auto!important}.main{padding:20px 14px!important}.detail-head,.panel-head{display:grid!important;grid-template-columns:1fr!important}.metric-row,.data-card-actions,.filter-grid{grid-template-columns:1fr!important}.auto-creator-card{display:block!important}.auto-creator-card .latest-file{margin-top:8px!important}}

/* 20260709-sidebarorderfix1: fix dumb sidebar ordering caused by old CSS order rules */
.sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:250px!important;padding:14px 10px!important;overflow:auto!important}
.sidebar .brand{order:1!important;position:static!important;margin:0 0 12px!important;padding:0 4px 12px!important;display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;gap:9px!important;min-height:36px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#creatorAdminBtn{order:2!important;margin:0 0 8px!important}
#brandManagerBtn{order:3!important;margin:0 0 8px!important}
#brandManagerPanel{order:4!important;margin:0 0 10px!important}
#dbStatus{order:90!important;margin-top:auto!important;margin-bottom:8px!important}
#themeToggleBtn{order:91!important;margin:0 0 8px!important}
#logoutBtn{order:92!important;margin:0!important}
.sidebar .brand .logo{position:static!important;margin:0!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;line-height:1!important}
.sidebar .brand h1,.sidebar .brand p{display:block!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar .brand h1{font-size:14px!important;margin:0!important}.sidebar .brand p{font-size:11px!important;margin:2px 0 0!important}
/* keep bottom controls readable, not floating in middle */
.logout-btn,.sidebar-theme-toggle,#dbStatus{position:static!important;width:100%!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}

/* 20260709-sidebarnames1: clean brand/product names in sidebar */
.project-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:54px!important;padding:10px 12px!important;text-align:left!important}
.project-item .chevron{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;color:#64748b!important;font-size:10px!important;line-height:1!important}
.project-title-wrap{display:block!important;min-width:0!important;overflow:hidden!important}.project-title-wrap strong{display:block!important;color:#475569!important;font-size:13px!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.project-title-wrap>span{display:block!important;margin-top:3px!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-sub-list{margin:8px 0 0 18px!important;padding:0 0 0 10px!important;border-left:1px solid #dbeafe!important;display:grid!important;gap:7px!important}.sidebar-sub-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-height:54px!important;padding:10px!important;text-align:left!important;background:#f8ffff!important;border:1px solid #dbeafe!important;border-radius:8px!important}.sidebar-sub-item .sub-dot{width:18px!important;color:#06b6d4!important;font-size:13px!important;line-height:1!important}.sidebar-sub-text{display:block!important;min-width:0!important}.sidebar-sub-text strong{display:block!important;color:#0f172a!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-sub-text small{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;margin-top:5px!important;color:#475569!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.sidebar-sub-text small span{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}.sidebar-add-sub{margin-top:2px!important;height:38px!important;font-size:13px!important;font-weight:900!important}

/* 20260709-tablecols1: remove auto creator card and rationalize result table columns */
.auto-creator-card{display:none!important}
.upload-dashboard{grid-template-columns:1fr!important;margin-bottom:14px!important}
.filter-result-table{table-layout:fixed!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.filter-result-table .col-stt{width:54px!important}.filter-result-table .col-creator{width:210px!important}.filter-result-table .col-account{width:180px!important}.filter-result-table .col-follower{width:140px!important}.filter-result-table .col-count{width:96px!important}.filter-result-table .col-video{width:auto!important}.filter-result-table .col-status{width:140px!important}.filter-result-table .col-link{width:120px!important}
.filter-result-table th,.filter-result-table td{vertical-align:middle!important;text-align:left!important;padding:14px 14px!important;line-height:1.35!important;white-space:normal!important}
.filter-result-table th{height:44px!important;font-size:12px!important;color:#0f172a!important;background:#f1f5f9!important;white-space:nowrap!important}
.filter-result-table td{font-size:13px!important;color:#24324a!important;border-bottom:1px solid #edf1f5!important}
.filter-result-table .stt-cell{font-weight:900!important;color:#0f172a!important;text-align:center!important}.filter-result-table .creator-cell{font-weight:900!important;color:#0f172a!important}.filter-result-table .account-cell{color:#475569!important;word-break:break-word!important}.filter-result-table .num-cell{text-align:right!important;font-variant-numeric:tabular-nums!important;font-weight:900!important;color:#1e293b!important}.filter-result-table .video-count-cell{text-align:center!important}.filter-result-table .video-desc-cell{text-align:left!important;max-width:none!important;word-break:break-word!important;color:#334155!important}.filter-result-table .status-cell,.filter-result-table .link-cell{text-align:center!important;white-space:nowrap!important}
.filter-result-table .reported-badge,.filter-result-table .report-status,.filter-result-table .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important}.filter-result-table .open-video-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:84px!important;height:34px!important;padding:0 12px!important;border-radius:999px!important;background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;text-decoration:none!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:1200px){.filter-result-table{min-width:1100px!important}.smart-result-table{overflow-x:auto!important}}

/* 20260709-nodarkmode1: remove dark mode UI and force light mode */
.theme-toggle,.login-theme-toggle,.sidebar-theme-toggle,#themeToggleBtn,#loginThemeToggleBtn{display:none!important;visibility:hidden!important;pointer-events:none!important}


/* 20260710-reportstatus1: report status filter */
#reportStatusFilterSelect{width:100%!important;min-height:38px!important;border:1px solid #d6dee8!important;border-radius:6px!important;background:#fff!important;color:#111827!important;padding:8px 10px!important;font-weight:700!important;outline:none!important}
#reportStatusFilterSelect:focus{border-color:#0f766e!important;box-shadow:0 0 0 2px rgba(15,118,110,.12)!important}

/* 20260710: latest report column */
.col-latest-report{width:170px}.latest-report-col{min-width:160px}.latest-report-cell{display:flex;flex-direction:column;gap:2px;line-height:1.25}.latest-report-cell small{color:#64748b;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* Brands view (Quản lí thương hiệu) added 2026-07-11 */


/* Brand dropdown 2026-07-11 */
#brandManagerPanel.collapsed,.brand-manager-panel.collapsed{display:none!important;}
.brand-caret{display:inline-block;margin-left:6px;font-size:11px;transition:transform .15s ease;}
.admin-nav-btn[aria-expanded="true"] .brand-caret{transform:rotate(180deg);}

/* Layout alignment polish 2026-07-11 */
.detail-head,.page-head,.panel-head,.filter-head,.smart-filter-head{align-items:center!important}
.detail-head>div:first-child,.panel-head>div:first-child,.filter-head>div:first-child{min-width:0!important}
.head-actions,.filter-actions{align-items:center!important}
.filter-grid{align-items:stretch!important}
.filter-grid label{grid-template-rows:1fr auto!important;align-content:stretch!important}
.filter-grid label>input,.filter-grid label>select{align-self:end!important;margin-top:0!important}
.creator-admin-filters{align-items:end!important}
.metric-row{align-items:stretch!important}
.metric-row>div{display:flex!important;flex-direction:column!important;justify-content:center!important}


/* Upload history */
.data-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.upload-history-modal{width:min(780px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.upload-history-card{position:relative;width:100%;max-width:100%;box-sizing:border-box;padding:24px;border-radius:26px}
.upload-history-list{display:grid;gap:16px;margin-top:8px;max-height:min(62vh,620px);overflow:auto;padding-right:4px}
.upload-history-section{display:grid;gap:10px}
.upload-history-section h4{margin:0;font-size:15px;color:#1f2937}
.upload-file-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.upload-file-main{display:grid;gap:4px;min-width:0}
.upload-file-main strong{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-file-main span{font-size:12px;color:#64748b}
button.danger.small{border:1px solid rgba(220,38,38,.22);background:#fff1f2;color:#b91c1c;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer;white-space:nowrap}
button.danger.small:hover{background:#ffe4e6;border-color:rgba(220,38,38,.35)}
.no-data.compact{padding:14px;border-radius:14px;background:#f8fafc;color:#64748b}
@media(max-width:900px){.data-card-actions{grid-template-columns:1fr}.upload-file-row{align-items:flex-start;flex-direction:column}.upload-file-row .danger{width:100%}}

/* Upload history button: readable at rest, khong can hover moi sang */
.data-card-actions .upload-history-btn,
.data-card .upload-history-btn,
button.upload-history-btn{background:#0f766e!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #0f766e!important;box-shadow:none!important;font-weight:800!important}
.data-card-actions .upload-history-btn:hover,
.data-card .upload-history-btn:hover,
button.upload-history-btn:hover{background:#0b5e57!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#0b5e57!important;box-shadow:none!important;transform:none!important}


/* Creator admin brand/sub filters */
.creator-admin-filters{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) auto auto!important;align-items:end!important}
.creator-admin-filters .creator-search{grid-column:auto!important}
.creator-admin-filters .creator-search span{display:block;margin-bottom:0;color:inherit}
.creator-admin-filters select{min-height:46px}
.creator-filter-actions{justify-content:flex-end!important}
@media(max-width:980px){.creator-admin-filters{grid-template-columns:1fr!important}.creator-filter-actions{justify-content:stretch!important}.creator-filter-actions button{flex:1}}

/* Creator videos dialog */
.video-count-btn{background:#eef6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:900;border-radius:8px;padding:4px 12px;cursor:pointer}
.video-count-btn:hover{background:#dbeafe;border-color:#93c5fd}
.creator-videos-modal{width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.creator-videos-card{position:relative;width:100%;max-width:100%;box-sizing:border-box;padding:24px;border-radius:26px}
.creator-videos-list{display:grid;gap:16px;margin-top:8px;max-height:min(62vh,620px);overflow:auto;padding-right:4px}
.cv-group{display:grid;gap:8px}
.cv-group h4{margin:0;font-size:14px;color:#0f172a;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cv-sub{color:#2563eb;font-weight:800}
.cv-count{margin-left:auto;font-size:12px;font-weight:800;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 10px}
.cv-rows{display:grid;gap:6px}
.cv-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #eef2f7;border-radius:12px;background:#fff}
.cv-idx{min-width:22px;text-align:center;font-weight:800;color:#94a3b8;font-size:12px}
.cv-desc{flex:1;min-width:0;font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-row .open-video-link{white-space:nowrap}

/* creator name link */
a.creator-name-btn{display:inline;text-decoration:none;cursor:pointer}
a.creator-name-btn:hover{text-decoration:underline}

.creator-admin-filters .creator-check{align-self:end}.creator-admin-filters .creator-check input[type=checkbox]{width:22px!important;height:22px!important;min-height:auto!important;margin:0;cursor:pointer;accent-color:#2563eb}.creator-admin-filters .creator-check span{white-space:nowrap}

/* flown-status */
.cv-row .cv-status{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;white-space:nowrap}
.flown-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;line-height:1;white-space:nowrap}
.flown-badge.alive{background:#dcfce7;color:#15803d;border:1px solid #86efac}
.flown-badge.gone{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}
.flown-badge.unknown{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}

.flown-badge.hold{background:#fef9c3;color:#a16207;border:1px solid #fde047}
.flown-badge.private{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}
.flown-reason{font-size:11px;font-weight:800;color:#9a3412;background:#ffedd5;border-radius:999px;padding:3px 8px;white-space:nowrap}
.flown-when{font-size:11px;font-weight:700;color:#64748b;white-space:nowrap}
.flown-status-col,.flown-at-col{white-space:nowrap}
.flown-status-col{display:table-cell}
.flown-status-col .flown-badge{display:inline-flex}
.flown-status-col .flown-reason{display:inline-block;margin-left:6px}
#creatorCheckAliveBtn{white-space:nowrap}

#creatorVideosCheckBtn{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:800}

/* toast top layer fix */
#toast.toast{position:fixed!important;right:20px!important;bottom:20px!important;left:auto!important;top:auto!important;margin:0!important;z-index:2147483647!important;max-width:420px!important;background:#111827!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important;padding:14px 16px!important;font-weight:800!important;line-height:1.35!important;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}
#toast.toast.show{opacity:1!important;transform:translateY(0)!important}
#toast.toast::backdrop{background:transparent!important;backdrop-filter:none!important}

/* gmv+priority ui */
.creator-name-cell{display:flex;align-items:center;gap:8px}
.prio-star{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0;color:#f59e0b;flex:0 0 auto;transition:transform .12s}
.prio-star:hover{transform:scale(1.18)}
.prio-star.on{color:#f59e0b}
.prio-star:not(.on){color:#cbd5e1}
.gmv-cell{white-space:nowrap}
.gmv-input{width:92px!important;max-width:92px!important;padding:6px 8px;border:1px solid #d7dce5;border-radius:8px;font:inherit;font-weight:700;color:#0f172a;background:#fff;text-align:right}
.gmv-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.gmv-input::placeholder{color:#94a3b8;font-weight:400}
.prio-filter-btn.active,.prio-filter-btn[aria-pressed="true"]{background:#fef3c7;border-color:#f59e0b;color:#92400e;font-weight:800}
@media (max-width:720px){ .gmv-input{width:78px!important;max-width:78px!important} }

/* creator-pager */
.creator-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.creator-pager:empty{display:none}
.pager-info{color:#64748b;font-size:13px;font-weight:600}
.pager-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pager-btn{background:#fff;border:1px solid #d7dce5;border-radius:8px;padding:6px 11px;font:inherit;font-weight:700;color:#0f172a;cursor:pointer;min-width:38px;transition:all .12s}
.pager-btn:hover:not(:disabled):not(.active){border-color:#2563eb;color:#2563eb}
.pager-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;cursor:default}
.pager-btn:disabled{opacity:.45;cursor:not-allowed}
.pager-gap{color:#94a3b8;padding:0 2px;font-weight:700}
.creator-search-id input{min-width:230px}
@media (max-width:720px){ .creator-search-id input{min-width:150px} .pager-btn{padding:5px 9px;min-width:32px} }

/* creator filters two-row layout */
.creator-admin-filters{display:flex;flex-direction:column;gap:14px;grid-template-columns:none!important}
.creator-filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.creator-filter-row-search{display:block}
.creator-filter-row-search .creator-search-id{display:block;width:100%}
.creator-filter-row-search .creator-search-id input{width:100%}
.creator-filter-row-main{align-items:end}
.creator-filter-row-main .creator-search{flex:1 1 200px;min-width:160px}
.creator-filter-row-main .creator-check{flex:0 0 auto;min-width:0}
.creator-filter-row-main .creator-filter-actions{flex:0 0 auto;margin-left:auto}
@media(max-width:680px){.creator-filter-row-main{flex-direction:column;align-items:stretch}.creator-filter-row-main .creator-filter-actions{margin-left:0}}

/* creator star tweaks */
.creator-name-cell{gap:6px;margin-left:-2px;align-items:center}
.prio-star{font-size:22px;line-height:1;height:1em;display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;-webkit-text-fill-color:currentColor}
.prio-star.on{color:#f5b301;-webkit-text-fill-color:#f5b301}
.prio-star:not(.on){color:#cbd5e1;-webkit-text-fill-color:#cbd5e1}
.prio-star:hover{color:#f5b301;-webkit-text-fill-color:#f5b301}

/* === prio-star authoritative (star2) === */
.prio-star{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0 6px 0 -2px;color:#cbd5e1;-webkit-text-fill-color:currentColor;transition:transform .12s ease,color .12s ease;flex:0 0 auto;vertical-align:middle}
.prio-star .prio-star-ic{display:block;width:22px;height:22px}
.prio-star:hover{transform:scale(1.15);color:#f5b301}
.prio-star.on{color:#f5b301}
.prio-star.on:hover{color:#f5b301}

/* === prio-star color override (star4) beats global button !important === */
.prio-star{background:none!important;background-image:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 6px 0 -2px!important;color:#cbd5e1!important;-webkit-text-fill-color:currentColor!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex:0 0 auto!important;vertical-align:middle!important;transition:transform .12s ease,color .12s ease!important}
.prio-star .prio-star-ic{width:22px!important;height:22px!important;display:block!important}
.prio-star:hover{background:none!important;color:#f5b301!important;-webkit-text-fill-color:#f5b301!important;transform:scale(1.15)!important;box-shadow:none!important;border:none!important}
.prio-star.on{color:#f5b301!important;-webkit-text-fill-color:#f5b301!important}
.prio-star.on:hover{color:#f5b301!important;-webkit-text-fill-color:#f5b301!important}

.flown-stick-col{white-space:nowrap;text-align:center}
.flown-stick-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;font-weight:900;font-size:12px;background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}

.report-search-bar{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.report-search-bar .report-search{display:flex;flex-direction:column;gap:4px;flex:1;min-width:240px}
.report-search-bar .report-search span{font-size:12px;font-weight:600;color:#64748b}
.report-search-bar .report-search input{width:100%;padding:9px 12px;border:1px solid #d7dee8;border-radius:8px;font-size:14px}
.report-search-bar .report-search input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}

.detail-info-box{margin-top:8px;padding:12px 14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:rgba(148,163,184,.08);display:flex;flex-direction:column;gap:6px}
.detail-info-box p{margin:0;font-size:13px;line-height:1.5}
.detail-info-box .detail-metrics{display:flex;flex-wrap:wrap;gap:6px 18px}
.detail-info-box .detail-metrics span{white-space:nowrap}
.detail-info-box .detail-countdown{color:#b45309}
.detail-info-box .detail-link a{word-break:break-all}

/* Quan ly cong ty */
.company-table th, .company-table td{ vertical-align:middle; }
.company-name{ font-weight:600; }
.company-name.banned{ color:#dc2626; }
.company-brands{ display:flex; flex-wrap:wrap; gap:4px; }
.company-brand-tag{ display:inline-block; padding:2px 8px; border-radius:999px; background:#eef2ff; color:#4338ca; font-size:12px; }
.company-status{ display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:600; }
.company-status.is-notclone{ background:#fef3c7; color:#92400e; }
.company-status.is-cloned{ background:#dcfce7; color:#166534; }
.company-status.is-banned{ background:#fee2e2; color:#b91c1c; }
.company-actions{ white-space:nowrap; }
.company-actions .danger{ color:#dc2626; }
.company-field{ display:block; margin-bottom:12px; }
.company-field > span{ display:block; font-size:13px; font-weight:600; margin-bottom:4px; }
.company-field input, .company-field select{ width:100%; padding:9px 11px; border:1px solid #d1d5db; border-radius:8px; font-size:14px; }
.company-dialog-card{ position:relative; width:100%; min-width:380px; padding:26px 28px; border-radius:22px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.2); gap:16px; }
.mail-dap-banned{ display:block; margin-top:6px; color:#dc2626; font-weight:600; }
.mail-dap-banned.hidden{ display:none; }


.new-handle-tag{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:800;white-space:nowrap}

/* editable creator ID */
.account-cell{white-space:nowrap}
.account-edit-wrap{display:inline-flex;align-items:center;gap:4px}
.account-input{width:148px;max-width:148px;padding:5px 8px;border:1px solid #dde3eb;border-radius:3px;font:inherit;color:#0f172a;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}
.account-input:hover{border-color:#cfd7e3}
.account-input:focus{outline:none;border-color:#7da6d9;box-shadow:none;background:#fff}
.account-input[readonly]{background:#fff}
.account-input:disabled{opacity:.75}
.account-edit-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dde3eb;border-radius:3px;background:#fff;color:#0f172a;cursor:pointer;padding:0;transition:border-color .15s,background .15s,color .15s}
.account-edit-btn:hover{border-color:#cfd7e3;background:#f8fafc}
.account-edit-btn:active{background:#eef2f7}
@media (max-width:720px){ .account-input{width:120px;max-width:120px} .account-edit-btn{width:32px;height:32px} }

.creator-row-paid td{background:rgba(34,197,94,.22)!important}.detail-paid-row{margin-top:6px}
.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:2px}
.detail-prio-wrap{display:inline-flex;align-items:center;gap:4px}
.detail-prio-wrap .prio-star{margin:0}
.detail-id-wrap{display:inline-flex;align-items:center;gap:6px}
.detail-gmv-wrap{display:inline-flex;align-items:center;gap:6px}
.detail-gmv-input{width:110px!important;max-width:110px!important}.paid-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800;color:#166534}.paid-toggle input{width:16px;height:16px;cursor:pointer}

.paid-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;border:1.5px solid rgba(34,197,94,.55);background:rgba(34,197,94,.10);color:#166534;font-weight:900;font-size:13px;cursor:pointer;transition:all .15s ease}
.paid-btn:hover{background:rgba(34,197,94,.18)}
.paid-btn.is-paid{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#16a34a;color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.35)}
.detail-paid-row{margin-top:10px}

/* paid-ui-row-cleanup */
.creator-admin-table tbody tr:nth-child(even){background:transparent!important}
.creator-admin-table td,.creator-admin-table td:nth-child(1),.creator-admin-table td:nth-child(2){background:#fff!important}
.creator-admin-table tbody tr:hover td{background:#f1f7ff!important}
#creatorAdminBody tr.creator-row-paid td,#creatorAdminBody tr.creator-row-paid td:nth-child(1),#creatorAdminBody tr.creator-row-paid td:nth-child(2){background:#dcfce7!important}
#creatorAdminBody tr.creator-row-paid:hover td{background:#bbf7d0!important}
.creator-name-cell{min-height:38px}

/* ============================================================
   WHITE MINIMAL THEME  (2026-07-16) - lop cuoi cung, ghi de nhe
   Muc tieu: nen trang chu dao, don gian, de nhin, dong deu
   ============================================================ */
:root{
  --wm-bg:#ffffff;
  --wm-soft:#f7f8fa;
  --wm-panel:#ffffff;
  --wm-border:#e9edf2;
  --wm-border-2:#eef1f5;
  --wm-ink:#1a2233;
  --wm-text:#37414f;
  --wm-muted:#8a94a3;
  --wm-accent:#0ea5a5;
  --wm-accent-ink:#0b8686;
  --wm-accent-soft:#e8f7f7;
  --wm-radius:12px;
  --wm-radius-sm:9px;
  --wm-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.05);
}

/* nen tong the trang */
body,.shell,.main,.dashboard-view,.reports-view,.creator-admin-view,.empty-view,.detail{
  background:var(--wm-bg)!important;
}
body{color:var(--wm-text)!important}
.main{padding:26px 30px!important}

/* sidebar sang, vien mo, khong nang ne */
.sidebar{
  background:var(--wm-soft)!important;
  border-right:1px solid var(--wm-border)!important;
  box-shadow:none!important;
  padding:22px 12px 18px!important;
}

/* panel / the / card: trang, vien mem, bo goc dong deu */
.panel,.filter-panel,.stat-card,.list-card,.data-card,.dashboard-card,.empty-card,
.pending-report-card,.creator-note-box,.detail-info-box{
  background:var(--wm-panel)!important;
  border:1px solid var(--wm-border)!important;
  border-radius:var(--wm-radius)!important;
  box-shadow:var(--wm-shadow)!important;
}
.panel{padding:22px!important;margin:0 0 18px!important}

/* the trong dashboard */
.dashboard-card,.data-card{border-radius:var(--wm-radius)!important}
.dashboard-card strong,.data-card strong{color:var(--wm-ink)!important}

/* nut chinh: mau nhan diu, khong loe loet */
.primary,.full.primary,.sidebar .primary.full,#newProjectBtn{
  background:var(--wm-accent)!important;
  border:0!important;
  border-radius:var(--wm-radius-sm)!important;
  box-shadow:0 4px 12px rgba(14,165,165,.16)!important;
  color:#fff!important;
}
.primary:hover,.full.primary:hover,#newProjectBtn:hover{background:var(--wm-accent-ink)!important}

/* nut phu */
.ghost,.secondary,.reset-btn,.small-btn.ghost{
  background:#f2f4f7!important;color:#42506a!important;border:1px solid var(--wm-border)!important;
  border-radius:var(--wm-radius-sm)!important;box-shadow:none!important;
}
.ghost:hover,.secondary:hover,.reset-btn:hover{background:#e9edf2!important}

/* nut nav trong sidebar */
.admin-nav-btn{
  background:#fff!important;border:1px solid var(--wm-border)!important;
  border-radius:var(--wm-radius-sm)!important;color:var(--wm-ink)!important;box-shadow:none!important;
}
.admin-nav-btn.active,#brandManagerBtn.active{background:var(--wm-accent-soft)!important;color:var(--wm-accent-ink)!important;border-color:#cdeaea!important}
.admin-nav-btn:hover{background:#f4f6f8!important;color:var(--wm-accent-ink)!important}

/* o tim kiem + input trong sidebar */
.search-box input{border:1px solid var(--wm-border)!important;border-radius:var(--wm-radius-sm)!important;background:#fff!important}
.project-list{background:#fff!important;border:1px solid var(--wm-border)!important;border-radius:var(--wm-radius)!important;box-shadow:none!important}
.project-item.active,.sidebar-sub-item.active{background:var(--wm-accent-soft)!important;color:var(--wm-accent-ink)!important}
.sidebar-sub-item{border:1px solid var(--wm-border)!important;border-radius:var(--wm-radius-sm)!important}

/* bang: nen trang, vien nhe, header xam nhat, dong deu */
.table-wrap{border:1px solid var(--wm-border)!important;border-radius:var(--wm-radius)!important;background:#fff!important;box-shadow:none!important}
table{background:#fff!important}
thead th,th{
  background:#f7f8fa!important;color:#3a4658!important;font-weight:800!important;
  border-bottom:1px solid var(--wm-border)!important;
}
tbody td,td{
  background:#fff!important;color:var(--wm-text)!important;
  border-bottom:1px solid var(--wm-border-2)!important;
}
tbody tr:nth-child(even){background:#fff!important}
tbody tr:nth-child(even) td{background:#fff!important}
tbody tr:hover td,tbody tr:hover{background:#f7fbfb!important}

/* cot ghim trong bang creator dong bo mau trang */
.creator-admin-table td:nth-child(1),.creator-admin-table td:nth-child(2){background:#fff!important;color:var(--wm-ink)!important}
.creator-admin-table th:nth-child(1),.creator-admin-table th:nth-child(2){background:#f7f8fa!important;color:#3a4658!important}
.creator-admin-table tbody tr:hover td:nth-child(1),.creator-admin-table tbody tr:hover td:nth-child(2){background:#f7fbfb!important}

/* hang da nhan tien van xanh nhat, dong deu ca cot ghim */
#creatorAdminBody tr.creator-row-paid td,
#creatorAdminBody tr.creator-row-paid td:nth-child(1),
#creatorAdminBody tr.creator-row-paid td:nth-child(2){background:#e9f9ef!important}
#creatorAdminBody tr.creator-row-paid:hover td{background:#dcf4e6!important}

/* ten creator mau nhan */
.creator-name-btn{color:var(--wm-accent-ink)!important}

/* chip loc */
.quick-chip{background:#fff!important;border:1px solid var(--wm-border)!important;color:#42506a!important;border-radius:999px!important}
.quick-chip.active{background:var(--wm-accent-soft)!important;border-color:#cdeaea!important;color:var(--wm-accent-ink)!important}

/* tieu de trang */
.detail-head h2,.page-head h1,.panel-head h3{color:var(--wm-ink)!important}
.muted,.panel-head p,.detail-head .muted{color:var(--wm-muted)!important}

/* modal / dialog dong bo trang */
.app-modal .dialog-card,.dialog-card{background:#fff!important;border:1px solid var(--wm-border)!important;border-radius:14px!important;box-shadow:0 20px 60px rgba(16,24,40,.14)!important}

/* badge trang thai */
.report-status-badge.reported,.success-badge,.status-success,.pending-status.is-success{background:#e6f7ec!important;color:#137a41!important;border:0!important}

/* ============================================================
   PAID ROW - override cuoi cung, phu xanh toan bo ke ca cot ghim
   ============================================================ */
#creatorAdminBody tr.creator-row-paid td,
#creatorAdminBody tr.creator-row-paid td:first-child,
#creatorAdminBody tr.creator-row-paid td:nth-child(1),
#creatorAdminBody tr.creator-row-paid td:nth-child(2){
  background:#e9f9ef!important;
  background-image:none!important;
  box-shadow:none!important;
}
#creatorAdminBody tr.creator-row-paid:hover td,
#creatorAdminBody tr.creator-row-paid:hover td:nth-child(1),
#creatorAdminBody tr.creator-row-paid:hover td:nth-child(2){
  background:#dcf4e6!important;
}
/* dialog-card padding fix */
#projectDialog .dialog-card,#subDialog .dialog-card{padding:26px 28px!important;box-sizing:border-box!important}
@media(max-width:520px){#projectDialog .dialog-card,#subDialog .dialog-card{padding:20px!important}}
/* paid row input blend */
#creatorAdminBody tr.creator-row-paid .account-input,#creatorAdminBody tr.creator-row-paid .account-edit-btn{background:#eafaf0!important;border-color:#a7e3bf!important;color:#0f172a!important}
#creatorAdminBody tr.creator-row-paid .account-input[readonly]{background:#eafaf0!important}
#creatorAdminBody tr.creator-row-paid .account-edit-btn:hover{background:#d8f3e3!important;border-color:#8bd6ab!important}
#creatorAdminBody tr.creator-row-paid:hover .account-input,#creatorAdminBody tr.creator-row-paid:hover .account-edit-btn{background:#defae9!important}
/* maildap select style */
.mail-dap-field select{width:100%;border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;border-radius:16px;padding:12px 14px;font-weight:800;outline:none;cursor:pointer;color-scheme:light!important;appearance:auto}
.mail-dap-field select:focus{border-color:#22d3ee!important;box-shadow:0 0 0 4px rgba(34,211,238,.12)!important}
.mail-dap-field select.input-error{border-color:#fb7185!important;box-shadow:0 0 0 4px rgba(251,113,133,.14)!important}
.mail-dap-field select.maildap-banned{border-color:#fb7185!important;color:#be123c!important}

/* creator row align fix v3 */
/* 1) Can giua chieu doc de cot ghim khong lech, bo min-height gay ho mang trang */
.creator-admin-table th,.creator-admin-table td{vertical-align:middle!important}
.creator-name-cell{min-height:0!important}
/* 2) Duong ke duoi thang deu tren moi cot (ke ca cot ghim sticky) */
.creator-admin-table td{border-bottom:1px solid #eef2f7!important}
/* 3) Hang da nhan tien: phu xanh dong deu, con cai trong suot */
#creatorAdminBody tr.creator-row-paid > td{background:#e9f9ef!important;background-image:none!important}
#creatorAdminBody tr.creator-row-paid:hover > td{background:#dcf4e6!important}
#creatorAdminBody tr.creator-row-paid .account-input,
#creatorAdminBody tr.creator-row-paid .account-input[readonly],
#creatorAdminBody tr.creator-row-paid .account-edit-btn{background:#f2fcf6!important;border-color:#a7e3bf!important;color:#0f172a!important}

/* creator-name-cell sticky+flex bug fix v4 */
/* Nguyen nhan: td vua position:sticky vua display:flex -> o co lai, ho mang trang.
   Sua: tra o ve table-cell de gian day chieu cao hang, can giua doc, sao+ten cung hang. */
#creatorAdminBody td.creator-name-cell{display:table-cell!important;vertical-align:middle!important;white-space:nowrap!important}
#creatorAdminBody td.creator-name-cell .prio-star{vertical-align:middle!important;display:inline-flex!important}
#creatorAdminBody td.creator-name-cell .creator-name-btn{vertical-align:middle!important;display:inline!important}
/* pager active highlight fix */
.pager-btns .pager-btn.active,button.pager-btn.active{background:#2563eb!important;background-image:none!important;border:1px solid #2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 10px rgba(37,99,235,.3)!important;cursor:default!important}
.pager-btns .pager-btn:hover:not(:disabled):not(.active){border-color:#2563eb!important;color:#2563eb!important}
/* video status history */
.cv-hist-btn{padding:4px 10px!important;font-size:12px!important;border-radius:8px!important;margin-left:6px}
.cv-hist-panel{margin:2px 0 10px 34px;padding:8px 10px;border-left:2px solid #cbd5e1;background:#f8fafc}
.cv-hist-panel.hidden{display:none}
.vsh-list{display:flex;flex-direction:column;gap:6px}
.vsh-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.vsh-when{color:#64748b;font-weight:700;min-width:150px}
.vsh-src{color:#94a3b8;font-size:12px;font-style:italic}
.vsh-video{padding:8px 0;border-bottom:1px solid #eef2f7}
.vsh-video-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:700}

.creator-history-modal{max-height:calc(100vh - 48px)!important;overflow:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch}
.creator-history-modal::-webkit-scrollbar{width:10px}
.creator-history-modal::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:8px}

/* === mobile usable layout 20260721 === */
.mobile-menu-btn,.mobile-sidebar-backdrop{display:none}
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.sidebar-open{overflow:hidden!important}
  .shell{display:block!important;padding-top:58px!important;min-height:100vh!important;overflow-x:hidden!important}
  .brand{padding-left:58px!important;height:58px!important}
  .brand h1{font-size:13px!important}
  .brand p,.top-mini-brand{display:none!important}
  .logout-btn{right:10px!important;top:9px!important;font-size:0!important;width:42px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important}
  .logout-btn:before{content:''!important;margin:0!important}
  .logout-btn::after{content:'🚪';font-size:18px}
  .mobile-menu-btn{display:grid!important;place-items:center!important;position:fixed!important;top:9px!important;left:10px!important;z-index:1202!important;width:42px!important;height:40px!important;padding:0!important;border-radius:10px!important;background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 22px rgba(15,23,42,.22)!important;font-size:22px!important;font-weight:950!important}
  .mobile-menu-btn:hover{transform:none!important;background:#f8fafc!important}
  .mobile-sidebar-backdrop{display:block!important;position:fixed!important;inset:58px 0 0 0!important;background:rgba(15,23,42,.36)!important;z-index:1090!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important;backdrop-filter:blur(2px)!important}
  body.sidebar-open .mobile-sidebar-backdrop{opacity:1!important;pointer-events:auto!important}
  .sidebar{position:fixed!important;left:0!important;top:58px!important;bottom:0!important;width:min(86vw,320px)!important;max-width:320px!important;height:auto!important;z-index:1100!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;background:#f8fafc!important;border-right:1px solid #e5e7eb!important;padding:14px 10px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:18px 0 46px rgba(15,23,42,.22)!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important}
  .main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px 12px 24px!important;overflow:visible!important;background:#f4f6f8!important}
  .detail,.dashboard-view,.reports-view,.creator-admin-view,.empty-view{padding:0!important;max-width:100%!important}
  .detail-head,.panel,.filter-panel,.upload-card,.data-card,.dashboard-card,.empty-card{border-radius:12px!important;padding:14px!important;margin-bottom:12px!important}
  .detail-head h2{font-size:20px!important;line-height:1.2!important}
  .detail-head .muted,.panel-head p{font-size:12px!important;line-height:1.35!important}
  .head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .head-actions button,.head-actions .upload-btn{width:100%!important}
  .creator-filter-row,.creator-filter-row-main,.creator-filter-row-actions,.creator-filter-actions,.filter-actions,.table-tools,.filter-grid,.creator-admin-filters{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .creator-filter-actions button,.filter-actions button{width:100%!important}
  .table-wrap{max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:10px!important}
  table{min-width:760px!important}
  .creator-admin-table table{min-width:980px!important}
  .report-table-wrap table{min-width:980px!important}
  .company-table{min-width:760px!important}
  .creator-history-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;margin:auto!important;overflow:auto!important}
  .creator-history-card{padding:16px!important;border-radius:14px!important}
  .creator-note-box.note-only,.creator-note-box{grid-template-columns:1fr!important}
  .creator-note-box button{width:100%!important}
  .history-table-wrap{max-height:55vh!important;overflow:auto!important}
  .history-table-wrap table{min-width:720px!important}
  .web-modal-card,.report-links-card,.missing-dialog-card,.video-url-dialog-card,.dialog-card{max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;overflow:auto!important}
}

/* Initial auth loading screen: prevents login form flashing during F5 */
.boot-view{min-height:100vh;display:grid;place-items:center;background:var(--ui-bg,#f7f8fb);color:var(--ui-text,#101828);padding:24px}
.boot-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.08)}
.boot-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;font-size:20px}
.boot-card strong{display:block;font-size:15px;font-weight:900}.boot-card p{margin-top:4px;color:#667085;font-size:13px}

/* ============================================================
   MOBILE REDESIGN 20260721 - creator list as cards + polish
   Chi ap dung tren dien thoai (<=760px). Khong doi JS.
   ============================================================ */
@media(max-width:760px){
  /* --- App bar / drawer polish --- */
  .brand{box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(15,23,42,.18)!important}
  .mobile-menu-btn{border:1px solid #e5e7eb!important;box-shadow:0 6px 16px rgba(15,23,42,.18)!important}
  .sidebar{box-shadow:22px 0 60px rgba(15,23,42,.28)!important;padding-top:16px!important}

  /* --- Section spacing / headings --- */
  .main{padding:14px 12px 28px!important}
  .detail-head h2,.page-head h1{font-size:19px!important;letter-spacing:-.02em!important}
  .panel,.filter-panel{padding:14px!important;border-radius:14px!important;margin-bottom:14px!important}
  .panel-head h3{font-size:16px!important}

  /* --- Filters: clean stacked cards, big tap targets --- */
  .creator-admin-filters{gap:10px!important}
  .creator-admin-filters .creator-search span{font-size:12px!important;color:#7a8491!important;font-weight:800!important}
  .creator-admin-filters input,.creator-admin-filters select{height:44px!important;border-radius:11px!important;font-size:15px!important}
  .creator-check{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border:1px solid #e6eaf0!important;border-radius:11px!important;padding:10px 14px!important}
  .creator-check input[type=checkbox]{width:22px!important;height:22px!important}
  .creator-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .creator-filter-actions button{width:100%!important;height:44px!important;border-radius:11px!important;font-size:14px!important}

  /* --- CREATOR LIST AS CARDS (main screen) --- */
  .creator-admin-table{border:0!important;background:transparent!important;overflow:visible!important;max-height:none!important;border-radius:0!important}
  .creator-admin-table table{display:block!important;min-width:0!important;width:100%!important}
  .creator-admin-table thead{display:none!important}
  .creator-admin-table tbody{display:block!important}

  .creator-admin-table tbody tr{
    display:block!important;background:#fff!important;
    border:1px solid #e6eaf0!important;border-left:4px solid #e6eaf0!important;border-radius:16px!important;
    padding:12px 14px!important;margin:0 0 12px 0!important;
    box-shadow:0 6px 18px rgba(15,23,42,.06)!important;overflow:hidden!important
  }
  .creator-admin-table tbody tr td{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:14px!important;width:auto!important;min-width:0!important;max-width:none!important;
    padding:8px 0!important;border:0!important;border-top:1px solid #f2f4f7!important;
    text-align:right!important;position:static!important;left:auto!important;
    white-space:normal!important;font-size:13.5px!important;color:#243044!important;background:transparent!important;font-weight:700!important
  }
  .creator-admin-table tbody tr td::before{
    content:"";flex:0 0 42%!important;text-align:left!important;
    color:#7a8491!important;font-weight:800!important;font-size:12px!important;white-space:nowrap!important
  }
  .creator-admin-table tbody tr td:nth-child(1)::before{content:"STT"}
  .creator-admin-table tbody tr td:nth-child(3)::before{content:"Tài khoản"}
  .creator-admin-table tbody tr td:nth-child(4)::before{content:"Follower"}
  .creator-admin-table tbody tr td:nth-child(5)::before{content:"Tổng số video"}
  .creator-admin-table tbody tr td:nth-child(6)::before{content:"GMV"}
  .creator-admin-table tbody tr td:nth-child(7)::before{content:"Report gần nhất"}
  .creator-admin-table tbody tr td:nth-child(8)::before{content:"Trạng thái kênh"}
  .creator-admin-table tbody tr td:nth-child(9)::before{content:"Thời gian bay"}
  .creator-admin-table tbody tr td:nth-child(10)::before{content:"Số gậy"}

  /* STT nho, khong vien tren */
  .creator-admin-table tbody tr td:nth-child(1){border-top:0!important;padding-top:2px!important;padding-bottom:4px!important;color:#9aa4b2!important;font-size:12px!important;font-weight:800!important}

  /* Ten creator = tieu de the (cot 2) */
  .creator-admin-table tbody tr td:nth-child(2){
    border-top:0!important;justify-content:flex-start!important;gap:8px!important;
    padding:2px 0 10px 0!important;border-bottom:1px solid #eef1f5!important;margin-bottom:2px!important
  }
  .creator-admin-table tbody tr td:nth-child(2)::before{display:none!important}
  .creator-admin-table tbody tr td:nth-child(2) .creator-name-btn{font-size:16px!important;font-weight:900!important;white-space:normal!important;text-align:left!important;line-height:1.25!important}

  /* Nut chi tiet (cot 11) full width */
  .creator-admin-table tbody tr td:nth-child(11){justify-content:stretch!important;padding-top:10px!important}
  .creator-admin-table tbody tr td:nth-child(11)::before{display:none!important}
  .creator-admin-table tbody tr td:nth-child(11) button,
  .creator-admin-table tbody tr td:nth-child(11) .small-btn{width:100%!important;height:42px!important;border-radius:11px!important}

  /* Inputs trong the */
  .creator-admin-table .gmv-input{width:118px!important;max-width:118px!important;text-align:right!important;height:38px!important}
  .creator-admin-table td:nth-child(3){flex-wrap:wrap!important;justify-content:flex-end!important;row-gap:6px!important}
  .creator-admin-table .account-input{width:150px!important;max-width:150px!important;height:38px!important}
  .creator-admin-table .account-edit-btn{width:38px!important;height:38px!important}

  /* Vien mau trai thay cho to nen ca dong */
  .creator-admin-table tbody tr.creator-row-paid{border-left-color:#16a34a!important;background:#f1fbf5!important}
  .creator-admin-table tbody tr.creator-row-danger{border-left-color:#ef4444!important}
  .creator-admin-table tbody tr.creator-row-hot{border-left-color:#fb923c!important}
  .creator-admin-table tbody tr.creator-row-pending{border-left-color:#fbbf24!important}
  .creator-admin-table tbody tr.creator-row-stick{border-left-color:#22c55e!important}

  /* Pager de bam */
  .creator-pager{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important;margin-top:6px!important}
  .creator-pager .pager-btn,.creator-pager button{min-width:40px!important;height:40px!important;border-radius:10px!important}

  /* Cac bang phu: cuon ngang muot hon */
  .report-table-wrap,.company-table-wrap,.smart-result-table,.history-table-wrap{-webkit-overflow-scrolling:touch!important;border-radius:12px!important}
}
/* Mobile fix: ghi de rule ID cu de o ten creator hien dung trong the (<=760px) */
@media(max-width:760px){
  #creatorAdminBody td.creator-name-cell{
    display:flex!important;align-items:center!important;gap:8px!important;
    justify-content:flex-start!important;white-space:normal!important;
    border-top:0!important;padding:2px 0 10px 0!important;
    border-bottom:1px solid #eef1f5!important;margin-bottom:2px!important
  }
  #creatorAdminBody td.creator-name-cell::before{display:none!important}
  #creatorAdminBody td.creator-name-cell .creator-name-btn{
    display:inline-block!important;white-space:normal!important;
    font-size:16px!important;font-weight:900!important;line-height:1.25!important;text-align:left!important
  }
}

/* === report table -> cards (mobile) report-cards 20260721 === */
@media(max-width:760px){
  .report-search-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .report-search-bar .report-search{width:100%!important}
  .report-search-bar input{height:44px!important;border-radius:11px!important;font-size:15px!important}
  .report-search-bar button{height:44px!important;width:100%!important;border-radius:11px!important}
  .report-table-wrap{border:0!important;background:transparent!important;overflow:visible!important;max-height:none!important;border-radius:0!important}
  .report-table-wrap table{display:block!important;min-width:0!important;width:100%!important}
  .report-table-wrap thead{display:none!important}
  .report-table-wrap tbody{display:block!important}
  .report-table-wrap tbody tr{display:block!important;background:#fff!important;border:1px solid #e6eaf0!important;border-left:4px solid #38bdf8!important;border-radius:16px!important;padding:12px 14px!important;margin:0 0 12px 0!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important;overflow:hidden!important}
  .report-table-wrap tbody tr td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:8px 0!important;border:0!important;border-top:1px solid #f2f4f7!important;text-align:right!important;white-space:normal!important;font-size:13.5px!important;color:#243044!important;background:transparent!important;font-weight:700!important}
  .report-table-wrap tbody tr td::before{flex:0 0 42%!important;text-align:left!important;color:#7a8491!important;font-weight:800!important;font-size:12px!important;white-space:nowrap!important}
  .report-table-wrap tbody tr td:nth-child(1){border-top:0!important;padding:2px 0 4px 0!important;color:#9aa4b2!important;font-size:12px!important;font-weight:800!important;justify-content:flex-start!important;gap:6px!important}
  .report-table-wrap tbody tr td:nth-child(1)::before{content:"\1F552"!important;flex:0 0 auto!important}
  .report-table-wrap tbody tr td:nth-child(2){border-top:0!important;justify-content:flex-start!important;padding:2px 0 10px 0!important;border-bottom:1px solid #eef1f5!important;margin-bottom:2px!important;font-size:16px!important;font-weight:900!important;color:#0f172a!important}
  .report-table-wrap tbody tr td:nth-child(2)::before{display:none!important}
  .report-table-wrap tbody tr td:nth-child(3)::before{content:"Sản phẩm"}
  .report-table-wrap tbody tr td:nth-child(4)::before{content:"Công ty đập"}
  .report-table-wrap tbody tr td:nth-child(5)::before{content:"Video thứ"}
  .report-table-wrap tbody tr td:nth-child(6)::before{content:"Creator"}
  .report-table-wrap tbody tr td:nth-child(7)::before{content:"Link"}
  .report-table-wrap tbody tr td:nth-child(8)::before{content:"Tiến độ"}
  .report-table-wrap tbody tr td:nth-child(9){justify-content:stretch!important;padding-top:10px!important;gap:8px!important}
  .report-table-wrap tbody tr td:nth-child(9)::before{display:none!important}
  .report-table-wrap tbody tr td:nth-child(9) .report-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .report-table-wrap tbody tr td:nth-child(9) .report-row-actions button{width:100%!important;height:42px!important;border-radius:11px!important;margin:0!important}
  .report-table-wrap tbody tr td.no-data{display:block!important;text-align:center!important;border-top:0!important;color:#7a8491!important;font-weight:700!important}
  .report-table-wrap tbody tr td.no-data::before{display:none!important}
}

/* === detail view: upload/filter/smart-result -> mobile (detail-cards 20260721) === */
@media(max-width:760px){
  /* Upload card gon gang */
  .upload-dashboard{display:block!important}
  .data-card.video-card{padding:14px!important;border-radius:14px!important}
  .data-card-top{flex-wrap:wrap!important;gap:8px!important}
  .metric-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .data-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .data-card-actions .big-upload,.data-card-actions .upload-btn{width:100%!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:14px!important;box-sizing:border-box!important}
  .sub-grid{grid-template-columns:1fr!important;gap:10px!important}

  /* Filter panel: gon, nut lon */
  .filter-panel{padding:14px!important;border-radius:14px!important}
  .filter-head.smart-filter-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .filter-actions button{width:100%!important;height:44px!important;border-radius:11px!important;font-size:13.5px!important;margin:0!important}
  .filter-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .filter-grid label{min-width:0!important}
  .filter-grid input,.filter-grid select{height:44px!important;border-radius:11px!important;font-size:15px!important;width:100%!important}

  /* Meta ket qua */
  .result-meta.smart-result-meta{flex-wrap:wrap!important;gap:8px!important}

  /* smart-result-table -> cards */
  .smart-result-table{border:0!important;background:transparent!important;overflow:visible!important;max-height:none!important;border-radius:0!important}
  .smart-result-table table{display:block!important;min-width:0!important;width:100%!important}
  .smart-result-table colgroup,.smart-result-table thead{display:none!important}
  .smart-result-table tbody{display:block!important}
  .smart-result-table tbody tr{display:block!important;background:#fff!important;border:1px solid #e6eaf0!important;border-left:4px solid #38bdf8!important;border-radius:16px!important;padding:12px 14px!important;margin:0 0 12px 0!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important;overflow:hidden!important}
  .smart-result-table tbody tr.missing-row{border-left-color:#ef4444!important;background:#fef4f4!important}
  .smart-result-table tbody tr td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:8px 0!important;border:0!important;border-top:1px solid #f2f4f7!important;text-align:right!important;white-space:normal!important;font-size:13.5px!important;color:#243044!important;background:transparent!important;font-weight:700!important}
  .smart-result-table tbody tr td::before{flex:0 0 42%!important;text-align:left!important;color:#7a8491!important;font-weight:800!important;font-size:12px!important;white-space:nowrap!important}
  .smart-result-table tbody tr td.stt-cell{border-top:0!important;padding:2px 0 4px 0!important;color:#9aa4b2!important;font-size:12px!important;font-weight:800!important;justify-content:flex-start!important;gap:6px!important}
  .smart-result-table tbody tr td.stt-cell::before{content:"#"!important;flex:0 0 auto!important}
  .smart-result-table tbody tr td.creator-cell{border-top:0!important;justify-content:flex-start!important;padding:2px 0 10px 0!important;border-bottom:1px solid #eef1f5!important;margin-bottom:2px!important;font-size:16px!important;font-weight:900!important;color:#0f172a!important;text-align:left!important}
  .smart-result-table tbody tr td.creator-cell::before{display:none!important}
  .smart-result-table tbody tr td.account-cell::before{content:"Tài khoản"}
  .smart-result-table tbody tr td.follower-cell::before{content:"Follower"}
  .smart-result-table tbody tr td.video-count-cell::before{content:"Số video"}
  .smart-result-table tbody tr td.latest-report-col::before{content:"Report gần nhất"}
  .smart-result-table tbody tr td.video-desc-cell::before{content:"Video"}
  .smart-result-table tbody tr td.video-desc-cell{text-align:right!important}
  .smart-result-table tbody tr td.status-cell::before{content:"Trạng thái"}
  .smart-result-table tbody tr td.link-cell{justify-content:stretch!important;padding-top:10px!important}
  .smart-result-table tbody tr td.link-cell::before{display:none!important}
  .smart-result-table tbody tr td.link-cell .open-video-link{width:100%!important;text-align:center!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;box-sizing:border-box!important}
}

/* === company table -> cards + dashboard polish (company-dash 20260721) === */
@media(max-width:760px){
  /* Dashboard */
  .dashboard-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .dashboard-card{padding:14px!important;border-radius:14px!important}
  .dashboard-card div{font-size:22px!important;margin-bottom:6px!important}
  .dashboard-card strong{font-size:22px!important}
  .dashboard-card span{font-size:11px!important}
  .top-creator-list{gap:8px!important}
  .top-creator-item{padding:10px 12px!important;border-radius:12px!important}

  /* Company search full width */
  #companyView .panel-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  #companyView .panel-head label.creator-search{max-width:100%!important;width:100%!important}
  #companyView .panel-head input{height:44px!important;border-radius:11px!important;font-size:15px!important;width:100%!important}

  /* company-table -> cards */
  .company-table{border:0!important;background:transparent!important;overflow:visible!important;max-height:none!important;border-radius:0!important;min-width:0!important}
  #companyView .table-wrap{border:0!important;background:transparent!important;overflow:visible!important}
  .company-table{display:block!important;width:100%!important}
  .company-table thead{display:none!important}
  .company-table tbody{display:block!important}
  .company-table tbody tr{display:block!important;background:#fff!important;border:1px solid #e6eaf0!important;border-left:4px solid #38bdf8!important;border-radius:16px!important;padding:12px 14px!important;margin:0 0 12px 0!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important;overflow:hidden!important}
  .company-table tbody tr td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:8px 0!important;border:0!important;border-top:1px solid #f2f4f7!important;text-align:right!important;white-space:normal!important;font-size:13.5px!important;color:#243044!important;background:transparent!important;font-weight:700!important}
  .company-table tbody tr td::before{flex:0 0 40%!important;text-align:left!important;color:#7a8491!important;font-weight:800!important;font-size:12px!important;white-space:nowrap!important}
  .company-table tbody tr td:nth-child(1){border-top:0!important;padding:2px 0 4px 0!important;color:#9aa4b2!important;font-size:12px!important;font-weight:800!important;justify-content:flex-start!important;gap:6px!important}
  .company-table tbody tr td:nth-child(1)::before{content:"#"!important;flex:0 0 auto!important}
  .company-table tbody tr td:nth-child(2){border-top:0!important;justify-content:flex-start!important;padding:2px 0 10px 0!important;border-bottom:1px solid #eef1f5!important;margin-bottom:2px!important;font-size:16px!important;font-weight:900!important;color:#0f172a!important;text-align:left!important}
  .company-table tbody tr td:nth-child(2)::before{display:none!important}
  .company-table tbody tr td:nth-child(3)::before{content:"Quốc gia"}
  .company-table tbody tr td:nth-child(4)::before{content:"Hãng đã đập"}
  .company-table tbody tr td:nth-child(5)::before{content:"Thương hiệu"}
  .company-table tbody tr td:nth-child(5){align-items:flex-start!important}
  .company-table tbody tr td:nth-child(5) .company-brands{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-end!important}
  .company-table tbody tr td:nth-child(6)::before{content:"Trạng thái"}
  .company-table tbody tr td:nth-child(7){justify-content:stretch!important;padding-top:10px!important;gap:8px!important}
  .company-table tbody tr td:nth-child(7)::before{display:none!important}
  .company-table tbody tr td:nth-child(7).company-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .company-table tbody tr td:nth-child(7) button{width:100%!important;height:42px!important;border-radius:11px!important;margin:0!important}
  .company-table tbody tr td.no-data{display:block!important;text-align:center!important;border-top:0!important;color:#7a8491!important;font-weight:700!important}
  .company-table tbody tr td.no-data::before{display:none!important}
}

/* === dialogs fit mobile + touch buttons (dialogs-mobile 20260721) === */
@media(max-width:760px){
  dialog{border:0!important}
  .dialog-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;box-sizing:border-box!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:18px!important;border-radius:16px!important;gap:12px!important}
  .dialog-card h3{font-size:19px!important;line-height:1.25!important}
  .dialog-card .modal-icon{width:44px!important;height:44px!important;border-radius:14px!important;font-size:22px!important}
  .dialog-card label{gap:6px!important;font-size:13px!important}
  .dialog-card input,.dialog-card select,.dialog-card textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:46px!important;border-radius:11px!important;font-size:15px!important}
  .dialog-card textarea{height:auto!important;min-height:110px!important;padding:12px!important}
  .form-grid-2{grid-template-columns:1fr!important;gap:10px!important}
  .dialog-card menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;margin:0!important;flex-wrap:wrap!important}
  .dialog-card menu button{width:100%!important;height:46px!important;border-radius:12px!important;font-size:14px!important;margin:0!important}
  .dialog-card menu button.primary{order:2!important}
  .dialog-card menu button.ghost{order:1!important}

  /* text preview boxes in dialogs */
  .video-url-text,.report-links-text,.manual-video-preview{max-height:40vh!important;font-size:13px!important}

  /* upload history / creator videos / history tables inside dialogs scroll nicely */
  .upload-history-card,.creator-videos-card,.creator-history-card,.missing-dialog-card,.report-links-card,.video-url-dialog-card,.web-modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;box-sizing:border-box!important;overflow:auto!important}
}

/* === global touch targets + nav polish (tap-targets 20260721) === */
@media(max-width:760px){
  /* Sidebar nav buttons: de bam */
  .sidebar .admin-nav-btn{min-height:46px!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:12px!important;font-size:15px!important;padding:10px 12px!important}
  .sidebar .admin-nav-btn+.admin-nav-btn{margin-top:6px!important}

  /* Sort buttons trong bang van con o dang bang (neu con): dam bao bam duoc */
  .sort-th{min-height:34px!important}

  /* Quick chips */
  .quick-chip{min-height:38px!important;display:inline-flex!important;align-items:center!important}

  /* Pager */
  .creator-pager .pager-btn,.creator-pager button{min-width:42px!important;height:42px!important;border-radius:11px!important;font-size:14px!important}

  /* Nut chung trong panel-head */
  .panel-head .primary,.panel-head button{min-height:44px!important}

  /* Tranh double-tap zoom tren input nho: dam bao font >=16 cho input text quan trong da lo */
  input[type=text],input[type=search],input[type=number],select,textarea{font-size:16px!important}
}

/* === fix horizontal scroll in "Video theo thuong hieu" dialog (cv-fit 20260721) === */
.creator-videos-card{min-width:0}
.creator-videos-body{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.cv-group{min-width:0!important}
.cv-row{min-width:0!important;flex-wrap:nowrap!important}
.cv-desc{min-width:0!important;flex:1 1 auto!important}
.cv-status,.cv-row .open-video-link,.cv-hist-btn{flex:0 0 auto!important}

/* === "Video theo thuong hieu" rows wrap on mobile (cv-mobile-wrap 20260721) === */
@media(max-width:760px){
  .creator-videos-body{overflow-x:hidden!important}
  .cv-row{flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important;padding:10px 12px!important}
  .cv-idx{flex:0 0 auto!important}
  .cv-desc{flex:1 1 calc(100% - 34px)!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13.5px!important;line-height:1.35!important}
  .cv-status{flex:1 1 100%!important;order:3!important;flex-wrap:wrap!important}
  .cv-row .open-video-link{flex:0 0 auto!important;order:4!important}
  .cv-hist-btn{flex:0 0 auto!important;order:5!important;margin-left:0!important}
}

/* === multi-select brand dropdown (brand-multi 20260721) === */
.creator-brand-multi-wrap{position:relative}
.brand-multi{position:relative}
.brand-multi-toggle{width:100%;box-sizing:border-box;text-align:left;padding:10px 34px 10px 12px;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:#fff;color:#0f172a;font-weight:750;font-size:14px;cursor:pointer;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.brand-multi-toggle::after{content:'';position:absolute;right:13px;top:50%;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-70%) rotate(45deg);transition:transform .15s ease}
.brand-multi.open .brand-multi-toggle{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}
.brand-multi.open .brand-multi-toggle::after{transform:translateY(-30%) rotate(225deg)}
.brand-multi-panel{position:absolute;z-index:120;top:calc(100% + 6px);left:0;right:0;min-width:220px;max-height:320px;overflow:auto;background:#fff;border:1px solid rgba(148,163,184,.32);border-radius:14px;box-shadow:0 20px 48px rgba(15,23,42,.18);padding:6px;-webkit-overflow-scrolling:touch}
.brand-multi-panel.hidden{display:none}
.brand-multi-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;cursor:pointer;font-weight:650;font-size:14px;color:#243044}
.brand-multi-opt:hover{background:#f1f5f9}
.brand-multi-opt input{width:18px;height:18px;flex:0 0 auto;accent-color:#0ea5e9;cursor:pointer}
.brand-multi-opt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-multi-all{border-bottom:1px solid #eef2f7;margin-bottom:4px;border-radius:9px;font-weight:800}


@media(max-width:760px){
  .brand-multi-toggle{height:44px!important;border-radius:11px!important;font-size:15px!important}
  .brand-multi-panel{max-height:60vh!important}
  .brand-multi-opt{padding:12px!important;font-size:15px!important}
}

/* === brand multiselect option row fix (override competing filter rules) brand-multi-fix 20260721 === */
#creatorBrandMultiPanel{padding:4px!important}
#creatorBrandMultiPanel .brand-multi-opt{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:8px 10px!important;margin:0!important;border-radius:8px!important;cursor:pointer!important;text-align:left!important;font-size:13.5px!important;font-weight:700!important;color:#243044!important}
#creatorBrandMultiPanel .brand-multi-opt:hover{background:#f1f5f9!important}
#creatorBrandMultiPanel .brand-multi-opt input[type=checkbox]{-webkit-appearance:auto!important;appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;accent-color:#0ea5e9!important;cursor:pointer!important;order:0!important}
#creatorBrandMultiPanel .brand-multi-opt span{display:inline!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;margin:0!important}
#creatorBrandMultiPanel .brand-multi-all{border-bottom:1px solid #eef2f7!important;margin-bottom:4px!important;font-weight:800!important;color:#0f172a!important}


@media(max-width:760px){
  #creatorBrandMultiPanel .brand-multi-opt{padding:11px 12px!important;font-size:15px!important}
  #creatorBrandMultiPanel .brand-multi-opt input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important}
}

/* === Gmail success badge (gmail-mail-success-ui 20260721) === */
.mail-success-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #bbf7d0;background:#dcfce7;color:#15803d;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap;margin-left:6px}
.cv-status .mail-success-badge{margin-left:6px}
.vsh-video>.mail-success-badge{margin:6px 0 8px 30px}
@media(max-width:760px){.mail-success-badge{margin-left:0;font-size:12px;white-space:normal}.vsh-video>.mail-success-badge{margin-left:0}}


.flown-stick-btn{cursor:pointer;appearance:none;font-family:inherit}
.flown-stick-btn:hover{background:#fecaca;color:#991b1b;transform:translateY(-1px)}
.mail-stick-list{display:flex;flex-direction:column;gap:10px}
.mail-stick-item{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.mail-stick-top{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}
.mail-stick-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.mail-stick-brand{font-weight:900;color:#111827}
.mail-stick-brand span{color:#64748b;font-weight:800}
.mail-stick-title{color:#334155;font-size:13px;line-height:1.35;word-break:break-word}
.mail-stick-meta{color:#64748b;font-size:12px;font-weight:700}
.mail-stick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.open-mail-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;text-decoration:none;font-weight:900;font-size:12px;white-space:nowrap}
.open-mail-link:hover{background:#dbeafe;color:#1e40af}
@media(max-width:720px){.mail-stick-item{align-items:stretch;flex-direction:column}.mail-stick-actions{justify-content:flex-start}.open-mail-link,.open-video-link{width:100%}}


.pick-col{width:42px;text-align:center;white-space:nowrap}
.pick-head-col{display:none}
.pick-head-col #creatorPickSelectAllCb{margin-right:6px;vertical-align:middle}
.pick-all-label{font-size:11px;color:#64748b;font-weight:800;vertical-align:middle}
.creator-pick-cb{width:18px;height:18px;cursor:pointer;accent-color:#1d4ed8}
.pick-video-tools{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:8px}
.pick-video-tools[hidden]{display:none!important}
.pick-video-tools select{padding:8px 10px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-weight:800}
#creatorPickVideoBtn.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
@media(max-width:720px){.pick-all-label{display:none}.pick-col{width:34px}}

.appealed-badge{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}

/* Overview view 2026-07-22 */
.overview-view{display:grid;gap:16px}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.overview-panel{display:flex;flex-direction:column;max-height:none}
.overview-list{display:flex;flex-direction:column;gap:8px}
.overview-empty{color:#64748b;font-size:13px;padding:14px 4px;text-align:center}
.overview-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7}
.overview-item-good{border-color:#dcfce7;background:#f0fdf4}
.overview-item-danger{border-color:#fee2e2;background:#fef2f2}
.overview-item-warn{border-color:#ffedd5;background:#fff7ed}
.overview-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800}
.overview-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.overview-title{color:#0f172a;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-title:hover{color:#1d4ed8;text-decoration:underline}
.overview-meta{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-reason{color:#475569;font-weight:700}
.overview-time{color:#94a3b8;font-size:11px;white-space:nowrap}
.overview-item .status-pill{font-size:11px;padding:3px 8px;border-radius:999px}

.status-pill.dead{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}
.status-pill.revived{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.ch-status-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;font:inherit;text-align:left}
.ch-status-btn:hover{opacity:.82}
.vsh-scroll{max-height:52vh;overflow:auto;margin-top:6px}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}}

/* overview -> creator jump */
.overview-title-link{cursor:pointer;}
.overview-title-link:hover{text-decoration:underline;}
@keyframes creatorRowFlash{0%{background:#fde68a;}100%{background:transparent;}}
tr.creator-row-flash>td{animation:creatorRowFlash 2.2s ease-out;}

/* ===== Brand stats (Tong quan) ===== */
.brand-stats-panel{margin-bottom:16px}
.brand-stats-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand-stats-select-wrap{display:flex;align-items:center;gap:8px}
.brand-stats-select-wrap select{padding:8px 12px;border-radius:10px;border:1px solid #d7dee8;background:#fff;font-size:13px;font-weight:600;color:#1f2937;min-width:200px;cursor:pointer}
.brand-stats-select-wrap select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.bs-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.bs-card{border-radius:14px;padding:14px 16px;background:#fff;border:1px solid #eef1f6;box-shadow:0 1px 2px rgba(15,23,42,.04);position:relative;overflow:hidden}
.bs-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.bs-card.bs-total::before{background:#6366f1}
.bs-card.bs-reported::before{background:#0ea5e9}
.bs-card.bs-flown::before{background:#ef4444}
.bs-card.bs-appealed::before{background:#22c55e}
.bs-card-top{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:700}
.bs-icon{font-size:16px}
.bs-val{font-size:26px;font-weight:800;color:#0f172a;margin-top:6px;line-height:1.1}
.bs-sub{font-size:11px;color:#94a3b8;margin-top:4px;font-weight:600}
.bs-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.bs-chart-box{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:14px 16px}
.bs-chart-box h4{margin:0 0 12px;font-size:13px;color:#334155;font-weight:700}
.fn-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.fn-label{width:96px;flex:none;font-size:12px;color:#475569;font-weight:600;text-align:right}
.fn-bar-wrap{flex:1;background:#f1f5f9;border-radius:8px;overflow:hidden}
.fn-bar{height:26px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;color:#fff;font-size:12px;font-weight:700;border-radius:8px;min-width:28px;transition:width .5s ease}
.fn-bar.fn-total{background:linear-gradient(90deg,#818cf8,#6366f1)}
.fn-bar.fn-reported{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}
.fn-bar.fn-flown{background:linear-gradient(90deg,#f87171,#ef4444)}
.fn-bar.fn-appealed{background:linear-gradient(90deg,#4ade80,#22c55e)}
.cmp-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:6px 6px;border-radius:8px;cursor:pointer}
.cmp-row:hover{background:#f8fafc}
.cmp-name{font-size:12px;font-weight:700;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-bars{position:relative;height:22px;background:#f1f5f9;border-radius:6px;overflow:hidden}
.cmp-bar{position:absolute;left:0;top:0;bottom:0;border-radius:6px;opacity:.9}
.cmp-bar.cmp-total{background:#c7d2fe;z-index:1}
.cmp-bar.cmp-reported{background:#7dd3fc;z-index:2}
.cmp-bar.cmp-flown{background:#f87171;z-index:3}
.cmp-nums{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;font-weight:700;line-height:1.3}
.cmp-n-total{color:#4f46e5}
.cmp-n-flown{color:#dc2626}
.bs-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#64748b;font-weight:600}
.bs-legend span{display:inline-flex;align-items:center;gap:5px}
.bs-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.bs-lg-total{background:#c7d2fe}
.bs-lg-reported{background:#7dd3fc}
.bs-lg-flown{background:#f87171}
@media(max-width:900px){.bs-cards{grid-template-columns:repeat(2,1fr)}.bs-chart-grid{grid-template-columns:1fr}}
@media(max-width:560px){.bs-cards{grid-template-columns:1fr}.cmp-row{grid-template-columns:88px 1fr auto}}

/* ===== Brand creators breakdown ===== */
.bs-card[data-bs-metric]{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.bs-card[data-bs-metric]:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.10)}
.bs-card.is-active{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.bs-card.bs-reported.is-active{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.18)}
.bs-card.bs-flown.is-active{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18)}
.bs-card.bs-appealed.is-active{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.brand-creators-panel{margin-bottom:16px}
.brand-creators-panel .brand-stats-select-wrap input{padding:8px 12px;border-radius:10px;border:1px solid #d7dee8;background:#fff;font-size:13px;color:#1f2937;min-width:200px}
.bc-list{display:flex;flex-direction:column;gap:6px;margin-top:14px;max-height:520px;overflow:auto}
.bc-row{display:grid;grid-template-columns:34px minmax(140px,1.4fr) 1.2fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #eef1f6;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.bc-row:hover{background:#f8fafc;border-color:#dbe3ee}
.bc-rank{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}
.bc-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.bc-name{color:#0f172a;font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-acc{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-barwrap{height:10px;background:#f1f5f9;border-radius:6px;overflow:hidden}
.bc-bar{height:100%;border-radius:6px;transition:width .4s ease}
.bc-metrics{display:flex;gap:6px;align-items:center}
.bc-chip{min-width:44px;text-align:center;padding:3px 8px;border-radius:8px;font-size:12px;font-weight:800;background:#f1f5f9;color:#64748b}
.bc-chip.bc-c-total.on{background:#e0e7ff;color:#4338ca}
.bc-chip.bc-c-reported.on{background:#e0f2fe;color:#0369a1}
.bc-chip.bc-c-flown.on{background:#fee2e2;color:#b91c1c}
.bc-chip.bc-c-appealed.on{background:#dcfce7;color:#15803d}
@media(max-width:760px){.bc-row{grid-template-columns:28px 1fr auto}.bc-barwrap{display:none}}

/* ===== 24h delta badge ===== */
.bs-delta{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:11px;font-weight:800;line-height:1.5}
.bs-delta small{font-weight:700;color:#16a34a;opacity:.85}
.bs-delta.bs-delta-zero{background:#f1f5f9;color:#94a3b8}
.bs-delta.bs-delta-zero small{color:#94a3b8}

/* history tags */
.vsh-dk{display:inline-block;font-size:11px;font-weight:800;color:#7c2d12;background:#fed7aa;border-radius:999px;padding:3px 8px;white-space:nowrap}
.vsh-item.vsh-mail{padding-left:2px}
.vsh-item .mail-success-badge,.vsh-item .appealed-badge{font-size:11px}

/* chip labels */
.bc-chip{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;text-align:center;padding:4px 8px;border-radius:8px;font-size:13px;font-weight:800;background:#f1f5f9;color:#64748b;line-height:1.1}
.bc-chip-lbl{font-size:9px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:.65;font-style:normal}

/* pick video: rank input + status checkboxes */
.pick-rank-wrap{display:inline-flex;align-items:center;gap:6px;margin-right:8px}
.pick-rank-lbl{font-size:13px;color:#475569;font-weight:700}
.pick-rank-input{width:74px;padding:6px 8px;border:1px solid #d7dee8;border-radius:8px;font-size:13px;font-weight:700;color:#1f2937;text-align:center}
.pick-rank-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.pick-status-wrap{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-right:8px}
.pick-st-cb{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#334155;font-weight:600;cursor:pointer;white-space:nowrap}
.pick-st-cb input{width:15px;height:15px;cursor:pointer}

.flown-badge.reported-tag{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}
.cv-tag-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;margin:0 0 12px;background:#f8fafc;border:1px solid #e5e9ee;border-radius:8px;font-size:12px}
.cv-tag-legend .lg-title{font-weight:900;color:#334155;margin-right:4px}
.cv-tag-legend .lg-item{display:inline-flex;align-items:center;gap:6px;color:#475569;font-weight:700}
.cv-tag-legend .lg-dot{width:12px;height:12px;border-radius:999px;display:inline-block}
.cv-tag-legend .lg-dot.alive{background:#dcfce7;border:1px solid #86efac}
.cv-tag-legend .lg-dot.hold{background:#fef9c3;border:1px solid #fde047}
.cv-tag-legend .lg-dot.gone{background:#fee2e2;border:1px solid #fca5a5}
.cv-tag-legend .lg-dot.unknown{background:#f1f5f9;border:1px solid #cbd5e1}
.cv-tag-legend .lg-dot.reported{background:#e0e7ff;border:1px solid #c7d2fe}

/* video-row 2-line redesign */
.cv-row{flex-wrap:wrap!important;align-items:center!important;row-gap:8px!important;column-gap:8px!important;padding:10px 12px!important}
.cv-idx{order:0!important;flex:0 0 auto!important}
.cv-desc{order:1!important;flex:1 1 auto!important;min-width:60px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cv-row .open-video-link{order:2!important;flex:0 0 auto!important}
.cv-hist-btn{order:3!important;flex:0 0 auto!important;margin-left:0!important}
.cv-row .cv-status{order:4!important;flex:1 1 100%!important;display:flex!important;flex-wrap:wrap!important;white-space:normal!important;gap:6px!important;margin:0 0 0 30px!important;padding-top:8px!important;border-top:1px dashed #eef2f7!important}
.cv-status .mail-success-badge{margin-left:0!important}

/* [tien do report 27/07] thanh 2 mau: xanh la = da bay do report, xanh duong = van con */
.progress-wrap.split{display:flex;align-items:stretch}
.progress-wrap.split span{display:block;height:100%;border-radius:0}
.progress-wrap.split span:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}
.progress-wrap.split span:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}
.progress-wrap.split .seg-report{background:linear-gradient(90deg,#16a34a,#22c55e)}
.progress-wrap.split .seg-exists{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}
.progress-wrap.split .seg-unknown{background:rgba(148,163,184,.45)}
.seg-dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:5px;vertical-align:middle}
.seg-dot-exists{background:#38bdf8}

/* ==========================================================
   CLEAN UI 20260728 - huong A: trang sach, toi gian SaaS
   Thi diem trang Quan ly nha sang tao. Chi doi hien thi.
   ========================================================== */
:root{
  --cu-font:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif;
  --cu-bg:#f7f9fc; --cu-surface:#ffffff; --cu-ink:#0f172a;
  --cu-muted:#64748b; --cu-line:#e6ebf2; --cu-line-2:#eef2f7;
  --cu-accent:#0ea5a4; --cu-accent-ink:#0b807f;
  --cu-yellow:#f5b301; --cu-green:#eafaf1; --cu-green-2:#dcf4e6;
  --cu-shadow:0 8px 24px rgba(15,23,42,.06);
}
html,body{font-family:var(--cu-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--cu-bg)!important;color:var(--cu-ink)!important}
button,input,select,textarea{font-family:var(--cu-font)!important}
.main,.detail,.creator-admin-view,.dashboard-view,.reports-view,.overview-view{background:var(--cu-bg)!important}

/* tieu de trang */
#creatorAdminView .detail-head h2{font-weight:800!important;letter-spacing:-.03em!important;color:var(--cu-ink)!important}
#creatorAdminView .detail-head .muted{color:var(--cu-muted)!important}

/* khoi loc */
#creatorAdminView .panel{border:1px solid var(--cu-line)!important;border-radius:16px!important;box-shadow:var(--cu-shadow)!important;background:var(--cu-surface)!important}
#creatorAdminView .creator-admin-filters input,#creatorAdminView .creator-admin-filters select,#creatorAdminView .brand-multi-toggle{border-radius:11px!important;border:1px solid var(--cu-line)!important;background:#fff!important;color:var(--cu-ink)!important;box-shadow:none!important}
#creatorAdminView .creator-admin-filters input:focus,#creatorAdminView .creator-admin-filters select:focus{border-color:rgba(14,165,164,.55)!important;box-shadow:0 0 0 4px rgba(14,165,164,.12)!important}
#creatorAdminView .creator-filter-actions button{border-radius:11px!important}
#creatorAdminView .creator-filter-actions .ghost{background:#fff!important;border:1px solid var(--cu-line)!important;color:var(--cu-ink)!important}
#creatorAdminView .creator-filter-actions .ghost:hover{background:#f3faf9!important;border-color:#cfe9e8!important;color:var(--cu-accent-ink)!important}
#creatorAdminView .prio-filter-btn[aria-pressed="true"]{background:#fff8e1!important;border-color:#f5cf6b!important;color:#8a5b00!important}

/* bang danh sach */
.creator-admin-table{border:1px solid var(--cu-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cu-shadow)!important;overflow:auto!important}
.creator-admin-table table{border-collapse:separate!important;border-spacing:0!important}
.creator-admin-table thead th{background:#f8fafc!important;color:#475569!important;font-size:12px!important;font-weight:800!important;border-bottom:1px solid #dde4ee!important;padding:12px 11px!important;vertical-align:middle!important}
.creator-admin-table thead th:nth-child(1),.creator-admin-table thead th:nth-child(2){background:#f8fafc!important}
.creator-admin-table tbody td{border-bottom:1px solid var(--cu-line-2)!important;padding:12px 11px!important;vertical-align:middle!important;color:#1f2937!important}
.creator-admin-table tbody tr:last-child td{border-bottom:0!important}
#creatorAdminBody tr:hover > td{background:#f6fbfb!important}
.creator-admin-table .sort-th{color:#475569!important;font-weight:800!important}
.creator-admin-table .sort-th:hover,.creator-admin-table .sort-th.active{color:var(--cu-accent-ink)!important}
.creator-name-btn{font-weight:750!important;letter-spacing:-.01em!important;color:var(--cu-accent-ink)!important}

/* ngoi sao uu tien: to, lech trai, bam thanh vang */
#creatorAdminBody .prio-star{width:30px!important;height:30px!important;margin:0 5px 0 -4px!important;border-radius:999px!important;color:#cbd5e1!important;-webkit-text-fill-color:currentColor!important;background:transparent!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}
#creatorAdminBody .prio-star .prio-star-ic{width:22px!important;height:22px!important;display:block!important}
#creatorAdminBody .prio-star:hover{background:#fff8e1!important;color:var(--cu-yellow)!important;-webkit-text-fill-color:var(--cu-yellow)!important;transform:scale(1.06)!important}
#creatorAdminBody .prio-star.on,#creatorAdminBody .prio-star.on:hover{color:var(--cu-yellow)!important;-webkit-text-fill-color:var(--cu-yellow)!important}

/* the trang thai pastel */
.flown-badge,.tag-pill,.report-status-badge,.appealed-badge,.mail-success-badge,.flown-stick-badge{border-radius:999px!important;font-size:12px!important;font-weight:750!important;line-height:1.25!important;padding:4px 9px!important}
.flown-badge.alive{background:#ecfdf3!important;color:#15803d!important;border-color:#bbf7d0!important}
.flown-badge.gone{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}
.flown-badge.hold{background:#fffbeb!important;color:#a16207!important;border-color:#fde68a!important}
.flown-badge.private{background:#f5f3ff!important;color:#6d28d9!important;border-color:#ddd6fe!important}
.flown-badge.unknown{background:#f8fafc!important;color:#64748b!important;border-color:#dde4ee!important}
.flown-badge.reported-tag{background:#eff6ff!important;color:#1d4ed8!important;border-color:#c7d7fe!important}

/* o nhap GMV gon */
#creatorAdminBody .gmv-input{width:86px!important;max-width:86px!important;text-align:right!important;border-radius:9px!important;border:1px solid var(--cu-line)!important}
#creatorAdminBody .gmv-input:focus{border-color:rgba(14,165,164,.55)!important;box-shadow:0 0 0 3px rgba(14,165,164,.12)!important}
#creatorAdminBody .account-input,#creatorAdminBody .account-edit-btn{border-radius:9px!important;border-color:var(--cu-line)!important}

/* phan trang */
.creator-pager .pager-btn{border-radius:10px!important;border:1px solid var(--cu-line)!important;background:#fff!important;color:var(--cu-ink)!important;min-width:38px!important;height:38px!important}
.creator-pager .pager-btn:hover:not(:disabled):not(.active){border-color:var(--cu-accent)!important;color:var(--cu-accent-ink)!important}
.creator-pager .pager-btn.active,.creator-pager button.pager-btn.active{background:var(--cu-accent)!important;border-color:var(--cu-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 10px rgba(14,165,164,.28)!important}
.creator-pager .pager-info{color:var(--cu-muted)!important}

/* DONG DA NHAN TIEN: xanh lien mach ca hang, ke ca cot ghim */
#creatorAdminBody tr.creator-row-paid > td{background:var(--cu-green)!important;background-image:none!important;border-bottom-color:#cdeedd!important;box-shadow:none!important}
#creatorAdminBody tr.creator-row-paid:hover > td{background:var(--cu-green-2)!important}
#creatorAdminBody tr.creator-row-paid .account-input,#creatorAdminBody tr.creator-row-paid .account-input[readonly],#creatorAdminBody tr.creator-row-paid .account-edit-btn,#creatorAdminBody tr.creator-row-paid .gmv-input{background:#f4fdf8!important;border-color:#a7e3bf!important;color:#0f172a!important}

 @media (max-width:780px){
  .creator-admin-table{border:0!important;box-shadow:none!important;background:transparent!important}
  #creatorAdminBody .prio-star{width:28px!important;height:28px!important;margin-left:-2px!important}
  #creatorAdminBody .gmv-input{width:104px!important;max-width:104px!important}
}
/* end clean ui 20260728 */

/* clean ui 20260728 - vet mau dong da nhan tien: dong bo ca cot ghim */
#creatorAdminBody tr.creator-row-paid > td,
#creatorAdminBody tr.creator-row-paid > td:first-child,
#creatorAdminBody tr.creator-row-paid > td:nth-child(1),
#creatorAdminBody tr.creator-row-paid > td:nth-child(2),
#creatorAdminBody tr.creator-row-paid > td:nth-child(3){background:var(--cu-green)!important;background-image:none!important;box-shadow:none!important}
#creatorAdminBody tr.creator-row-paid:hover > td,
#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(1),
#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(2),
#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(3){background:var(--cu-green-2)!important}
#creatorAdminBody tr:hover > td:nth-child(1),
#creatorAdminBody tr:hover > td:nth-child(2){background:#f6fbfb!important}
#creatorAdminBody tr:not(.creator-row-paid) > td:nth-child(1),
#creatorAdminBody tr:not(.creator-row-paid) > td:nth-child(2){background:#fff!important}
/* duong ke duoi thang deu tren moi cot */
.creator-admin-table tbody td:nth-child(1),.creator-admin-table tbody td:nth-child(2){border-bottom:1px solid var(--cu-line-2)!important}

/* paid-row single-source 20260728 */
/* Mot mau xanh duy nhat cho ca hang, ke ca cot ghim, de khong bi vet lech mau. */
#creatorAdminBody tr.creator-row-paid > td,#creatorAdminBody tr.creator-row-paid > td:first-child,#creatorAdminBody tr.creator-row-paid > td:nth-child(1),#creatorAdminBody tr.creator-row-paid > td:nth-child(2),#creatorAdminBody tr.creator-row-paid > td:nth-child(3),#creatorAdminBody tr.creator-row-paid > td.creator-name-cell,#creatorAdminBody tr.creator-row-paid > td.account-cell,#creatorAdminBody tr.creator-row-paid > td.gmv-cell,#creatorAdminBody tr.creator-row-paid > td:last-child{background:#eafaf1!important;background-image:none!important;box-shadow:none!important;border-bottom-color:#cdeedd!important}
#creatorAdminBody tr.creator-row-paid:hover > td,#creatorAdminBody tr.creator-row-paid:hover > td:first-child,#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(1),#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(2),#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(3),#creatorAdminBody tr.creator-row-paid:hover > td.creator-name-cell,#creatorAdminBody tr.creator-row-paid:hover > td.account-cell,#creatorAdminBody tr.creator-row-paid:hover > td.gmv-cell,#creatorAdminBody tr.creator-row-paid:hover > td:last-child{background:#dcf4e6!important}
#creatorAdminBody tr.creator-row-paid > td .account-input,#creatorAdminBody tr.creator-row-paid > td .account-input[readonly],#creatorAdminBody tr.creator-row-paid > td .account-edit-btn,#creatorAdminBody tr.creator-row-paid > td .gmv-input{background:#f4fdf8!important;border-color:#a7e3bf!important;color:#0f172a!important}
/* ===== DESIGN SYSTEM V2 20260728 ===== */
/* Lop giao dien moi: khung sidebar sang, tieu de co nhip, the va bang tinh gon.
   Chi doi hien thi. Khong doi logic. Dat cuoi file de thang cac lop cu. */
:root{
  --d-font:'Be Vietnam Pro','Segoe UI',Roboto,Arial,sans-serif;
  --d-bg:#f6f7f9; --d-surface:#ffffff; --d-surface-2:#fafbfc; --d-sidebar:#ffffff;
  --d-ink:#0d1117; --d-ink-2:#33415c; --d-muted:#69748a; --d-soft:#98a2b3;
  --d-line:#e7eaef; --d-line-2:#eef1f5; --d-line-3:#dde2ea;
  --d-accent:#0e9f9c; --d-accent-ink:#0a7d7a; --d-accent-bg:#eefaf9; --d-accent-line:#c3ebe9;
  --d-blue:#2f6fed; --d-yellow:#f5b301; --d-red:#dc2626;
  --d-green-row:#eafaf1; --d-green-row-2:#dcf4e6;
  --d-r:12px; --d-r-sm:9px; --d-r-lg:16px;
  --d-sh-1:0 1px 2px rgba(13,17,23,.05);
  --d-sh-2:0 1px 3px rgba(13,17,23,.06),0 8px 24px rgba(13,17,23,.05);
  --d-sh-3:0 18px 50px rgba(13,17,23,.12);
}
html,body{font-family:var(--d-font)!important;background:var(--d-bg)!important;color:var(--d-ink-2)!important;font-size:14px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased!important;letter-spacing:-.005em!important}
button,input,select,textarea{font-family:var(--d-font)!important}
h1,h2,h3,h4{color:var(--d-ink)!important;letter-spacing:-.025em!important}
.muted{color:var(--d-muted)!important}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#d3d9e2;border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#b9c2ce;background-clip:padding-box}
.shell{display:grid!important;grid-template-columns:258px minmax(0,1fr)!important;min-height:100vh!important;background:var(--d-bg)!important;padding:0!important}
.main{margin:0!important;width:auto!important;min-width:0!important;padding:0!important;background:var(--d-bg)!important;overflow:auto!important;max-height:100vh!important}
.main>section{padding:26px 30px 40px!important;max-width:1560px!important}
.sidebar{position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;width:258px!important;height:100vh!important;display:flex!important;flex-direction:column!important;background:var(--d-sidebar)!important;border-right:1px solid var(--d-line)!important;box-shadow:none!important;padding:16px 12px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;backdrop-filter:none!important;gap:0!important}
.sidebar .brand{order:1!important;position:static!important;inset:auto!important;display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:10px!important;width:auto!important;height:auto!important;margin:2px 2px 14px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--d-ink)!important}
.sidebar .brand .logo{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(140deg,#111827,#1f2937)!important;color:#fff!important;font-size:17px!important;line-height:1!important;text-shadow:1px 0 #25f4ee,-1px 0 #fe2c55!important;box-shadow:0 4px 12px rgba(13,17,23,.18)!important}
.sidebar .brand h1{margin:0!important;font-size:14px!important;font-weight:800!important;line-height:1.1!important;color:var(--d-ink)!important;letter-spacing:-.02em!important}
.sidebar .brand p{margin:2px 0 0!important;font-size:11.5px!important;font-weight:600!important;color:var(--d-soft)!important;line-height:1.1!important}
.sidebar .top-mini-brand{display:none!important}
.country-picker{order:2!important;margin:0 0 14px!important;padding:10px!important;border:1px solid var(--d-line)!important;border-radius:var(--d-r)!important;background:var(--d-surface-2)!important;box-shadow:none!important}
.country-picker>label{display:block!important;margin:0 0 6px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--d-soft)!important}
.country-picker-row{display:grid!important;grid-template-columns:1fr 34px!important;gap:6px!important;align-items:center!important}
.country-picker select{height:36px!important;padding:0 10px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink)!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important}
.country-add-btn{width:34px!important;height:36px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink-2)!important;font-size:17px!important;font-weight:700!important;box-shadow:none!important}
.country-add-btn:hover{background:var(--d-accent-bg)!important;border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;transform:none!important}
.sidebar .admin-nav-btn{order:3!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;height:40px!important;margin:0 0 3px!important;padding:0 11px!important;border:0!important;border-radius:var(--d-r-sm)!important;background:transparent!important;color:var(--d-ink-2)!important;font-size:13.5px!important;font-weight:650!important;text-align:left!important;justify-content:flex-start!important;box-shadow:none!important;transition:background .14s ease,color .14s ease!important}
.sidebar .admin-nav-btn:hover{background:#f2f4f7!important;color:var(--d-ink)!important;border:0!important;transform:none!important}
.sidebar .admin-nav-btn.active{background:var(--d-accent-bg)!important;color:var(--d-accent-ink)!important;font-weight:800!important;border:0!important;box-shadow:inset 0 0 0 1px var(--d-accent-line)!important}
#overviewBtn{order:3!important}#creatorAdminBtn{order:4!important}#brandManagerBtn{order:5!important}#brandManagerPanel{order:6!important}#reportsBtn{order:7!important}#companyManagerBtn{order:8!important}
.brand-caret{margin-left:auto!important;font-size:9px!important;color:var(--d-soft)!important;transition:transform .16s ease!important}
.admin-nav-btn[aria-expanded='true'] .brand-caret{transform:rotate(180deg)!important}
#brandManagerPanel{display:flex!important;flex-direction:column!important;gap:8px!important;margin:2px 0 6px!important;padding:9px!important;border:1px solid var(--d-line)!important;border-radius:var(--d-r)!important;background:var(--d-surface-2)!important;box-shadow:none!important}
#brandManagerPanel .search-box{margin:0!important}
#brandManagerPanel .search-box input{width:100%!important;height:36px!important;padding:0 11px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink)!important;font-size:13px!important;box-shadow:none!important}
#brandManagerPanel .project-list{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;max-height:calc(100vh - 470px)!important;min-height:0!important;overflow:auto!important}
.project-item{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;padding:9px 10px!important;border:0!important;border-radius:var(--d-r-sm)!important;background:transparent!important;color:var(--d-ink-2)!important;text-align:left!important;box-shadow:none!important}
.project-item:hover{background:#f2f4f7!important;color:var(--d-ink)!important}
.project-item.active{background:var(--d-accent-bg)!important;color:var(--d-accent-ink)!important;box-shadow:inset 0 0 0 1px var(--d-accent-line)!important}
.project-item .chevron{width:16px!important;height:16px!important;display:grid!important;place-items:center!important;font-size:9px!important;color:var(--d-soft)!important;margin:0!important}
.project-title-wrap strong{display:block!important;font-size:12.5px!important;font-weight:750!important;letter-spacing:.01em!important;text-transform:none!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.project-title-wrap>span{display:block!important;margin-top:2px!important;font-size:10.5px!important;font-weight:600!important;color:var(--d-soft)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-sub-list{margin:4px 0 4px 16px!important;padding:0 0 0 9px!important;border-left:1px solid var(--d-line)!important;display:grid!important;gap:3px!important}
.sidebar-sub-item{display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-height:0!important;padding:8px 9px!important;border:0!important;border-radius:var(--d-r-sm)!important;background:transparent!important;box-shadow:none!important}
.sidebar-sub-item:hover{background:#f2f4f7!important}
.sidebar-sub-item.active{background:var(--d-accent-bg)!important;box-shadow:inset 0 0 0 1px var(--d-accent-line)!important}
.sidebar-sub-item .sub-dot{width:14px!important;font-size:11px!important;color:var(--d-accent)!important}
.sidebar-sub-text strong{font-size:12.5px!important;font-weight:700!important;color:var(--d-ink)!important}
.sidebar-sub-text small{margin-top:2px!important;font-size:10.5px!important;font-weight:600!important;color:var(--d-soft)!important}
.sidebar-add-sub{height:34px!important;border-radius:var(--d-r-sm)!important;border:1px dashed var(--d-line-3)!important;background:#fff!important;color:var(--d-muted)!important;font-size:12.5px!important;font-weight:700!important;box-shadow:none!important}
.sidebar-add-sub:hover{border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;background:var(--d-accent-bg)!important;transform:none!important}
#brandManagerPanel #newProjectBtn,.sidebar .primary.full{order:99!important;height:38px!important;margin:2px 0 0!important;border-radius:var(--d-r-sm)!important;background:var(--d-accent)!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:750!important;box-shadow:0 4px 12px rgba(14,159,156,.20)!important}
#brandManagerPanel #newProjectBtn:hover{background:var(--d-accent-ink)!important;transform:none!important}
#logoutBtn{order:90!important;margin-top:auto!important;margin-bottom:8px!important;height:38px!important;width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line)!important;background:#fff!important;color:var(--d-muted)!important;font-size:12.5px!important;font-weight:700!important;box-shadow:none!important;position:static!important}
#logoutBtn:before{content:none!important}
#logoutBtn:hover{background:#fff5f5!important;border-color:#fecaca!important;color:var(--d-red)!important;transform:none!important}
#dbStatus{order:91!important;margin:0!important;padding:9px 11px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line)!important;background:var(--d-surface-2)!important;color:var(--d-soft)!important;font-size:10.5px!important;font-weight:600!important;line-height:1.45!important;box-shadow:none!important;word-break:break-word!important;position:static!important}

/* ---------- SHELL / SIDEBAR ---------- */
.shell{display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;min-height:100vh!important;background:var(--d-bg)!important;padding:0!important}
.sidebar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;bottom:auto!important;width:264px!important;height:100vh!important;display:flex!important;flex-direction:column!important;gap:0!important;background:var(--d-sidebar)!important;border-right:1px solid var(--d-line)!important;box-shadow:none!important;padding:16px 12px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;backdrop-filter:none!important;z-index:30!important}
/* logo khoi dau sidebar */
.sidebar .brand{order:1!important;position:static!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;height:auto!important;min-height:0!important;margin:0 0 14px!important;padding:4px 6px 14px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--d-line-2)!important;border-radius:0!important;box-shadow:none!important;color:var(--d-ink)!important}
.sidebar .brand .logo{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:var(--d-ink)!important;color:#fff!important;font-size:17px!important;line-height:1!important;box-shadow:none!important;text-shadow:1px 0 #25f4ee,-1px 0 #fe2c55!important}
.sidebar .brand h1{margin:0!important;font-size:13.5px!important;font-weight:800!important;line-height:1.1!important;color:var(--d-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar .brand p{margin:2px 0 0!important;font-size:11px!important;font-weight:600!important;color:var(--d-soft)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar .top-mini-brand{display:none!important}
/* chon quoc gia */
.country-picker{order:2!important;margin:0 0 14px!important;padding:10px!important;background:var(--d-surface-2)!important;border:1px solid var(--d-line)!important;border-radius:var(--d-r)!important;box-shadow:none!important}
.country-picker label{display:block!important;margin:0 0 6px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--d-soft)!important}
.country-picker-row{display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;gap:6px!important;align-items:center!important}
.country-picker select{width:100%!important;height:36px!important;padding:0 10px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink)!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important}
.country-add-btn{width:34px!important;height:36px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink-2)!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
.country-add-btn:hover{background:var(--d-accent-bg)!important;border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;transform:none!important}
/* nut dieu huong */
.sidebar .admin-nav-btn{order:3!important;position:relative!important;width:100%!important;height:40px!important;margin:0 0 4px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important;text-align:left!important;background:transparent!important;border:0!important;border-radius:var(--d-r-sm)!important;color:var(--d-ink-2)!important;font-size:13.5px!important;font-weight:650!important;box-shadow:none!important;transition:background .14s ease,color .14s ease!important}
.sidebar .admin-nav-btn:hover{background:#f2f4f7!important;color:var(--d-ink)!important;transform:none!important;box-shadow:none!important}
.sidebar .admin-nav-btn.active{background:var(--d-accent-bg)!important;color:var(--d-accent-ink)!important;font-weight:800!important;border:0!important}
.sidebar .admin-nav-btn.active::before{content:''!important;position:absolute!important;left:0!important;top:9px!important;bottom:9px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:var(--d-accent)!important}
#overviewBtn{order:3!important}#creatorAdminBtn{order:4!important}#brandManagerBtn{order:5!important}#brandManagerPanel{order:6!important}#reportsBtn{order:7!important}#companyManagerBtn{order:8!important}
.brand-caret{margin-left:auto!important;font-size:10px!important;color:var(--d-soft)!important;transition:transform .16s ease!important}
.admin-nav-btn[aria-expanded='true'] .brand-caret{transform:rotate(180deg)!important}
/* khoi danh sach thuong hieu */
#brandManagerPanel{display:flex!important;flex-direction:column!important;gap:8px!important;margin:2px 0 6px!important;padding:8px!important;background:var(--d-surface-2)!important;border:1px solid var(--d-line-2)!important;border-radius:var(--d-r)!important;box-shadow:none!important;min-height:0!important}
#brandManagerPanel .search-box{margin:0!important}
#brandManagerPanel .search-box input{width:100%!important;height:36px!important;padding:0 11px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink)!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
#brandManagerPanel .project-list{margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:calc(100vh - 430px)!important;min-height:0!important;overflow:auto!important}
.project-item{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;padding:9px 10px!important;background:transparent!important;border:0!important;border-radius:var(--d-r-sm)!important;color:var(--d-ink-2)!important;text-align:left!important;box-shadow:none!important;transition:background .14s ease!important}
.project-item:hover{background:#eef1f5!important;color:var(--d-ink)!important;border:0!important}
.project-item.active{background:var(--d-accent-bg)!important;color:var(--d-accent-ink)!important;border:0!important;box-shadow:none!important}
.project-item .chevron{width:16px!important;height:16px!important;display:grid!important;place-items:center!important;color:var(--d-soft)!important;font-size:9px!important}
.project-title-wrap strong{display:block!important;font-size:12.5px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.project-title-wrap>span{display:block!important;margin-top:2px!important;font-size:10.5px!important;font-weight:600!important;color:var(--d-soft)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-sub-list{margin:4px 0 4px 16px!important;padding:0 0 0 10px!important;border-left:1px solid var(--d-line)!important;display:grid!important;gap:3px!important}
.sidebar-sub-item{display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-height:0!important;padding:8px 9px!important;background:transparent!important;border:0!important;border-radius:var(--d-r-sm)!important;box-shadow:none!important}
.sidebar-sub-item:hover{background:#eef1f5!important;border:0!important}
.sidebar-sub-item.active{background:var(--d-accent-bg)!important;border:0!important}
.sidebar-sub-item .sub-dot{width:14px!important;color:var(--d-accent)!important;font-size:11px!important}
.sidebar-sub-text strong{display:block!important;font-size:12.5px!important;font-weight:700!important;color:var(--d-ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-sub-text small{margin-top:3px!important;font-size:10.5px!important;font-weight:600!important;color:var(--d-soft)!important}
.sidebar-add-sub{height:34px!important;border-radius:var(--d-r-sm)!important;background:#fff!important;border:1px dashed var(--d-line-3)!important;color:var(--d-muted)!important;font-size:12.5px!important;font-weight:700!important;box-shadow:none!important}
.sidebar-add-sub:hover{border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;background:var(--d-accent-bg)!important}
#brandManagerPanel #newProjectBtn{order:99!important;height:36px!important;margin:2px 0 0!important;border-radius:var(--d-r-sm)!important;background:var(--d-accent)!important;color:#fff!important;border:0!important;font-size:12.5px!important;font-weight:750!important;box-shadow:none!important}
#brandManagerPanel #newProjectBtn:hover{background:var(--d-accent-ink)!important;transform:none!important}
/* day sidebar */
#logoutBtn{order:96!important;margin:auto 0 8px!important;width:100%!important;height:38px!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;position:static!important;background:transparent!important;border:0!important;border-radius:var(--d-r-sm)!important;color:var(--d-muted)!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;text-align:left!important}
#logoutBtn::before{content:none!important}
#logoutBtn:hover{background:#fff1f2!important;color:var(--d-red)!important;border:0!important;transform:none!important}
#dbStatus{order:97!important;position:static!important;margin:0!important;padding:9px 11px!important;background:var(--d-surface-2)!important;border:1px solid var(--d-line-2)!important;border-radius:var(--d-r-sm)!important;color:var(--d-soft)!important;font-size:10.5px!important;font-weight:600!important;line-height:1.45!important;box-shadow:none!important;word-break:break-word!important}
#dbStatus.error{background:#fff5f5!important;border-color:#fecaca!important;color:#b42318!important}

/* ---------- MAIN / PAGE HEADER ---------- */
.main{margin-left:0!important;width:auto!important;max-width:none!important;min-width:0!important;padding:26px 30px 40px!important;background:var(--d-bg)!important;overflow-x:hidden!important}
.detail,.dashboard-view,.reports-view,.creator-admin-view,.overview-view,.empty-view{padding:0!important;display:grid!important;gap:18px!important;max-width:1560px!important}
.detail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0!important;padding:0 0 16px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--d-line)!important;border-radius:0!important;box-shadow:none!important}
.detail-head:after{display:none!important}
.detail-head>div:first-child{min-width:0!important}
.detail-head .eyebrow{display:block!important;margin:0 0 6px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--d-soft)!important}
.detail-head h2{margin:0!important;font-size:25px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.03em!important;color:var(--d-ink)!important}
.detail-head .muted{margin:7px 0 0!important;font-size:13px!important;line-height:1.5!important;color:var(--d-muted)!important}
.head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}

/* ---------- BUTTONS ---------- */
button,.upload-btn{border-radius:var(--d-r-sm)!important;font-weight:700!important;font-size:13px!important;letter-spacing:-.005em!important;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important}
button:hover{transform:none!important}
.head-actions button,.creator-filter-actions button,.filter-actions button{height:36px!important;padding:0 13px!important}
.primary,.big-upload,.submit-btn,#runFilterBtn,.login-submit{background:var(--d-accent)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid var(--d-accent)!important;box-shadow:var(--d-sh-1)!important}
.primary:hover,.big-upload:hover,#runFilterBtn:hover,.login-submit:hover{background:var(--d-accent-ink)!important;border-color:var(--d-accent-ink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:var(--d-sh-1)!important}
.ghost,.secondary,.reset-btn{background:#fff!important;background-image:none!important;color:var(--d-ink-2)!important;-webkit-text-fill-color:var(--d-ink-2)!important;border:1px solid var(--d-line-3)!important;box-shadow:var(--d-sh-1)!important}
.ghost:hover,.secondary:hover,.reset-btn:hover{background:#f7f9fb!important;border-color:#c9d2de!important;color:var(--d-ink)!important;-webkit-text-fill-color:var(--d-ink)!important}
.danger,.danger.ghost{background:#fff!important;color:var(--d-red)!important;-webkit-text-fill-color:var(--d-red)!important;border:1px solid #f6cdcd!important}
.danger:hover,.danger.ghost:hover{background:#fef3f3!important;border-color:#efb3b3!important;color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important}
button:disabled,button[disabled]{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(14,159,156,.45)!important;outline-offset:2px!important}

/* ---------- PANELS / CARDS ---------- */
.panel,.filter-panel,.data-card,.dashboard-card,.empty-card,.overview-panel,.bs-chart-box,.bs-card{background:var(--d-surface)!important;border:1px solid var(--d-line)!important;border-radius:var(--d-r-lg)!important;box-shadow:var(--d-sh-2)!important;color:var(--d-ink-2)!important}
.panel{padding:20px!important;margin:0!important}
.panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding:0!important;border:0!important}
.panel-head h3{margin:0!important;font-size:16.5px!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--d-ink)!important}
.panel-head p,.panel-head .muted{margin:5px 0 0!important;font-size:12.5px!important;color:var(--d-muted)!important}

/* ---------- FORM ---------- */
input,select,textarea{background:#fff!important;color:var(--d-ink)!important;border:1px solid var(--d-line-3)!important;border-radius:var(--d-r-sm)!important;box-shadow:none!important;font-size:13.5px!important}
input:focus,select:focus,textarea:focus{border-color:var(--d-accent)!important;box-shadow:0 0 0 3px rgba(14,159,156,.13)!important;outline:0!important}
input::placeholder,textarea::placeholder{color:var(--d-soft)!important;font-weight:500!important}
.creator-admin-filters label>span,.filter-grid label>span,label.creator-search>span{font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--d-soft)!important}
.creator-admin-filters{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:12px!important}
.creator-admin-filters input,.creator-admin-filters select,.brand-multi-toggle{height:38px!important;padding:0 11px!important;font-weight:600!important}
.creator-filter-row{gap:10px!important}
.creator-check{display:flex!important;align-items:center!important;gap:8px!important;height:38px!important;padding:0 12px!important;background:#fff!important;border:1px solid var(--d-line-3)!important;border-radius:var(--d-r-sm)!important}
.creator-check span{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;color:var(--d-ink-2)!important;font-weight:650!important}
.prio-filter-btn[aria-pressed="true"]{background:#fffaeb!important;border-color:#f2d488!important;color:#8a5b00!important;-webkit-text-fill-color:#8a5b00!important}
#creatorPickVideoBtn.active{background:var(--d-blue)!important;border-color:var(--d-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---------- DATA TABLE ---------- */
.table-wrap,.creator-admin-table,.report-table-wrap,.history-table-wrap,.company-table-wrap{background:var(--d-surface)!important;border:1px solid var(--d-line)!important;border-radius:var(--d-r)!important;box-shadow:none!important;overflow:auto!important}
.panel .table-wrap,.panel .creator-admin-table{box-shadow:none!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:var(--d-surface)!important}
thead th{position:sticky!important;top:0!important;z-index:3!important;background:var(--d-surface-2)!important;color:var(--d-muted)!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important;text-align:left!important;padding:11px 12px!important;border-bottom:1px solid var(--d-line-3)!important;white-space:nowrap!important;vertical-align:middle!important}
tbody td{background:var(--d-surface)!important;color:var(--d-ink-2)!important;font-size:13px!important;padding:12px!important;border-bottom:1px solid var(--d-line-2)!important;vertical-align:middle!important;transition:background .12s ease!important}
tbody tr:nth-child(even) td{background:var(--d-surface)!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#f7fafa!important}
td b,td strong{color:var(--d-ink)!important;font-weight:750!important}
.no-data{padding:34px 18px!important;text-align:center!important;color:var(--d-soft)!important;font-weight:600!important}
/* tieu de co the sap xep */
.sort-th{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--d-muted)!important;font:inherit!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important;cursor:pointer!important}
.sort-th:hover,.sort-th.active{color:var(--d-accent-ink)!important;background:transparent!important;transform:none!important}
.sort-th .sort-icon{min-width:auto!important;padding:0!important;background:transparent!important;border:0!important;color:var(--d-soft)!important;font-size:10px!important}
.sort-th:hover .sort-icon,.sort-th.active .sort-icon{color:var(--d-accent)!important}
/* ten creator */
.creator-name-btn,a.creator-name-btn{color:var(--d-ink)!important;font-weight:750!important;font-size:13.5px!important;text-decoration:none!important;background:transparent!important;border:0!important;padding:0!important}
.creator-name-btn:hover{color:var(--d-accent-ink)!important;text-decoration:underline!important;text-underline-offset:2px!important}
#creatorAdminBody td.creator-name-cell{display:table-cell!important;vertical-align:middle!important;white-space:nowrap!important}
/* ngoi sao uu tien: to, lech trai, bam thanh vang */
#creatorAdminBody .prio-star,.detail-prio-wrap .prio-star{width:30px!important;height:30px!important;margin:0 6px 0 -5px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:999px!important;box-shadow:none!important;color:#c9d2de!important;-webkit-text-fill-color:currentColor!important;cursor:pointer!important;transition:color .14s ease,background .14s ease,transform .14s ease!important}
#creatorAdminBody .prio-star .prio-star-ic,.detail-prio-wrap .prio-star .prio-star-ic{width:23px!important;height:23px!important;display:block!important}
#creatorAdminBody .prio-star:hover,.detail-prio-wrap .prio-star:hover{background:#fff7db!important;color:var(--d-yellow)!important;-webkit-text-fill-color:var(--d-yellow)!important;transform:scale(1.08)!important;border:0!important;box-shadow:none!important}
#creatorAdminBody .prio-star.on,#creatorAdminBody .prio-star.on:hover,.detail-prio-wrap .prio-star.on,.detail-prio-wrap .prio-star.on:hover{color:var(--d-yellow)!important;-webkit-text-fill-color:var(--d-yellow)!important}
/* the trang thai pastel */
.flown-badge,.tag-pill,.report-status-badge,.appealed-badge,.mail-success-badge,.pending-status,.cell-badge,.status-pill,.flown-reason,.new-handle-tag{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:3.5px 9px!important;font-size:11.5px!important;font-weight:750!important;line-height:1.3!important;white-space:nowrap!important;border:1px solid transparent!important}
.flown-badge.alive{background:#e8f9ef!important;color:#12693c!important;border-color:#bcecd0!important}
.flown-badge.gone{background:#fdeeee!important;color:#b3261e!important;border-color:#f5c7c4!important}
.flown-badge.hold{background:#fef7e6!important;color:#96620a!important;border-color:#f8e0a8!important}
.flown-badge.private{background:#f2effe!important;color:#5b28c9!important;border-color:#dbd2fb!important}
.flown-badge.unknown{background:#f4f6f8!important;color:#5d6b82!important;border-color:#dfe4ec!important}
.flown-badge.reported-tag,.report-status-badge.reported{background:#eaf1fe!important;color:#1c53c4!important;border-color:#c6d8fb!important}
.report-status-badge.not-reported{background:#f4f6f8!important;color:#5d6b82!important;border-color:#dfe4ec!important}
.appealed-badge{background:#eaf1fe!important;color:#1c53c4!important;border-color:#c6d8fb!important}
.mail-success-badge{background:#e8f9ef!important;color:#12693c!important;border-color:#bcecd0!important}
.pending-status.is-pending{background:#fef7e6!important;color:#96620a!important;border-color:#f8e0a8!important}
.pending-status.is-success{background:#e8f9ef!important;color:#12693c!important;border-color:#bcecd0!important}
.pending-status.is-fail{background:#fdeeee!important;color:#b3261e!important;border-color:#f5c7c4!important}
.pending-status.is-skip{background:#f4f6f8!important;color:#5d6b82!important;border-color:#dfe4ec!important}
.status-pill.dead{background:#fdeeee!important;color:#b3261e!important;border-color:#f5c7c4!important}
.status-pill.revived{background:#e8f9ef!important;color:#12693c!important;border-color:#bcecd0!important}
.flown-reason{background:#fff4e8!important;color:#9a4a10!important;border-color:#fbdcc0!important}
.flown-stick-badge,.flown-stick-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:25px!important;padding:0 9px!important;border-radius:999px!important;background:#fdeeee!important;color:#b3261e!important;border:1px solid #f5c7c4!important;font-size:12px!important;font-weight:800!important}
.flown-stick-btn:hover{background:#fbdedc!important;transform:none!important}
.flown-when{color:var(--d-soft)!important;font-size:11.5px!important;font-weight:600!important}
.new-handle-tag{background:#eaf1fe!important;color:#1c53c4!important;border-color:#c6d8fb!important;font-size:10.5px!important}
.open-video-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:29px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--d-line-3)!important;color:var(--d-blue)!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important}
.open-video-link:hover{background:#eaf1fe!important;border-color:#c6d8fb!important;text-decoration:none!important}
/* o nhap trong bang */
#creatorAdminBody .gmv-input,.detail-gmv-input{width:88px!important;max-width:88px!important;min-width:70px!important;height:32px!important;padding:0 9px!important;text-align:right!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;font-size:13px!important;font-weight:700!important;color:var(--d-ink)!important}
#creatorAdminBody .account-input{width:150px!important;max-width:150px!important;height:32px!important;padding:0 9px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;font-size:13px!important;color:var(--d-ink)!important}
#creatorAdminBody .account-edit-btn{width:32px!important;height:32px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line-3)!important;background:#fff!important;color:var(--d-ink-2)!important;box-shadow:none!important}
#creatorAdminBody .account-edit-btn:hover{background:var(--d-accent-bg)!important;border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;transform:none!important}
.video-count-btn{height:27px!important;padding:0 11px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--d-line-3)!important;color:var(--d-blue)!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important}
.video-count-btn:hover{background:#eaf1fe!important;border-color:#c6d8fb!important;transform:none!important}
/* DONG DA NHAN TIEN: xanh lien mach ca hang, ke ca cot ghim */
#creatorAdminBody tr.creator-row-paid > td,#creatorAdminBody tr.creator-row-paid > td:first-child,#creatorAdminBody tr.creator-row-paid > td:nth-child(1),#creatorAdminBody tr.creator-row-paid > td:nth-child(2),#creatorAdminBody tr.creator-row-paid > td:nth-child(3){background:var(--d-green-row)!important;background-image:none!important;border-bottom-color:#cbeddb!important;box-shadow:none!important}
#creatorAdminBody tr.creator-row-paid:hover > td,#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(1),#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(2),#creatorAdminBody tr.creator-row-paid:hover > td:nth-child(3){background:var(--d-green-row-2)!important}
#creatorAdminBody tr.creator-row-paid > td .account-input,#creatorAdminBody tr.creator-row-paid > td .account-input[readonly],#creatorAdminBody tr.creator-row-paid > td .account-edit-btn,#creatorAdminBody tr.creator-row-paid > td .gmv-input{background:#f4fdf8!important;border-color:#a9e5c2!important;color:var(--d-ink)!important}
/* cac dong to mau khac: chi vien trai, khong to ca hang cho do roi */
#creatorAdminBody tr.creator-row-pending > td,#creatorAdminBody tr.creator-row-hot > td,#creatorAdminBody tr.creator-row-stick > td,#creatorAdminBody tr.creator-row-danger > td{background:var(--d-surface)!important}
#creatorAdminBody tr:not(.creator-row-paid) > td:nth-child(1),#creatorAdminBody tr:not(.creator-row-paid) > td:nth-child(2){background:var(--d-surface)!important}
#creatorAdminBody tr:not(.creator-row-paid):hover > td:nth-child(1),#creatorAdminBody tr:not(.creator-row-paid):hover > td:nth-child(2){background:#f7fafa!important}
.creator-admin-table thead th:nth-child(1),.creator-admin-table thead th:nth-child(2){background:var(--d-surface-2)!important;color:var(--d-muted)!important}
/* phan trang */
.creator-pager{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:14px!important;padding:2px!important}
.pager-info{color:var(--d-muted)!important;font-size:12.5px!important;font-weight:600!important}
.pager-btns{display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important}
.creator-pager .pager-btn,.pager-btns button.pager-btn{min-width:34px!important;height:34px!important;padding:0 10px!important;border-radius:var(--d-r-sm)!important;border:1px solid var(--d-line)!important;background:#fff!important;color:var(--d-ink-2)!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
.creator-pager .pager-btn:hover:not(:disabled):not(.active){background:var(--d-accent-bg)!important;border-color:var(--d-accent-line)!important;color:var(--d-accent-ink)!important;transform:none!important}
.creator-pager .pager-btn.active,.pager-btns .pager-btn.active,button.pager-btn.active{background:var(--d-accent)!important;background-image:none!important;border-color:var(--d-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;cursor:default!important}
.pager-gap{color:var(--d-soft)!important;font-weight:700!important}

/* ---------- V2 MOBILE: dat cuoi cung de khong bi lop desktop v2 de len ---------- */
@media (max-width:820px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.sidebar-open{overflow:hidden!important}
  .shell{display:block!important;grid-template-columns:none!important;padding-top:56px!important;min-height:100vh!important;overflow-x:hidden!important}
  /* thanh tren co dinh */
  .sidebar .brand{position:fixed!important;top:0!important;left:0!important;right:0!important;width:auto!important;height:56px!important;min-height:56px!important;z-index:1200!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0 14px 0 60px!important;background:var(--d-ink)!important;border:0!important;border-radius:0!important;box-shadow:0 1px 12px rgba(13,17,23,.22)!important}
  .sidebar .brand .logo{width:30px!important;height:30px!important;min-width:30px!important;background:#fff!important;color:var(--d-ink)!important;text-shadow:none!important;border-radius:9px!important}
  .sidebar .brand h1{color:#fff!important;font-size:13px!important}
  .sidebar .brand p{color:rgba(255,255,255,.62)!important;font-size:10.5px!important}
  /* nut mo menu */
  .mobile-menu-btn{display:grid!important;place-items:center!important;position:fixed!important;top:8px!important;left:10px!important;z-index:1250!important;width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;font-size:19px!important;font-weight:800!important}
  .mobile-menu-btn:hover{background:rgba(255,255,255,.22)!important;transform:none!important}
  .mobile-sidebar-backdrop{display:block!important;position:fixed!important;inset:56px 0 0 0!important;background:rgba(13,17,23,.42)!important;z-index:1140!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important;backdrop-filter:blur(2px)!important}
  body.sidebar-open .mobile-sidebar-backdrop{opacity:1!important;pointer-events:auto!important}
  /* sidebar dang ngan keo */
  .sidebar{position:fixed!important;left:0!important;top:56px!important;bottom:0!important;width:min(86vw,300px)!important;max-width:300px!important;height:auto!important;z-index:1180!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;background:var(--d-surface)!important;border-right:1px solid var(--d-line)!important;padding:14px 10px 18px!important;overflow-y:auto!important;box-shadow:18px 0 46px rgba(13,17,23,.18)!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important}
  /* vung noi dung */
  .main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px 13px 26px!important;overflow:visible!important}
  .detail-head,.page-head{display:block!important;padding:0!important;margin:0 0 14px!important}
  .detail-head h2,.page-head h1{font-size:20px!important}
  .head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .head-actions button,.head-actions .upload-btn{width:100%!important}
  .panel{padding:14px!important;border-radius:var(--d-r)!important;margin:0 0 12px!important}
  .creator-admin-filters,.creator-filter-row,.creator-filter-row-main,.creator-filter-actions,.filter-grid,.filter-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .creator-filter-actions button,.filter-actions button{width:100%!important;height:44px!important}
  .dashboard-grid,.bs-cards,.overview-grid,.bs-chart-grid{grid-template-columns:1fr!important}
  /* BANG CREATOR -> DANG THE */
  .creator-admin-table{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;max-height:none!important}
  .creator-admin-table table{display:block!important;width:100%!important;min-width:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
  .creator-admin-table thead{display:none!important}
  .creator-admin-table tbody{display:block!important}
  .creator-admin-table tbody tr{display:block!important;background:var(--d-surface)!important;border:1px solid var(--d-line)!important;border-left:3px solid var(--d-line-3)!important;border-radius:var(--d-r)!important;padding:12px 14px!important;margin:0 0 11px!important;box-shadow:var(--d-sh-1)!important;overflow:hidden!important}
  #creatorAdminBody tr > td,.creator-admin-table tbody tr > td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:auto!important;min-width:0!important;max-width:none!important;position:static!important;left:auto!important;padding:8px 0!important;border:0!important;border-top:1px solid var(--d-line-2)!important;border-bottom:0!important;text-align:right!important;white-space:normal!important;font-size:13.5px!important;background:transparent!important}
  .creator-admin-table tbody tr > td::before{flex:0 0 42%!important;text-align:left!important;color:var(--d-soft)!important;font-weight:800!important;font-size:11.5px!important;white-space:nowrap!important}
  .creator-admin-table tbody tr > td:nth-child(2)::before{content:'STT'}
  .creator-admin-table tbody tr > td:nth-child(4)::before{content:'Tai khoan'}
  .creator-admin-table tbody tr > td:nth-child(5)::before{content:'Follower'}
  .creator-admin-table tbody tr > td:nth-child(6)::before{content:'Tong so video'}
  .creator-admin-table tbody tr > td:nth-child(7)::before{content:'GMV'}
  .creator-admin-table tbody tr > td:nth-child(8)::before{content:'Report gan nhat'}
  .creator-admin-table tbody tr > td:nth-child(9)::before{content:'Trang thai kenh'}
  .creator-admin-table tbody tr > td:nth-child(10)::before{content:'Thoi gian bay'}
  .creator-admin-table tbody tr > td:nth-child(11)::before{content:'So gay'}
  .creator-admin-table tbody tr > td:nth-child(1),
  .creator-admin-table tbody tr > td:nth-child(2){border-top:0!important;padding:2px 0 4px!important;justify-content:flex-start!important;color:var(--d-soft)!important;font-size:11.5px!important;font-weight:800!important}
  #creatorAdminBody td.creator-name-cell{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;border-top:0!important;padding:2px 0 10px!important;border-bottom:1px solid var(--d-line-2)!important;margin-bottom:2px!important;white-space:normal!important}
  #creatorAdminBody td.creator-name-cell::before{display:none!important}
  #creatorAdminBody td.creator-name-cell .creator-name-btn{display:inline-block!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;text-align:left!important;white-space:normal!important}
  .creator-admin-table tbody tr > td:last-child{justify-content:stretch!important;padding-top:10px!important}
  .creator-admin-table tbody tr > td:last-child::before{display:none!important}
  .creator-admin-table tbody tr > td:last-child button{width:100%!important;height:42px!important;border-radius:var(--d-r-sm)!important}
  #creatorAdminBody .gmv-input{width:110px!important;max-width:110px!important;height:38px!important}
  #creatorAdminBody .account-input{width:146px!important;max-width:146px!important;height:38px!important}
  #creatorAdminBody .account-edit-btn{width:38px!important;height:38px!important}
  #creatorAdminBody .prio-star{width:28px!important;height:28px!important;margin-left:-2px!important}
  /* dong da nhan tien: vien trai xanh + nen xanh nhat, lien mach */
  #creatorAdminBody tr.creator-row-paid{border-left-color:#16a34a!important;background:var(--d-green-row)!important}
  #creatorAdminBody tr.creator-row-paid > td,#creatorAdminBody tr.creator-row-paid > td:nth-child(1),#creatorAdminBody tr.creator-row-paid > td:nth-child(2),#creatorAdminBody tr.creator-row-paid > td:nth-child(3){background:transparent!important}
  /* cac bang khac: cuon ngang muot */
  .table-wrap,.report-table-wrap,.history-table-wrap,.smart-result-table{-webkit-overflow-scrolling:touch!important;border-radius:var(--d-r)!important}
  .creator-pager{justify-content:center!important}
  .creator-pager .pager-btn{min-width:40px!important;height:40px!important}
  input[type=text],input[type=search],input[type=number],select,textarea{font-size:16px!important}
}
/* ===== end DESIGN SYSTEM V2 ===== */
/* ===== WIDE FIX 20260728 ===== */
/* Bo gioi han 1560px lam thua khoang trong tren man hinh rong. */
.main{padding:24px 32px 40px!important;max-width:none!important;width:auto!important}
.main>section{max-width:none!important;width:auto!important;padding:0!important}
.detail,.dashboard-view,.reports-view,.creator-admin-view,.overview-view,.empty-view{max-width:none!important;width:auto!important;padding:0!important}
.panel,.filter-panel{width:auto!important;max-width:none!important}
.table-wrap,.creator-admin-table,.report-table-wrap,.smart-result-table,.history-table-wrap{width:auto!important;max-width:none!important}
.creator-admin-table table,.report-table-wrap table{width:100%!important;min-width:0!important}

/* 4 the tin gan day nam cung 1 hang tu 1500px */
@media (min-width:1500px){
  .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
/* man hinh rat rong: noi rong le va cot */
@media (min-width:2000px){
  .main{padding:28px 44px 48px!important}
  .bs-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:2600px){
  .main{padding:30px 56px 52px!important}
  .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* bang lap day chieu ngang, khong de trong ben phai */
.creator-admin-table tbody td,.creator-admin-table thead th{white-space:nowrap!important}
.creator-admin-table td.creator-name-cell{white-space:nowrap!important}
/* ===== end WIDE FIX ===== */
/* ===== WIDE SCREEN FIT 20260728 ===== */
/* Tan dung man hinh rong: bo gioi han 1560px, cho the tu dan cot. */
.main{max-width:none!important;width:auto!important;min-width:0!important}
.main>section{max-width:none!important;width:auto!important}
.detail,.dashboard-view,.reports-view,.creator-admin-view,.overview-view,.empty-view{max-width:none!important;width:auto!important}
.panel,.detail-head,.filter-panel{max-width:none!important}
/* the tu dan theo do rong, khong de o trong cuoi hang */
.overview-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;align-items:stretch!important}
.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.bs-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
.bs-chart-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))!important}
.sub-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
.overview-panel{height:100%!important}
/* man cuc rong: noi dung khong bi keo dai qua muc doc */
@media (min-width:1900px){
  .main{padding:30px 44px 48px!important}
  .overview-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important}
  .bs-chart-grid{grid-template-columns:repeat(auto-fit,minmax(520px,1fr))!important}
}
@media (min-width:2600px){
  .main{padding:34px 60px 56px!important}
  .dashboard-grid,.bs-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
}
/* end WIDE SCREEN FIT */
/* ===== WIDTH UNLOCK FINAL 20260728 ===== */
/* Go bo moi gioi han 1560px con lai. Noi dung dung het chieu ngang man hinh. */
.main{max-width:none!important;width:auto!important}
.main>section{max-width:none!important;width:auto!important}
.detail,.dashboard-view,.reports-view,.creator-admin-view,.overview-view,.empty-view{max-width:none!important;width:auto!important}
.panel,.filter-panel,.detail-head,.page-head{max-width:none!important}
/* end WIDTH UNLOCK FINAL */
/* ===== HIDDEN FIX 20260728 ===== */
/* LOI: lop giao dien moi dat sau nen de mat quy tac an trang,
   lam nhieu trang hien cung luc. Tra lai quyen uu tien cho .hidden. */
.hidden{display:none!important}
[hidden]{display:none!important}
.detail.hidden,.dashboard-view.hidden,.reports-view.hidden,.overview-view.hidden,.creator-admin-view.hidden,.empty-view.hidden,.login-view.hidden,.boot-view.hidden,.panel.hidden,.brand-manager-panel.hidden,.brand-multi-panel.hidden,.cv-hist-panel.hidden,.upload-status.hidden,.manual-video-preview.hidden,.mail-dap-banned.hidden{display:none!important}
#brandManagerPanel.collapsed{display:none!important}
/* end HIDDEN FIX */

/* ===== OVERVIEW GMV 20260728 ===== */
.overview-side{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;text-align:right!important}
.overview-side .overview-time{white-space:nowrap!important}
.overview-gmv{display:inline-block!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important;color:#0b7f7c!important;background:#eaf7f6!important;border:1px solid #cfeceb!important;border-radius:999px!important;padding:1px 8px!important;white-space:nowrap!important}
@media (max-width:820px){ .overview-side{align-items:flex-start!important;text-align:left!important} }
/* end OVERVIEW GMV */

/* ===== BRAND ACTIVE CLEAR 20260728 ===== */
/* LOI: muc thuong hieu dang chon co nen va chu qua nhat -> khong nhin ro dang chon cai nao.
   Lam ro: nen dam hon, chu dam va toi hon, co vach mau ben trai. */
.project-item{position:relative!important;padding-left:12px!important}
.project-item .chevron{color:#9aa4b2!important}
.project-title-wrap strong{color:var(--d-ink-2)!important}

/* muc thuong hieu DANG CHON */
#brandManagerPanel .project-item.active,.project-item.active{
  background:#d7f2f0!important;
  color:#08615f!important;
  box-shadow:inset 0 0 0 1px #96dcd8!important;
}
#brandManagerPanel .project-item.active::before,.project-item.active::before{
  content:''!important;position:absolute!important;left:0!important;top:6px!important;bottom:6px!important;
  width:3px!important;border-radius:0 3px 3px 0!important;background:var(--d-accent)!important;
}
#brandManagerPanel .project-item.active .project-title-wrap strong,.project-item.active .project-title-wrap strong{
  color:#08615f!important;font-weight:850!important;
}
#brandManagerPanel .project-item.active .project-title-wrap>span,.project-item.active .project-title-wrap>span{
  color:#3f8f8c!important;font-weight:700!important;
}
#brandManagerPanel .project-item.active .chevron,.project-item.active .chevron{color:var(--d-accent)!important}

/* muc san pham DANG CHON */
.sidebar-sub-item{position:relative!important}
.sidebar-sub-item.active{
  background:#d7f2f0!important;
  box-shadow:inset 0 0 0 1px #96dcd8!important;
}
.sidebar-sub-item.active .sidebar-sub-text strong{color:#08615f!important;font-weight:850!important}
.sidebar-sub-item.active .sidebar-sub-text small{color:#3f8f8c!important}
.sidebar-sub-item.active .sub-dot{color:#08615f!important}

/* tranh nham lan giua dang chon va dang tro chuot */
.project-item.active:hover{background:#cdeeec!important;color:#08615f!important}
.sidebar-sub-item.active:hover{background:#cdeeec!important}
/* end BRAND ACTIVE CLEAR */

/* [2hang-chua-khang 29/07] Nut loc nhanh: >=2 hang chua co tag da khang */
.noappeal-filter-btn{white-space:nowrap!important}
.noappeal-filter-btn.active{background:#e7fbfb!important;color:#00a6a6!important;border:1px solid #9fdcdc!important;font-weight:900!important;box-shadow:inset 0 0 0 1px #c7eeee!important}

/* [an-cot-report-gan-nhat 29/07] An cot Report gan nhat CHI trong bang Quan ly nha sang tao.
   Van giu cot nay o bang ket qua loc (.smart-result-table). */
.creator-admin-table thead th.latest-report-col,
.creator-admin-table tbody td.latest-report-col{display:none!important}
@media(max-width:860px){
  .creator-admin-table tbody tr td.latest-report-col{display:none!important}
  .creator-admin-table tbody tr td.latest-report-col::before{content:""!important}
}

/* [id-duoi-ten 29/07] Dua ID xuong ngay duoi ten creator trong bang Quan ly nha sang tao. */
#creatorAdminBody td.creator-name-cell{white-space:normal!important;vertical-align:middle!important}
#creatorAdminBody td.creator-name-cell .prio-star{vertical-align:top!important;margin-top:2px!important}
.creator-name-stack{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;vertical-align:middle!important;min-width:0!important}
.creator-name-stack .creator-name-btn{display:inline-block!important;white-space:nowrap!important;line-height:1.25!important}
.creator-id-line{display:inline-flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.creator-id-line .account-input{height:30px!important;font-size:12px!important;width:150px!important;max-width:150px!important;padding:0 8px!important}
.creator-id-line .account-edit-btn{width:30px!important;height:30px!important}
/* Cot Tai khoan cu gio de rong -> an di, giu dung so cot cua bang */
#creatorAdminBody td.account-col-moved{display:none!important}
.creator-admin-table thead th.account-head-col{display:none!important}
@media(max-width:860px){
  #creatorAdminBody td.account-col-moved{display:none!important}
  #creatorAdminBody td.account-col-moved::before{content:""!important}
  .creator-name-stack{width:100%!important}
}

/* [id-plain-no-box 29/07] ID hien nhu chu thuong, khong khung. Chi hien khung khi bam but de sua. */
/* O ID khi CHUA sua (readonly): bo khung, bo nen, nhin nhu chu thuong */
#creatorAdminBody .account-input[readonly]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;width:auto!important;max-width:none!important;color:var(--d-ink,#0f172a)!important;font-size:12px!important;cursor:default!important}
#creatorAdminBody tr.creator-row-paid .account-input[readonly]{background:transparent!important;border:0!important}
/* O ID khi DANG sua (bam but): hien lai khung ro rang */
#creatorAdminBody .account-input:not([readonly]){border:1px solid var(--d-accent-line,#5bb8b3)!important;background:#fff!important;border-radius:7px!important;padding:0 8px!important;height:30px!important;width:150px!important;max-width:150px!important;font-size:12px!important;cursor:text!important}
/* Nut but: bo khung/nen, chi con bieu tuong */
#creatorAdminBody .account-edit-btn{border:0!important;background:transparent!important;box-shadow:none!important;width:24px!important;height:24px!important;color:#94a3b8!important;opacity:.7!important}
#creatorAdminBody .account-edit-btn:hover{background:transparent!important;border:0!important;color:var(--d-accent-ink,#0891b2)!important;opacity:1!important;transform:none!important}
#creatorAdminBody tr.creator-row-paid .account-edit-btn{background:transparent!important;border:0!important}
.creator-id-line{gap:4px!important}
@media(max-width:860px){
  #creatorAdminBody .account-input[readonly]{border:0!important;background:transparent!important;width:auto!important;max-width:none!important;height:auto!important}
  #creatorAdminBody .account-edit-btn{width:26px!important;height:26px!important;border:0!important;background:transparent!important}
}

/* [health-monitor 04/08] Trang Tinh trang he thong */
.health-nav-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:6px;vertical-align:middle}
.health-nav-dot.dot-error{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18);animation:healthPulse 1.6s ease-in-out infinite}
.health-nav-dot.dot-warn{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
@keyframes healthPulse{0%,100%{opacity:1}50%{opacity:.35}}
.health-banner{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;line-height:1.55}
.health-banner-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.health-banner-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.health-banner-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.health-list{display:flex;flex-direction:column;gap:10px}
.health-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:13px 15px;border:1px solid var(--d-line-3,#e5e7eb);border-left-width:4px;border-radius:10px;background:#fff}
.health-item.health-ok{border-left-color:#10b981}
.health-item.health-running{border-left-color:#3b82f6}
.health-item.health-warn{border-left-color:#f59e0b;background:#fffdf7}
.health-item.health-error{border-left-color:#ef4444;background:#fffafa}
.health-item.health-idle{border-left-color:#cbd5e1}
.health-main{min-width:0;flex:1}
.health-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--d-ink,#0f172a)}
.health-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex:none}
.health-running .health-dot{background:#3b82f6}
.health-warn .health-dot{background:#f59e0b}
.health-error .health-dot{background:#ef4444}
.health-idle .health-dot{background:#cbd5e1}
.health-note{margin-top:4px;font-size:12.5px;color:#64748b;word-break:break-word}
.health-stats{margin-top:4px;font-size:12px;color:#94a3b8}
.health-stuck{margin-top:5px;font-size:12px;color:#b45309;background:#fffbeb;border-radius:6px;padding:3px 8px;display:inline-block}
.health-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;text-align:right}
.health-badge{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#475569}
.health-ok .health-badge{background:#ecfdf5;color:#047857}
.health-running .health-badge{background:#eff6ff;color:#1d4ed8}
.health-warn .health-badge{background:#fffbeb;color:#b45309}
.health-error .health-badge{background:#fef2f2;color:#b91c1c}
.health-time{font-size:11.5px;color:#94a3b8;white-space:nowrap}
@media(max-width:860px){
  .health-item{flex-direction:column;gap:8px}
  .health-side{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px}
  .health-time{white-space:normal}
}

/* [bs-sticks 05/08] The "So gay (co mail)" - dong nhat so lieu voi bang nha sang tao */
.bs-card.bs-sticks{border-color:#fbcfe8}
.bs-card.bs-sticks .bs-icon{background:#fce7f3;color:#9d174d}
.bs-card.bs-sticks .bs-val{color:#9d174d}
.bs-card.bs-sticks.is-active{border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.14)}
@media(max-width:860px){ .bs-cards{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* [toast-undo 05/08] Nut Hoan tac tren thong bao - chong xoa nham */
.toast{display:flex;align-items:center;gap:12px}
.toast-undo-btn{flex:none;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.34);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}
.toast-undo-btn:hover:not(:disabled){background:rgba(255,255,255,.28)}
.toast-undo-btn:disabled{opacity:.6;cursor:default}
@media(max-width:560px){ .toast{flex-direction:column;align-items:stretch;gap:8px} .toast-undo-btn{width:100%} }

/* [offline-banner 05/08] Dai canh bao mat mang - truoc day nguoi dung khong biet gi khi mat ket noi */
.offline-banner{position:fixed;left:50%;transform:translateX(-50%) translateY(-140%);top:12px;z-index:9999;display:flex;align-items:center;gap:10px;background:#7f1d1d;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.28);font-size:13.5px;transition:transform .28s ease;max-width:calc(100vw - 24px)}
.offline-banner.show{transform:translateX(-50%) translateY(0)}
.offline-dot{width:9px;height:9px;border-radius:50%;background:#fca5a5;flex:none;animation:offlinePulse 1.4s ease-in-out infinite}
@keyframes offlinePulse{0%,100%{opacity:1}50%{opacity:.35}}
.offline-text{flex:1;min-width:0}
.offline-retry{flex:none;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}
.offline-retry:hover:not(:disabled){background:rgba(255,255,255,.3)}
.offline-retry:disabled{opacity:.6;cursor:default}
@media(max-width:560px){.offline-banner{left:12px;right:12px;transform:translateY(-140%);max-width:none}.offline-banner.show{transform:translateY(0)}}

/* [qa-mobile-touch 05/08] Sua theo ket qua kiem thu that ngay 05/08:
   - Do duoc 266-272 nut nho hon 36px o 320-390px => rat kho bam bang ngon tay
   - Chu 9-10.5px o sidebar va bo loc => duoi nguong doc thoai mai
   Chuan khuyen nghi: vung bam toi thieu 40x40px tren mobile, chu toi thieu 11px. */

/* Chu nho: nang len muc doc duoc, ap dung moi kich thuoc */
.brand p{font-size:11.5px}
.country-picker label{font-size:11.5px}
.brand-caret,.sidebar-sub-item .caret,.project-item .caret{font-size:11px}

@media(max-width:430px){
  /* Nut bieu tuong trong bang: mo rong vung bam ma khong lam vo bo cuc */
  #creatorAdminBody .prio-star,
  #creatorAdminBody .account-edit-btn{
    min-width:40px!important;min-height:40px!important;
    display:inline-flex!important;align-items:center;justify-content:center;
  }
  /* Nut so video / so gay: du cao de bam */
  #creatorAdminBody .video-count-btn,
  #creatorAdminBody .flown-stick-btn,
  #creatorAdminBody .detail-open-btn{
    min-height:40px!important;padding-left:12px!important;padding-right:12px!important;
  }
  /* Nut dieu huong va bo loc */
  .admin-nav-btn{min-height:44px}
  .creator-filter-actions button{min-height:40px;padding-left:14px;padding-right:14px}
  /* Nut trong hop thoai */
  dialog button{min-height:40px}
  /* O nhap: du cao, va font >=16px de iOS khong tu phong to trang */
  input[type=text],input[type=search],input[type=number],input[type=password],select,textarea{
    min-height:40px;font-size:16px
  }
}
@media(max-width:390px){
  /* Man hinh rat nho: uu tien vung bam hon la nhet nhieu thong tin */
  #creatorAdminBody .prio-star,
  #creatorAdminBody .account-edit-btn{min-width:42px!important;min-height:42px!important}
}

/* [qa-chu-nho 05/08] Nang chu duoi 11px len muc doc duoc (do bang trinh duyet 05/08) */
.brand p,
.country-picker label,
.db-status,
.eyebrow,
.sub-count,
.project-item .sub-count{font-size:11px}
.brand-caret,
.chevron,
.sidebar-sub-item .chevron{font-size:11px}


/* ===== [qa-uu-tien 05/08] =====
   Ly do: cac khoi sua truoc do khong co tac dung vi bi cac quy tac !important cu
   ghi de (do da cao hon hoac nam sau). Khoi nay dat o CUOI file, dung selector
   du manh + !important de that su co hieu luc.
   Da do bang trinh duyet that o 320/375/390px truoc va sau khi sua. */

/* --- 1. Chu duoi 11px: nang len muc doc duoc (moi kich thuoc man hinh) --- */
.sidebar .brand p{font-size:11px!important}
.sidebar .country-picker label,
.sidebar .country-picker>label{font-size:11px!important}
.sidebar .brand-caret,
#brandManagerBtn .brand-caret{font-size:11px!important}
#projectList .project-item .chevron,
#brandManagerPanel .project-item .chevron{font-size:11px!important}
#projectList .project-title-wrap>span,
#brandManagerPanel .project-item span{font-size:11px!important}
#projectList .sidebar-sub-text small{font-size:11px!important}
.sidebar #dbStatus,
.sidebar .db-status{font-size:11px!important}
.main .detail-head .eyebrow{font-size:11px!important}
.creator-admin-table .new-handle-tag,
#creatorAdminBody .new-handle-tag{font-size:11px!important}
.sort-th .sort-icon{font-size:11px!important}

/* --- 2. Vung bam tren mobile: toi thieu 40px chieu cao --- */
@media (max-width:820px){
  /* Nut trang: dang bi quy tac 34px ghi de (selector .pager-btns button.pager-btn) */
  .creator-pager .pager-btn,
  .pager-btns button.pager-btn,
  .pager-btns .pager-btn{min-width:40px!important;height:40px!important}
  /* Nut trang thai kenh trong bang (dang chi cao 26px) */
  #creatorAdminBody .ch-status-btn,
  .creator-admin-table .ch-status-btn{
    min-height:40px!important;display:inline-flex!important;align-items:center!important;
  }
}
/* ===== end [qa-uu-tien 05/08] ===== */


/* ===== [qa-uu-tien-2 05/08] =====
   Do bang trinh duyet that: o 768px (may tinh bang cam ung) cac nut trong bang
   van chi 24-28px -> kho bam bang ngon tay. Tren desktop, nut sap xep cot chi
   cao 14px (duoi chuan 24px cua WCAG 2.2 AA). */

/* --- May tinh bang cam ung (<=820px): vung bam >=40px --- */
@media (max-width:820px){
  #creatorAdminBody .prio-star,
  .creator-admin-table .prio-star,
  #creatorAdminBody .account-edit-btn,
  .creator-admin-table .account-edit-btn{
    min-width:40px!important;min-height:40px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  #creatorAdminBody .video-count-btn,
  #creatorAdminBody .flown-stick-badge,
  #creatorAdminBody .flown-stick-btn,
  .creator-admin-table .video-count-btn,
  .creator-admin-table .flown-stick-badge{
    min-height:40px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
}

/* --- Desktop: nut sap xep cot dat toi thieu 24px chieu cao (WCAG 2.2 AA) --- */
.sort-th{min-height:24px!important;display:inline-flex!important;align-items:center!important}

/* --- Chu xem truoc ghi chu: 10.83px -> 11px --- */
.note-preview,small.note-preview{font-size:11px!important}
/* ===== end [qa-uu-tien-2 05/08] ===== */

/* ================================================================
   BIEU TUONG NET (thay emoji) - dat cuoi file
   Ly do: emoji hien khac nhau tuy may, do day net khong dong nhat.
   Nay dung mot bo net duy nhat, mau theo chu, canh giua on dinh.
   ================================================================ */
.ic{display:inline-block!important;vertical-align:-.16em!important;flex:0 0 auto!important;color:currentColor!important}
/* nut dieu huong sidebar: bieu tuong + chu thang hang */
.sidebar .admin-nav-btn .ic{opacity:.82!important;transition:opacity .14s ease!important}
.sidebar .admin-nav-btn:hover .ic,.sidebar .admin-nav-btn.active .ic{opacity:1!important}
.sidebar .admin-nav-btn.active .ic{color:var(--d-accent)!important}
.brand-caret .ic{vertical-align:middle!important}
/* logo: bo hieu ung nhoe mau cua emoji cu */
.sidebar .brand .logo .ic,.brand .logo .ic{color:#fff!important;text-shadow:none!important}
.sidebar .brand .logo,.brand .logo{text-shadow:none!important}
.boot-logo .ic,.login-logo .ic{color:#fff!important}
/* o bieu tuong tron trong the va hop thoai */
.modal-icon .ic,.data-icon .ic,.big-icon .ic,.bs-icon .ic{color:inherit!important}
.big-icon{font-size:0!important;line-height:0!important;margin-bottom:14px!important}
.big-icon .ic{color:var(--d-accent)!important}
.dashboard-card>div .ic{color:var(--d-accent)!important}
/* nhan trong bang: bieu tuong nho, khong lam gian dong */
.mail-success-badge .ic,.appealed-badge .ic,.flown-badge .ic,.report-status-badge .ic{vertical-align:-.14em!important;margin-right:1px!important}
/* tieu de panel co bieu tuong */
.panel-head h3{display:inline-flex!important;align-items:center!important;gap:8px!important}
.panel-head h3 .ic{color:var(--d-muted)!important;flex:0 0 auto!important}
/* mui sap xep cot */
.sort-th .sort-icon .ic{vertical-align:middle!important;color:inherit!important}
.sort-th .sort-icon{display:inline-flex!important;align-items:center!important}
/* cay thuong hieu ben sidebar */
.sidebar-sub-item .sub-dot .ic{color:var(--d-accent)!important;vertical-align:middle!important}
.project-item .chevron .ic{color:var(--d-soft)!important;vertical-align:middle!important}
/* nut menu tren dien thoai */
/* Chi dinh dang khi nut da duoc hien (tren dien thoai). Khong ep display. */
@media (max-width:820px){
  .mobile-menu-btn{align-items:center!important;justify-content:center!important}
}
.mobile-menu-btn .ic{color:currentColor!important}
/* chu DMCA LABS goc phai: bo dau tho, dung chu nho gon */
.top-mini-brand{letter-spacing:.06em!important;font-size:11px!important;font-weight:700!important}
/* ton trong nguoi dung tat hieu ung */
@media (prefers-reduced-motion: reduce){
  .sidebar .admin-nav-btn .ic{transition:none!important}
}
/* =========================================================================
   SUA LOI TRAN & KICH THUOC CHU/NUT  -  20260805
   Dat o CUOI FILE de thang cascade (file co 10 khoi :root + media sai thu tu).
   Moi quy tac duoi day deu co nguyen nhan goc da do bang Playwright.
   ========================================================================= */

/* --- A. .overview-meta: con inline nowrap tran ra ngoai viewport ---------
   Nguyen nhan: .overview-meta co white-space:nowrap + overflow:hidden, nhung
   cac con (.overview-reason, .status-pill) la inline nowrap nen scrollWidth
   cua cha len 486px trong khi cha chi rong 121px. Cha clip nen nguoi dung
   khong thay, nhung phan tu con THAT SU nam ngoai viewport -> hai a11y.
   Cach sua: cho .overview-meta thanh flex co the co lai, cac con min-width:0
   va tu cat bang ellipsis. Giu nguyen mot dong (khong wrap) nhu thiet ke cu. */
.overview-meta{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex-wrap:nowrap!important}
.overview-meta>*{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.overview-reason{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
/* pill trang thai khong duoc bop meo, nhung khong duoc day cha vo hinh */
.overview-meta .status-pill{flex:0 0 auto!important;max-width:100%!important}

/* --- B. .bs-chart-grid ep o con 420px tren mobile ------------------------
   Nguyen nhan: dong 2659 `.bs-chart-grid{...minmax(420px,1fr)!important}`
   nam SAU media(max-width:900px) dong 2127 va media(max-width:820px) dong
   2581 nen thang cascade -> grid rong 296px van ep o con 420px, tran 77-147px.
   Cach sua: dung min() de o con khong bao gio vuot be rong grid. */
.bs-chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))!important}
@media (min-width:1900px){
  .bs-chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr))!important}
}
/* canvas bieu do khong duoc vuot khung cha */
.bs-chart-box{min-width:0!important;overflow:hidden!important}
.bs-chart-box canvas{max-width:100%!important}
.bs-chart-box>h4,.bs-chart-box h4{min-width:0!important;overflow-wrap:anywhere!important}

/* --- C. .creator-filter-row tran o 1024px --------------------------------
   Nguyen nhan: media(max-width:980px) dong 1261 va media(max-width:1100px)
   dong 88 KHONG phu 1024px -> 1024px roi vao khoang trong. Cac con co
   min-width co dinh (input 230px, .creator-search 160px) cong lai 881px
   trong khi cha chi rong 654px.
   Cach sua: cho hang loc luon wrap duoc va cac con co the co lai. */
.creator-admin-filters{min-width:0!important}
.creator-filter-row{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
.creator-filter-row>*{min-width:0!important;max-width:100%!important}
.creator-filter-row-search .creator-search-id,
.creator-filter-row-search .creator-search-id input{min-width:0!important;max-width:100%!important}
.creator-filter-row-main .creator-search{flex:1 1 180px!important;min-width:0!important}
.creator-filter-actions{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
@media (max-width:1280px){
  /* nut hanh dong xuong hang rieng, khong day hang loc vuot khung */
  .creator-filter-row-main .creator-filter-actions{margin-left:0!important}
}

/* --- D. .detail-head / .head-actions tran o 320px ------------------------
   Nguyen nhan: dong 984 dat .head-actions{min-width:max-content} -> tren man
   320px cum nut khong chiu co lai, day .detail-head rong 352px.
   Cach sua: bo min-width:max-content khi man hep, cho phep xuong hang. */
@media (max-width:820px){
  .detail-head,.page-head{flex-direction:column!important;align-items:stretch!important;min-width:0!important}
  .head-actions{min-width:0!important;width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .head-actions button{flex:1 1 auto!important;min-width:0!important}
  .detail-head>*,.page-head>*{min-width:0!important;max-width:100%!important}
}
/* chan tran ngang tong the o man rat hep */
@media (max-width:430px){
  .main{overflow-x:hidden!important}
  .overview-view,.creator-admin-view,.reports-view,.detail,.empty-view{min-width:0!important;max-width:100%!important}
}

/* --- E. Chu qua nho (<11px) ---------------------------------------------
   Do duoc: small=9.17px ("trong 24h"), .bc-chip-lbl=9.0px,
   .muted/b trong tien trinh report=10.83px. Nang toi thieu 11px de doc duoc. */
.bs-delta small,.bs-card small{font-size:11px!important}
.bc-chip-lbl{font-size:11px!important;opacity:.75!important}
.pending-report-progress small,.pending-report-progress b,
.report-progress-note,.report-progress-note b,
.report-progress-note small{font-size:11px!important}
small{font-size:11px}

/* --- F. Nut/lien ket qua nho tren mobile --------------------------------
   Do duoc: #creatorHasVideoFilter 22x22, .creator-name-btn cao 20px,
   .overview-title-link cao 21px. Chuan cam ung toi thieu ~36px. */
@media (max-width:820px){
  #creatorHasVideoFilter,
  .creator-admin-filters .creator-check input[type=checkbox]{width:24px!important;height:24px!important}
  .creator-admin-filters .creator-check{min-height:44px!important}
  .creator-name-btn{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:2px 0!important}
  .overview-title-link{display:block!important;min-height:36px!important;line-height:36px!important}
  .open-video-link,.copy-url-btn,.pager-btn{min-height:36px!important;display:inline-flex!important;align-items:center!important}
}
/* =========================================================================
   SUA LOI TRAN - VONG 2  -  20260805
   Sau vong 1 con 2 lop loi. Da do lai bang trinh duyet, day la nguyen nhan goc:

   LOP 1 - Track cua grid cha bi phinh ra:
     `repeat(auto-fit,minmax(320px,1fr))` lam MIN-CONTENT cua .overview-grid
     bang 320px. Vi `1fr` co nguong toi thieu la min-content, track cua grid
     CHA (#overviewView) bi keo len 320px du khung chi rong 256px. Ket qua:
     TAT CA anh em cung cap (detail-head, h2, eyebrow, head-actions...) deu
     rong 320px va tran 32px. Vong 1 chi sua .bs-chart-grid nen chua het.
     -> Sua cho MOI grid auto-fit: dung min(Xpx,100%) de min-content khong
        bao gio vuot be rong thuc te.

   LOP 2 - .overview-meta mot dong bi cat mat thong tin:
     meta chi rong ~119px nhung noi dung 323px. Cac the nowrap (pill trang
     thai, ly do bay) bi day han ra ngoai khung -> nguoi dung KHONG doc duoc
     "Vua song lai" / "Da bay". Ep min-width:0 khong cuu duoc vi cac doan
     text tran (anonymous flex item) khong the nhan min-width qua CSS.
     -> Cho meta xuong hang (wrap). Vua het tran, vua hien du thong tin.
   ========================================================================= */

/* --- LOP 1: moi grid auto-fit khong duoc phinh track cha ----------------- */
.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))!important}
.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}
.bs-cards{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important}
.sub-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important}
@media (min-width:1900px){
  .overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important}
}
@media (min-width:2600px){
  .dashboard-grid,.bs-cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
}
/* khung chua khong duoc lay min-content lam be rong toi thieu */
#overviewView,#creatorAdminView,#reportsView,
.overview-view,.creator-admin-view,.reports-view,.dashboard-view,.detail,
.overview-grid,.dashboard-grid,.bs-cards,.sub-grid,.bs-chart-grid,
.panel,.overview-panel,.brand-stats-panel{min-width:0!important}

/* --- LOP 2: .overview-meta xuong hang thay vi cat mat chu ---------------- */
.overview-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:4px 6px!important;min-width:0!important;white-space:normal!important;
  overflow:visible!important;text-overflow:clip!important;line-height:1.45!important}
/* the trang thai giu nguyen mot dong, nhung duoc phep xuong hang moi */
.overview-meta .status-pill,.overview-meta .overview-reason{flex:0 1 auto!important;min-width:0!important;max-width:100%!important}
.overview-reason{white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}
/* the nam tren nhieu dong thi can chinh theo dinh, khong phai giua */
.overview-item{align-items:start!important}
.overview-side{padding-top:1px!important}
/* ==========================================================================
   SUA DO TUONG PHAN CHU  -  20260805
   Muc dich: chu de doc hon tren nen trang, dat chuan WCAG 2.2 AA (>=4.5:1
   cho chu thuong, >=3:1 cho chu to/dam).
   Nguyen tac: CHI doi mau chu (va mau nen cua pill), KHONG doi kich thuoc,
   khoang cach, bo cuc. Giu dung phong cach nen trang toi gian.
   Bang mau thay the (do tuong phan tren nen trang #fff):
     #94a3b8 (2.5)  -> #5b6678 (5.4)
     #98a2b3 (2.6)  -> #5b6678 (5.4)
     #9aa4b2 (2.5)  -> #5b6678 (5.4)
     #7a8699 (3.7)  -> #566175 (5.9)
     #7a8491 (3.8)  -> #566175 (5.9)
     #69748a (4.5)  -> #566175 (5.9)
     #64748b (4.6)  -> #52607a (5.9)
     #e0f2fe (1.2)  -> #0f172a (16.9)  chu tren nen trang
     #bae6fd (1.3)  -> #1d4ed8 (6.3)
   Ghi chu: file nay co thu tu cascade lon xon nen PHAI de o CUOI FILE.
   ========================================================================== */

/* ---- LOP 1: hai truong hop gan nhu VO HINH (uu tien cao nhat) ---- */
/* Ten thuong hieu trong the batch cho o trang Lich su report:
   truoc day chu #e0f2fe (xanh rat nhat) tren nen trang -> khong doc duoc */
.pending-mini-card span,
.pending-mini-card span b{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
.pending-mini-card em{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
  font-style:normal;
}
/* Dong ghi chu "Con N batch khac" */
.pending-more-note{
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
}

/* ---- LOP 2: chu phu / nhan / mo ta bi qua nhat ---- */
.eyebrow,
.eyebrow.mini,
.main .detail-head .eyebrow,
.detail-head .eyebrow{
  color:#566175!important;
  -webkit-text-fill-color:#566175!important;
}
.muted,
p.muted,
label.muted,
.panel-head p,
.panel-head .muted,
.detail-head .muted,
.page-head .muted,
.login-subtitle,
.latest-file{
  color:#566175!important;
  -webkit-text-fill-color:#566175!important;
}
#creatorAdminSummary,
#overviewSummary,
#reportsSummary,
#companySummary{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}

/* Nhan o thanh ben: "Quoc gia", dong trang thai DB, phu de duoi ten web */
#countryPickerWrap label,
#dbStatus,
.brand p,
.brand div p{
  color:#5b6678!important;
  -webkit-text-fill-color:#5b6678!important;
}
/* Nut Dang xuat */
#logoutBtn,
#logoutBtn span{
  color:#3f4a5c!important;
  -webkit-text-fill-color:#3f4a5c!important;
}

/* Nhan cua cac o loc (Tim creator / ID, Trang thai kenh, So gay toi thieu...) */
.creator-search > span,
.creator-admin-filters label > span,
.creator-admin-filters label,
.report-search > span,
.filter-grid label,
.filter-grid label > span{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}

/* Dong "N san pham" duoi ten thuong hieu o thanh ben */
.project-title-wrap span,
.project-item span{
  color:#5b6678!important;
  -webkit-text-fill-color:#5b6678!important;
}
.project-item.active .project-title-wrap span,
.project-item.active span{
  color:#0a6f6c!important;
  -webkit-text-fill-color:#0a6f6c!important;
}

/* ---- LOP 3: bang du lieu (tieu de cot + o thoi gian) ---- */
th,
thead th,
.sort-th,
#creatorAdminHeadRow th,
.company-table th{
  color:#2c3648!important;
  -webkit-text-fill-color:#2c3648!important;
}
td,
tbody td{
  color:#333e52!important;
}
/* O chi hien thoi gian / so thu tu van con nhat vi dung mau rieng */
td .cell-time,
td time,
.pager-info{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}

/* ---- LOP 4: trang Tong quan - the so lieu thuong hieu ---- */
.bs-label{
  color:#3f4a5c!important;
  -webkit-text-fill-color:#3f4a5c!important;
}
.bs-sub{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}
.bs-delta.bs-delta-zero{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}
/* Nhan nho trong cac pill dem so (Report / Bay / Khang) */
.bc-chip-lbl,
i.bc-chip-lbl{
  color:#3f4a5c!important;
  -webkit-text-fill-color:#3f4a5c!important;
}
.bc-chip{
  color:#2c3648!important;
}

/* ---- LOP 5: danh sach hoat dong gan day o Tong quan ---- */
.overview-meta{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}
.overview-time{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}
.overview-empty{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}
/* Chu GMV mau xanh: dam mau hon mot chut cho du tuong phan */
.overview-gmv{
  color:#08615f!important;
  -webkit-text-fill-color:#08615f!important;
}

/* ---- LOP 6: nut mau chinh - chu trang tren nen xanh ngoc ----
   #0e9f9c voi chu trang chi dat 3.25:1. Lam nen dam hon thanh #0a7d7a
   (4.6:1) de dat chuan, van giu dung tong mau thuong hieu. */
button.primary,
.primary,
.full.primary,
#newProjectBtn,
#addCompanyBtn,
.login-submit{
  background:#0a7d7a!important;
}
button.primary:hover,
.primary:hover,
#newProjectBtn:hover,
#addCompanyBtn:hover,
.login-submit:hover{
  background:#086663!important;
}

/* ---- LOP 7: pill "N san pham" mau xanh nhat ---- */
.project-item.active .project-title-wrap span,
.badge,
.tag-pill{
  color:#0a6f6c!important;
  -webkit-text-fill-color:#0a6f6c!important;
}

/* ---- LOP 8: dong tom tat o trang Lich su report ---- */
.pending-summary-strip span,
.pending-summary-strip div span{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}
.pending-report-card small,
.pending-report-progress small{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}
.note-preview{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}

/* ---- LOP 9: o nhap va placeholder ---- */
input::placeholder,
textarea::placeholder,
.filter-grid input::placeholder,
.creator-admin-filters input::placeholder{
  color:#6b7688!important;
  -webkit-text-fill-color:#6b7688!important;
}

/* ---- LOP 10: trang thai focus ro rang (dung cho ca chuot va ban phim) ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid #0a7d7a!important;
  outline-offset:2px!important;
}
/* ==================== HET KHOI SUA DO TUONG PHAN ==================== */
/* ==========================================================================
   SUA DO TUONG PHAN - VONG 2  -  20260805
   Ly do: vong 1 bi cac quy tac co DO UU TIEN CAO HON de len (khong phai
   do thu tu file). Vi du:
     #brandManagerPanel #newProjectBtn   (2 ID)  thang  button.primary
     #brandManagerPanel .project-item.active .project-title-wrap > span
     .sidebar .brand p                   (2 class) thang  .brand p
   Cach sua: dung selector co do uu tien BANG hoac CAO hon.
   ========================================================================== */

/* 1. Nut chinh o thanh ben: nen xanh ngoc dam hon de chu trang du ro
      (#0f766e -> chu trang 4.8:1 dat chuan AA) */
#brandManagerPanel #newProjectBtn,
#brandManagerPanel #newProjectBtn:link,
aside.sidebar #newProjectBtn,
aside.sidebar .primary.full,
body #addCompanyBtn,
body .login-submit{
  background:#0a7d7a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#brandManagerPanel #newProjectBtn:hover,
aside.sidebar #newProjectBtn:hover,
body #addCompanyBtn:hover,
body .login-submit:hover{
  background:#086663!important;
}

/* 2. Dong "N san pham" duoi ten thuong hieu dang duoc chon */
#brandManagerPanel .project-item.active .project-title-wrap > span,
#brandManagerPanel .project-item.active .project-title-wrap span,
nav#projectList .project-item.active .project-title-wrap > span{
  color:#0a6f6c!important;
  -webkit-text-fill-color:#0a6f6c!important;
}
/* Dong "N san pham" o cac thuong hieu chua chon */
#brandManagerPanel .project-title-wrap > span,
nav#projectList .project-title-wrap > span,
.sidebar .project-item span{
  color:#5b6678!important;
  -webkit-text-fill-color:#5b6678!important;
}

/* 3. Phu de duoi ten web o thanh ben ("Quan ly report") */
.sidebar .brand p,
aside.sidebar .brand p,
aside.sidebar div.brand p{
  color:#5b6678!important;
  -webkit-text-fill-color:#5b6678!important;
}
/* Tren dien thoai thanh tren co nen toi -> giu chu sang nhung dam hon */
@media(max-width:820px){
  .sidebar .brand p,
  aside.sidebar .brand p,
  aside.sidebar div.brand p{
    color:rgba(255,255,255,.88)!important;
    -webkit-text-fill-color:rgba(255,255,255,.88)!important;
  }
}

/* 4. Nhan cac o tim kiem / o loc (dung --d-soft qua nhat) */
label.creator-search > span,
label.report-search > span,
.panel-head label.creator-search > span,
.creator-admin-filters label.creator-search > span,
div.panel-head .creator-search > span{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}

/* 5. Bien --d-soft dung o nhieu noi: nang len cho du tuong phan.
      Day la GOC RE cua phan lon truong hop chu mo. */
:root{
  --d-soft:#5b6678;
}

/* 6. O trong bang chi hien thoi gian / so thu tu.
      Cac quy tac cu dat mau truc tiep tren td nen can selector manh hon. */
table tbody td,
.table-wrap table tbody td,
.creator-admin-table table tbody td,
.history-table-wrap table tbody td,
.company-table tbody td{
  color:#333e52!important;
}
table tbody td .cell-time,
table tbody td time,
table tbody td small{
  color:#52607a!important;
  -webkit-text-fill-color:#52607a!important;
}
table thead th,
.table-wrap table thead th,
.creator-admin-table table thead th,
.company-table thead th{
  color:#2c3648!important;
  -webkit-text-fill-color:#2c3648!important;
}
/* ================= HET KHOI SUA DO TUONG PHAN VONG 2 ================= */
/* ==========================================================================
   SUA DO TUONG PHAN - VONG 3  -  20260805
   Ly do: cac quy tac o CHE DO THE TREN DIEN THOAI (media max-width) dat mau
   truc tiep bang selector rat manh, vi du:
     .creator-admin-table tbody tr td:nth-child(1){color:#9aa4b2}
     .report-table-wrap tbody tr td::before{color:#7a8491}
   Cach sua: lap lai dung selector ay o cuoi file, trong dung media query,
   chi doi mau chu.
   ========================================================================== */
@media(max-width:820px){
  /* So thu tu (STT) o dau moi the du lieu */
  .creator-admin-table tbody tr td:nth-child(1),
  .report-table-wrap tbody tr td:nth-child(1),
  .smart-result-table tbody tr td.stt-cell,
  .company-table tbody tr td:nth-child(1){
    color:#52607a!important;
    -webkit-text-fill-color:#52607a!important;
  }
  /* Nhan ten cot hien truoc moi o (vi du "GMV", "Trang thai kenh") */
  .creator-admin-table tbody tr td::before,
  .report-table-wrap tbody tr td::before,
  .smart-result-table tbody tr td::before,
  .company-table tbody tr td::before{
    color:#4b5566!important;
    -webkit-text-fill-color:#4b5566!important;
  }
  /* Dong "khong co du lieu" */
  .report-table-wrap tbody tr td.no-data,
  .company-table tbody tr td.no-data,
  .creator-admin-table tbody tr td.no-data{
    color:#52607a!important;
    -webkit-text-fill-color:#52607a!important;
  }
  /* Nhan cac o loc o che do dien thoai */
  .creator-admin-filters .creator-search span,
  .creator-search.creator-brand-multi-wrap span,
  .creator-brand-multi-wrap > span{
    color:#4b5566!important;
    -webkit-text-fill-color:#4b5566!important;
  }
}

/* Nhan "Thuong hieu" o o chon nhieu thuong hieu (moi kich thuoc) */
.creator-search.creator-brand-multi-wrap > span,
div.creator-brand-multi-wrap > span,
.creator-filter-row .creator-brand-multi-wrap > span{
  color:#4b5566!important;
  -webkit-text-fill-color:#4b5566!important;
}

/* Bien --r-muted dung cho chu phu: nang len cho du tuong phan */
:root{
  --r-muted:#566175;
}
/* Mui nhon (chevron) canh ten thuong hieu */
.project-item .chevron,
.brand-caret{
  color:#5b6678!important;
}
/* ================= HET KHOI SUA DO TUONG PHAN VONG 3 ================= */

/* ==========================================================================
   SUA UX DIEN THOAI - CO CHU O NHAP  -  20260805
   VAN DE THAT (do bang trinh duyet that tren 390px): 105 o nhap co chu duoi
   16px. iPhone/Safari TU DONG PHONG TO ca trang moi lan bam vao o nhap co chu
   duoi 16px, sau do trang bi lech, phai tu tay thu nho lai -> rat kho dung.
   CACH SUA: chi trong che do dien thoai (<=820px, dung dung breakpoint san co
   cua sidebar truot) dat co chu o nhap = 16px. May tinh KHONG doi.
   LUU Y KY THUAT: cac quy tac cu dung selector manh (#creatorAdminBody ...)
   kem !important, nen o day phai lap lai DUNG selector do moi thang duoc.
   Khong dung maximum-scale/user-scalable=no vi se lam mat kha nang phong to
   cua nguoi dung (vi pham tro nang WCAG 2.2).
   ========================================================================== */
@media(max-width:860px){
  #creatorAdminBody .gmv-input, .detail-gmv-input{
    font-size:16px!important; width:100%!important; max-width:118px!important; min-width:0!important; box-sizing:border-box!important;
  }
  #creatorAdminBody .account-input,
  .creator-id-line .account-input,
  #creatorAdminBody .account-input[readonly],
  #creatorAdminBody .account-input:not([readonly]),
  .creator-id-line .account-input:not([readonly]){
    font-size:16px!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
    text-overflow:ellipsis!important; white-space:nowrap!important;
  }
  #creatorAdminBody .account-input:not([readonly]),
  .creator-id-line .account-input:not([readonly]){ width:100%!important; }
  .search-box input, #brandManagerPanel .search-box input{ font-size:16px!important; }
  #countryPicker{ font-size:16px!important; }
  .creator-admin-filters input, .creator-admin-filters select{ font-size:16px!important; }
  .report-search-bar input{ font-size:16px!important; }
  .filter-grid input, .filter-grid select{ font-size:16px!important; }
  #companyView .panel-head input{ font-size:16px!important; }
  .brand-multi-toggle{ font-size:16px!important; }
  .dialog-card input, .dialog-card select, .dialog-card textarea{ font-size:16px!important; }
  .creator-note-input, #creatorNoteInput, textarea{ font-size:16px!important; }
  .account-edit-wrap, .creator-id-line, .creator-name-stack{ min-width:0!important; max-width:100%!important; }
  .creator-name-cell{ min-width:0!important; }
}
/* ====== HET KHOI SUA CO CHU O NHAP TREN DIEN THOAI ====== */

/* ====== SUA NHAN COT + GON BO CUC THE O DIEN THOAI (2026-08-05) ======
   Van de da do duoc tren trinh duyet that o 390px:
   1) Nhan cot LECH 1 O: hai khoi CSS cu (dong ~1495 va ~2354) danh so o
      bang nth-child nhung so cua chung khong khop nhau (khoi sau lech +1).
      Khoi sau thang nen o Follower bi ghi nhan "Tai khoan", o so video bi
      ghi "Follower"... Sai het tu o thu 3 tro di.
   2) Nhan cot MAT DAU tieng Viet ("Tai khoan", "Tong so video"...).
   3) nth-child con vo hieu khi bat che do chon nhieu creator (them 1 o
      checkbox .pick-col o dau hang lam moi o dich 1 vi tri).
   4) Nhan chiem 42% be ngang lam 1 hang cao 530-566px.
   Cach sua goc re: gan nhan theo CLASS cua tung o (khong dung vi tri nua)
   nen du them/bot o hay bat checkbox thi nhan van dung.
   Chi tac dong che do dien thoai; may tinh khong doi.
   ====== */
/* SUA 20260805-2: moc phai la 820px, KHONG phai 860px. Che do the duoc bat boi khoi
   @media o dong ~2319 (thead an, tbody tr display:block) - moc cua khoi do la 820.
   Dat khoi nay o 860 lam dai 821-860 bi LECH PHA: tieu de bang van hien 11 cot trong
   khi than bang da xep the -> tieu de va du lieu khong khop cot. Doi khoi nao o day
   thi phai dung chung moc voi khoi bat che do the. */
@media(max-width:820px){
  .creator-admin-table tbody tr td:nth-child(1)::before,
  .creator-admin-table tbody tr td:nth-child(2)::before,
  .creator-admin-table tbody tr td:nth-child(3)::before,
  .creator-admin-table tbody tr td:nth-child(4)::before,
  .creator-admin-table tbody tr td:nth-child(5)::before,
  .creator-admin-table tbody tr td:nth-child(6)::before,
  .creator-admin-table tbody tr td:nth-child(7)::before,
  .creator-admin-table tbody tr td:nth-child(8)::before,
  .creator-admin-table tbody tr td:nth-child(9)::before,
  .creator-admin-table tbody tr td:nth-child(10)::before,
  .creator-admin-table tbody tr td:nth-child(11)::before,
  .creator-admin-table tbody tr td:nth-child(12)::before,
  .creator-admin-table tbody tr > td:nth-child(1)::before,
  .creator-admin-table tbody tr > td:nth-child(2)::before,
  .creator-admin-table tbody tr > td:nth-child(3)::before,
  .creator-admin-table tbody tr > td:nth-child(4)::before,
  .creator-admin-table tbody tr > td:nth-child(5)::before,
  .creator-admin-table tbody tr > td:nth-child(6)::before,
  .creator-admin-table tbody tr > td:nth-child(7)::before,
  .creator-admin-table tbody tr > td:nth-child(8)::before,
  .creator-admin-table tbody tr > td:nth-child(9)::before,
  .creator-admin-table tbody tr > td:nth-child(10)::before,
  .creator-admin-table tbody tr > td:nth-child(11)::before,
  .creator-admin-table tbody tr > td:nth-child(12)::before{
    content:none!important;
  }
  #creatorAdminBody tr > td.ca-follower-cell::before{content:"Follower"!important}
  #creatorAdminBody tr > td.ca-video-cell::before{content:"Tổng số video"!important}
  #creatorAdminBody tr > td.gmv-cell::before{content:"GMV"!important}
  #creatorAdminBody tr > td.flown-status-col::before{content:"Trạng thái kênh"!important}
  #creatorAdminBody tr > td.flown-at-col::before{content:"Thời gian bay"!important}
  #creatorAdminBody tr > td.flown-stick-col::before{content:"Số gậy"!important}
  #creatorAdminBody tr > td.ca-stt-cell::before,
  #creatorAdminBody tr > td.ca-detail-cell::before,
  #creatorAdminBody tr > td.creator-name-cell::before,
  #creatorAdminBody tr > td.account-cell::before,
  #creatorAdminBody tr > td.account-col-moved::before,
  #creatorAdminBody tr > td.latest-report-col::before,
  #creatorAdminBody tr > td.pick-col::before,
  #creatorAdminBody tr > td.no-data::before{
    content:none!important; display:none!important;
  }
  #creatorAdminBody tr > td.ca-follower-cell::before,
  #creatorAdminBody tr > td.ca-video-cell::before,
  #creatorAdminBody tr > td.gmv-cell::before,
  #creatorAdminBody tr > td.flown-status-col::before,
  #creatorAdminBody tr > td.flown-at-col::before,
  #creatorAdminBody tr > td.flown-stick-col::before{
    display:block!important;
    flex:0 0 40%!important;
    max-width:40%!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    font-weight:800!important;
    color:#5b6678!important;
    -webkit-text-fill-color:#5b6678!important;
  }
  #creatorAdminBody tr > td.ca-follower-cell,
  #creatorAdminBody tr > td.ca-video-cell,
  #creatorAdminBody tr > td.gmv-cell,
  #creatorAdminBody tr > td.flown-status-col,
  #creatorAdminBody tr > td.flown-at-col,
  #creatorAdminBody tr > td.flown-stick-col{
    padding:6px 0!important;
    min-height:0!important;
    gap:10px!important;
  }
  #creatorAdminBody tr > td.ca-video-cell .video-count-btn,
  #creatorAdminBody tr > td.flown-stick-col .flown-stick-btn{
    min-height:32px!important; height:32px!important; padding:0 12px!important;
  }
  #creatorAdminBody tr > td.gmv-cell .gmv-input{
    height:34px!important; padding:0 10px!important;
  }
  #creatorAdminBody tr > td.creator-name-cell{
    padding:2px 0 8px!important;
  }
  #creatorAdminBody tr > td.ca-detail-cell{
    padding:8px 0 2px!important;
  }
  #creatorAdminBody tr > td.ca-detail-cell button{
    height:40px!important; min-height:40px!important;
  }
  #creatorAdminBody tr > td.ca-stt-cell{
    padding:0 0 2px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
    border-top:0!important;
  }
  #creatorAdminBody tr > td.no-data{
    display:block!important; text-align:center!important; padding:18px 8px!important;
  }
}
/* ====== HET KHOI SUA NHAN COT + GON BO CUC THE ====== */
/* ====== AN COT REPORT GAN NHAT TREN DIEN THOAI + XEP THE 2 COT (2026-08-05) ======
   LOI: nguoi dung da yeu cau an cot "Report gan nhat" o trang Quan ly nha sang tao.
   May tinh da an dung (rule dong 2506-2507), nhung DIEN THOAI VAN HIEN.
   Nguyen nhan: rule ep dang the o dong 2352 dung selector co ID
   (#creatorAdminBody tr > td{display:flex!important}) nen do uu tien cao hon
   rule an cot (chi dung class), lam o nay bi hien lai tren dien thoai.
   Cach sua: dung selector CO ID de an, moi thang duoc.

   Dong thoi gon bo cuc the: xep 6 o so lieu thanh 2 cot (nhan tren, gia tri duoi)
   thay vi 6 dong rieng -> giam chieu cao 1 hang, xem duoc nhieu creator hon 1 man.
   ====== */
/* SUA 20260805-2: moc phai la 820px, KHONG phai 860px. Che do the duoc bat boi khoi
   @media o dong ~2319 (thead an, tbody tr display:block) - moc cua khoi do la 820.
   Dat khoi nay o 860 lam dai 821-860 bi LECH PHA: tieu de bang van hien 11 cot trong
   khi than bang da xep the -> tieu de va du lieu khong khop cot. Doi khoi nao o day
   thi phai dung chung moc voi khoi bat che do the. */
@media(max-width:820px){
  /* 1) An cot Report gan nhat - phai dung ID moi thang rule dong 2352 */
  #creatorAdminBody tr > td.latest-report-col,
  #creatorAdminBody tr td.latest-report-col{
    display:none!important;
  }

  /* 2) Xep the 2 cot */
  #creatorAdminBody tr{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  /* O chiem tron be ngang */
  #creatorAdminBody tr > td.pick-col,
  #creatorAdminBody tr > td.ca-stt-cell,
  #creatorAdminBody tr > td.creator-name-cell,
  #creatorAdminBody tr > td.ca-detail-cell,
  #creatorAdminBody tr > td.no-data{
    flex:0 0 100%!important;
    max-width:100%!important;
    width:100%!important;
  }
  /* 6 o so lieu: moi o nua be ngang, nhan tren - gia tri duoi */
  #creatorAdminBody tr > td.ca-follower-cell,
  #creatorAdminBody tr > td.ca-video-cell,
  #creatorAdminBody tr > td.gmv-cell,
  #creatorAdminBody tr > td.flown-status-col,
  #creatorAdminBody tr > td.flown-at-col,
  #creatorAdminBody tr > td.flown-stick-col{
    flex:0 0 50%!important;
    max-width:50%!important;
    width:50%!important;
    box-sizing:border-box!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:3px!important;
    padding:7px 10px 7px 0!important;
    border-top:0!important;
    min-height:0!important;
  }
  /* Nhan: chiem tron be ngang o, chu nho */
  #creatorAdminBody tr > td.ca-follower-cell::before,
  #creatorAdminBody tr > td.ca-video-cell::before,
  #creatorAdminBody tr > td.gmv-cell::before,
  #creatorAdminBody tr > td.flown-status-col::before,
  #creatorAdminBody tr > td.flown-at-col::before,
  #creatorAdminBody tr > td.flown-stick-col::before{
    flex:0 0 auto!important;
    max-width:100%!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
  }
  /* Gia tri: dong duoi, canh trai, khong bi cat */
  #creatorAdminBody tr > td.ca-follower-cell,
  #creatorAdminBody tr > td.ca-video-cell,
  #creatorAdminBody tr > td.flown-at-col,
  #creatorAdminBody tr > td.flown-stick-col{
    font-size:14px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  /* O GMV: o nhap chiem tron be ngang o */
  #creatorAdminBody tr > td.gmv-cell .gmv-input{
    width:100%!important; max-width:100%!important;
    height:34px!important; padding:0 9px!important;
    box-sizing:border-box!important;
  }
  /* Nut trong o so video / so gay: khong keo cao o */
  #creatorAdminBody tr > td.ca-video-cell .video-count-btn,
  #creatorAdminBody tr > td.flown-stick-col .flown-stick-btn,
  #creatorAdminBody tr > td.flown-status-col .ch-status-btn{
    height:30px!important; min-height:30px!important; padding:0 11px!important;
  }
  /* Duong ke ngang: 1 duong lien mach phia tren khoi 2 cot, khong bi ngat quang */
  #creatorAdminBody tr > td.ca-follower-cell,
  #creatorAdminBody tr > td.gmv-cell,
  #creatorAdminBody tr > td.flown-at-col{
    border-top:1px solid #f1f3f6!important;
  }
  #creatorAdminBody tr > td.ca-video-cell,
  #creatorAdminBody tr > td.flown-status-col,
  #creatorAdminBody tr > td.flown-stick-col{
    border-top:1px solid #f1f3f6!important;
  }
  /* O nut Chi tiet: co duong ke tren de tach khoi so lieu */
  #creatorAdminBody tr > td.ca-detail-cell{
    border-top:1px solid #eceff3!important;
    padding:9px 0 0!important;
  }
}
/* ====== HET KHOI AN COT REPORT + XEP THE 2 COT ====== */.gmv-cell,[data-creator-sort="gmv"],#gmvUpdateBtn,.overview-gmv{display:none!important}