:root{
  --app-font:"Be Vietnam Pro","Noto Sans","Segoe UI",Tahoma,Arial,sans-serif;
  --bg:#f4ecd9; --card:#fff9ec; --card2:#f8efd9; --text:#3f3426; --muted:#8a7256; --border:#e8d6b8;
  --primary:#a66f24; --primary2:#d69a3a; --accent:#f6d88d; --ok:#2f9e44; --danger:#c2410c; --warning:#b7791f;
  --shadow:0 22px 60px rgba(15,23,42,.12); --shadow2:0 12px 30px rgba(15,23,42,.09); --radius:24px;
  --glass:rgba(255,255,255,.78);
}
body.dark{--bg:#787d7d;--card:#8a8f8e;--card2:#777d7d;--text:#f7f7f2;--muted:#e2ded2;--border:#a7aca8;--primary:#f1d38b;--primary2:#c9a45a;--accent:#ead7a1;--glass:rgba(138,143,142,.72);--shadow:0 24px 80px rgba(55,59,58,.36);--shadow2:0 12px 40px rgba(55,59,58,.26)}
*{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body{margin:0;font-family:var(--app-font);color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(220,38,38,.16),transparent 30%),radial-gradient(circle at 95% 18%,rgba(245,158,11,.12),transparent 26%),var(--bg);min-height:100vh} button,input,select,textarea,table{font-family:var(--app-font)} button,input,select,textarea{font-size:15px} a{color:inherit}.hidden{display:none!important}
.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;display:flex;flex-direction:column;gap:18px;color:#fff;background:linear-gradient(180deg,#7f1d1d,#0f172a 72%);box-shadow:18px 0 46px rgba(15,23,42,.24);z-index:20}.brand{display:flex;align-items:center;gap:14px}.brand-main{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.16)}.brand-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.brand-logo img{max-width:78%;max-height:78%;object-fit:contain}.brand strong{display:block;font-size:16px;letter-spacing:.4px}.brand span{display:block;color:rgba(255,255,255,.72);font-size:12px;margin-top:4px}.user-mini-card{padding:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:20px}.user-mini-card small,.user-mini-card span{display:block;color:rgba(255,255,255,.66);font-size:12px}.user-mini-card b{display:block;margin:4px 0;font-size:19px}.nav-box{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:16px;text-decoration:none;color:rgba(255,255,255,.82);font-weight:700;transition:.18s}.nav-item i{font-style:normal;width:24px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.14);color:#fff;transform:translateX(4px)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.quick-logout-btn,.quick-admin-btn,.download,.primary-btn,.ghost-btn,.theme-toggle,.glass-toggle,.lock-computer-btn,.early-btn{border:0;border-radius:16px;text-decoration:none;font-weight:800;cursor:pointer;transition:.18s}.quick-logout-btn{display:block;text-align:center;padding:13px;background:rgba(255,255,255,.14);color:#fff}.quick-logout-btn:hover{background:rgba(255,255,255,.22)}.sidebar-footer small{opacity:.58;text-align:center}.mobile-topbar{display:none}
.main-content{padding:28px;min-width:0}.hero-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;padding:26px;border-radius:28px;background:linear-gradient(135deg,var(--glass),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);backdrop-filter:blur(18px)}body.dark .hero-topbar{border-color:rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(17,24,39,.82),rgba(15,23,42,.58))}.eyebrow,.step{margin:0 0 7px;color:var(--primary);font-weight:900;font-size:12px;letter-spacing:.14em}.hero-title h1{margin:0;font-size:34px;line-height:1.1}.hero-title span{display:block;margin-top:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.datetime-card,.version-badge{padding:12px 14px;border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow2)}.clock{font-weight:900;font-size:19px}.date{font-size:12px;color:var(--muted);white-space:nowrap}.theme-toggle,.glass-toggle,.quick-admin-btn,.lock-computer-btn{padding:13px 14px;background:var(--card);border:1px solid var(--border);color:var(--text)}.theme-toggle:hover,.glass-toggle:hover,.quick-admin-btn:hover,.lock-computer-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.version-badge{font-weight:900;color:var(--primary)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;padding:22px;border-radius:24px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow2)}.stat-card:before{content:"";position:absolute;right:-22px;top:-22px;width:90px;height:90px;border-radius:999px;background:rgba(220,38,38,.10)}.stat-card small{display:block;color:var(--muted);font-weight:800}.stat-card strong{display:block;margin:10px 0 2px;font-size:30px;letter-spacing:-.03em}.stat-card span{font-size:12px;color:var(--muted)}.revenue-card{background:linear-gradient(135deg,var(--card),rgba(220,38,38,.06))}
.work-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px}.panel{background:var(--glass);border:1px solid rgba(255,255,255,.60);border-radius:var(--radius);box-shadow:var(--shadow2);padding:22px;margin-bottom:18px;backdrop-filter:blur(16px)}body.dark .panel{border-color:rgba(255,255,255,.08)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel h2{margin:0;font-size:22px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(220,38,38,.10);color:var(--primary);font-weight:900;font-size:12px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field span,.login-form label{display:block;margin:0 0 8px;color:var(--muted);font-weight:800;font-size:13px}.field input,.field select,.table-toolbar input,.login-form input,.activate-card input,.activate-card textarea{width:100%;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);padding:14px 15px;outline:none;font:inherit}.field input:focus,.field select:focus,.table-toolbar input:focus,.login-form input:focus{border-color:rgba(220,38,38,.55);box-shadow:0 0 0 4px rgba(220,38,38,.10)}.check-card{display:flex;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--card);cursor:pointer}.check-card input{width:20px}.check-card b,.check-card small{display:block}.check-card small{color:var(--muted);margin-top:4px}.dropzone{display:grid;place-items:center;text-align:center;gap:8px;min-height:210px;padding:26px;border:2px dashed rgba(220,38,38,.32);border-radius:26px;background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(245,158,11,.06));cursor:pointer;transition:.2s}.dropzone input{display:none}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 20px 50px rgba(220,38,38,.12)}.drop-icon{font-size:48px}.dropzone strong{font-size:20px}.dropzone span,.dropzone small{color:var(--muted)}.file-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.file-chip{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13px}.file-chip small{color:var(--muted)}.primary-btn{width:100%;margin-top:14px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 18px 35px rgba(220,38,38,.25);font-size:15px}.primary-btn:hover{transform:translateY(-2px);filter:saturate(1.1)}.primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.progress-wrap{margin-top:14px}.progress-info{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:700}.progress{height:12px;margin-top:8px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}.progress div{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .25s}.status{padding:15px;border-radius:18px;border:1px solid var(--border);font-weight:800}.status.idle{background:var(--card2);color:var(--muted)}.status.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.detect-info{margin-top:12px;padding:12px;border-radius:16px;background:var(--card);border:1px solid var(--border)}.download{display:flex;justify-content:center;margin:14px 0;padding:14px;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.mini-guide{padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--border);color:var(--muted)}.mini-guide h3{margin:0 0 10px;color:var(--text)}.mini-guide p{margin:8px 0;line-height:1.45}
.full-panel{margin-top:0}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chart-card{padding:16px;border:1px solid var(--border);background:var(--card);border-radius:20px}.chart-card h3{margin:0 0 14px}.empty-chart,.empty-card{min-height:96px;display:grid;place-items:center;color:var(--muted);background:var(--card2);border-radius:16px}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:120px 1fr 95px;gap:10px;align-items:center}.bar-label{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;background:rgba(148,163,184,.2);border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit}.bar-value{text-align:right;color:var(--muted);font-weight:800;font-size:12px}.ai-notes,.warning-list{display:grid;gap:10px}.ai-note,.warning-item,.early-result{padding:13px 14px;border-radius:16px;background:var(--card);border:1px solid var(--border);font-weight:700}.warning-item.ok,.early-result.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.warning-item.danger,.early-result.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.warning-item.warning,.early-result.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.table-toolbar{display:flex;gap:10px;margin-bottom:12px}.table-toolbar input{max-width:520px}.ghost-btn{padding:12px 15px;background:var(--card);border:1px solid var(--border);color:var(--text)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--card)}table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}th,td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:1;background:var(--card2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}tbody tr:nth-child(even){background:rgba(148,163,184,.06)}tbody tr:hover{background:rgba(220,38,38,.06)}td.empty{text-align:center;color:var(--muted);padding:28px}.small-link{color:var(--primary);font-weight:900}.early-film-row{background:rgba(245,158,11,.10)!important}.early-note{margin-top:5px;color:#b45309;font-weight:900;font-size:12px}.early-free-cell{color:var(--danger);font-weight:900}.footer-note{text-align:center;color:var(--muted);font-size:13px;margin:24px 0}.footer-note a{font-weight:900;color:var(--primary)}
.early-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.early-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(8px)}.early-modal-card{position:relative;width:min(640px,100%);padding:28px;border-radius:30px;background:var(--card);box-shadow:0 40px 100px rgba(0,0,0,.35);border:1px solid var(--border)}.early-modal-close{position:absolute;right:16px;top:14px;border:0;background:var(--card2);color:var(--text);width:38px;height:38px;border-radius:999px;font-size:24px;cursor:pointer}.early-modal-icon{font-size:44px;text-align:center}.early-step{text-align:center}.early-step h2{margin:8px 0}.early-step p{color:var(--muted)}.early-modal-actions{display:flex;gap:10px;margin-top:18px}.early-modal-actions.two-actions>*{flex:1}.early-modal-actions.one-action{justify-content:center}.early-btn{padding:14px 18px}.early-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.early-btn.secondary{background:var(--card2);border:1px solid var(--border);color:var(--text)}.early-film-list{max-height:320px;overflow:auto;display:grid;gap:10px;text-align:left;margin-top:14px}.early-film-option{display:flex;gap:12px;align-items:center;padding:13px;border-radius:16px;background:var(--card2);border:1px solid var(--border);font-weight:800}.early-loading-bar{height:12px;border-radius:999px;background:var(--card2);overflow:hidden}.early-loading-bar span{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit;animation:load 1s infinite alternate}@keyframes load{from{transform:translateX(-40%)}to{transform:translateX(170%)}}body.modal-open{overflow:hidden}
.login-body{display:grid;place-items:center;min-height:100vh;padding:24px}.login-wrap{width:min(480px,100%)}.login-card,.activate-card{background:var(--glass);border:1px solid rgba(255,255,255,.58);border-radius:30px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.login-brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.login-logo{width:70px;height:70px;border-radius:22px;background:var(--card);display:grid;place-items:center}.login-logo img{max-width:70%;max-height:70%}.login-clock-box{text-align:right;color:var(--muted);font-weight:900}.login-card h1{font-size:34px;margin:8px 0 4px}.login-subtitle{color:var(--muted)}.login-form{display:grid;gap:10px;margin-top:18px}.login-form button,.activate-card button{border:0;border-radius:16px;padding:15px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900;cursor:pointer}.login-error,.msg-err{background:#fee2e2;color:#991b1b;padding:12px;border-radius:14px}.msg-ok{background:#dcfce7;color:#166534;padding:12px;border-radius:14px}.login-footer{margin-top:18px;text-align:center;color:var(--muted);font-size:13px}.login-footer a{color:var(--primary);font-weight:900}.theme-picker{display:flex;gap:8px}.theme-dot{width:22px;height:22px;border-radius:999px;border:2px solid #fff;cursor:pointer}.theme-blue{background:#2563eb}.theme-red{background:#dc2626}.theme-purple{background:#7c3aed}.theme-gray{background:#475569}.activate-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.device-code{font-size:26px;font-weight:900;letter-spacing:2px;background:var(--card2);border:2px dashed var(--primary);border-radius:18px;padding:18px;text-align:center;color:var(--primary);margin:18px 0}.help{color:var(--muted);line-height:1.55}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions a{color:var(--primary);font-weight:900;text-decoration:none}
.no-glass .panel,.no-glass .hero-topbar,.no-glass .login-card{backdrop-filter:none;background:var(--card)}
@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.work-grid,.chart-grid{grid-template-columns:1fr}.hero-topbar{flex-direction:column}.top-actions{justify-content:flex-start}.bar-row{grid-template-columns:100px 1fr 80px}}
@media (max-width:820px){.mobile-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--card);box-shadow:var(--shadow2)}.mobile-topbar button{border:0;background:var(--card2);color:var(--text);border-radius:12px;padding:10px 12px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;transform:translateX(-105%);transition:.22s}.sidebar-open .sidebar{transform:translateX(0)}.main-content{padding:16px}.hero-title h1{font-size:26px}.form-grid,.stats-grid{grid-template-columns:1fr}.panel{padding:16px;border-radius:20px}.table-toolbar{flex-direction:column}.table-toolbar input{max-width:none}}

/* =========================================================
   RES PAGE ONLY - FIX LAYOUT V7.0.2
   Chỉ áp dụng cho trang /res để không ảnh hưởng các trang khác
   ========================================================= */
body.res-body{
  font-family:var(--app-font,"Be Vietnam Pro","Segoe UI",Tahoma,Arial,sans-serif);
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 0% 0%, rgba(220,38,38,.10), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(245,158,11,.10), transparent 26%),
    var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
body.res-body .res-shell{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  align-items:stretch;
}
body.res-body .res-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:20px 18px;
  display:flex;
  flex-direction:column;
  gap:16px;
  background:linear-gradient(180deg,#7f1d1d 0%,#172554 58%,#0f172a 100%);
  color:#fff;
  box-shadow:18px 0 46px rgba(15,23,42,.22);
  z-index:10;
  overflow:auto;
}
body.res-body .res-logo-box{
  padding:10px 8px 16px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
body.res-body .res-logo-box img{
  display:block;
  width:100%;
  max-width:210px;
  height:auto;
  max-height:96px;
  object-fit:contain;
  margin:0 auto;
}
body.res-body .res-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.res-body .res-menu-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:12px 13px;
  border-radius:15px;
  text-decoration:none;
  color:rgba(255,255,255,.84);
  font-weight:800;
  line-height:1.2;
  transition:.16s ease;
}
body.res-body .res-menu-item:hover,
body.res-body .res-menu-item.active{
  background:rgba(255,255,255,.14);
  color:#fff;
  transform:translateX(3px);
}
body.res-body .res-menu-item.logout{
  margin-top:4px;
  color:#fee2e2;
}
body.res-body .res-note-box{
  margin-top:auto;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}
body.res-body .res-note-box span{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  opacity:.72;
}
body.res-body .res-note-box strong{
  display:block;
  margin-top:4px;
  font-size:18px;
}
body.res-body .res-note-box p{
  margin:10px 0 0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.45;
}
body.res-body .res-main{
  min-width:0;
  padding:28px;
}
body.res-body .res-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:22px;
  padding:24px;
  border-radius:26px;
  background:var(--glass);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}
body.res-body .res-breadcrumb{
  margin:0 0 8px;
  color:var(--primary);
  font-weight:900;
  font-size:12px;
  letter-spacing:.12em;
}
body.res-body .res-topbar h1{
  margin:0;
  font-size:34px;
  line-height:1.08;
}
body.res-body .res-topbar p:not(.res-breadcrumb){
  margin:10px 0 0;
  color:var(--muted);
  line-height:1.45;
}
body.res-body .res-clock-card{
  flex:0 0 auto;
  min-width:150px;
  padding:13px 15px;
  border-radius:18px;
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow2);
  text-align:right;
}
body.res-body .res-clock-card strong{
  display:block;
  font-size:20px;
}
body.res-body .res-clock-card span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
body.res-body .res-alert{
  margin:0 0 16px;
  padding:14px 16px;
  border-radius:16px;
  font-weight:800;
}
body.res-body .res-alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}
body.res-body .res-alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
body.res-body .res-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:18px;
  margin-bottom:18px;
}
body.res-body .res-panel{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow2);
}
body.res-body .res-panel-title{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}
body.res-body .res-panel-title>span{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(220,38,38,.14),rgba(245,158,11,.16));
  font-size:22px;
}
body.res-body .res-panel-title h2,
body.res-body .res-panel h2{
  margin:0;
  font-size:22px;
  line-height:1.15;
}
body.res-body .res-panel-title p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.45;
}
body.res-body .res-panel-title.compact{
  margin-bottom:14px;
}
body.res-body .res-form{
  display:grid;
  gap:14px;
}
body.res-body .res-form label{
  display:grid;
  gap:7px;
  color:var(--text);
  font-weight:850;
}
body.res-body .res-form label span{
  font-size:13px;
}
body.res-body .res-form small{
  color:var(--muted);
  font-weight:600;
  line-height:1.35;
}
body.res-body .res-form input,
body.res-body .res-form select{
  width:100%;
  min-height:46px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--card2);
  color:var(--text);
  padding:12px 13px;
  outline:none;
  font:inherit;
}
body.res-body .res-form input:focus,
body.res-body .res-form select:focus{
  border-color:rgba(220,38,38,.55);
  box-shadow:0 0 0 4px rgba(220,38,38,.10);
}
body.res-body .res-form button,
body.res-body .res-actions button{
  border:0;
  border-radius:15px;
  padding:12px 15px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
body.res-body .res-actions button{
  padding:9px 12px;
  background:var(--card2);
  color:var(--text);
  border:1px solid var(--border);
}
body.res-body .res-actions button.danger{
  background:#fee2e2;
  color:#991b1b;
  border-color:#fecaca;
}
body.res-body .info-panel ul{
  margin:14px 0 0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.7;
}
body.res-body code{
  display:inline-block;
  max-width:100%;
  padding:3px 6px;
  border-radius:8px;
  background:var(--card2);
  border:1px solid var(--border);
  color:var(--primary);
  overflow-wrap:anywhere;
}
body.res-body .res-users-panel{
  margin-bottom:18px;
}
body.res-body .res-table-scroll{
  width:100%;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--card);
}
body.res-body .res-table-pro{
  width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
}
body.res-body .res-table-pro th,
body.res-body .res-table-pro td{
  padding:12px 13px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:top;
}
body.res-body .res-table-pro th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--card2);
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
body.res-body .res-table-pro tbody tr:nth-child(even){
  background:rgba(148,163,184,.06);
}
body.res-body .res-table-pro tbody tr:hover{
  background:rgba(220,38,38,.06);
}
body.res-body .res-table-pro textarea{
  max-width:360px;
  width:100%;
  min-height:64px;
  resize:vertical;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card2);
  color:var(--text);
  padding:9px;
  font:12px/1.35 Consolas,monospace;
}
body.res-body .res-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
body.res-body .res-actions form{
  margin:0;
}
body.res-body .res-status{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:var(--card2);
  color:var(--muted);
}
body.res-body .res-status.ok,
body.res-body .res-status.active,
body.res-body .res-status.success{background:#dcfce7;color:#166534;}
body.res-body .res-status.locked,
body.res-body .res-status.expired,
body.res-body .res-status.danger{background:#fee2e2;color:#991b1b;}
body.res-body .res-status.warning,
body.res-body .res-status.used{background:#fef3c7;color:#92400e;}
body.res-body .res-sub{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
}
body.res-body .res-empty{
  text-align:center;
  color:var(--muted);
  padding:26px!important;
}
@media (max-width:1100px){
  body.res-body .res-shell{grid-template-columns:1fr;}
  body.res-body .res-sidebar{position:relative;height:auto;min-height:0;}
  body.res-body .res-logo-box img{max-height:76px;}
  body.res-body .res-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  body.res-body .res-note-box{margin-top:0;}
  body.res-body .res-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  body.res-body .res-main{padding:16px;}
  body.res-body .res-topbar{flex-direction:column;padding:18px;border-radius:22px;}
  body.res-body .res-topbar h1{font-size:27px;}
  body.res-body .res-clock-card{text-align:left;width:100%;}
  body.res-body .res-panel{padding:16px;border-radius:20px;}
  body.res-body .res-menu{grid-template-columns:1fr;}
}


.danger-ghost{color:var(--primary);background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.20)}.danger-ghost:hover{background:rgba(220,38,38,.14)}


/* V7.2.9 - Đồng bộ giao diện nút Khóa máy với cụm nút header */
.lock-computer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:56px;
  padding:0 18px;
  border-radius:20px;
  background:var(--card);
  border:1px solid var(--border);
  color:var(--text);
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:var(--shadow2);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.lock-computer-btn .lock-ico{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:9px;
  background:rgba(245,158,11,.16);
  font-size:14px;
}
.lock-computer-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(15,23,42,.16);
}
.lock-computer-btn:active{
  transform:translateY(0);
}
.lock-computer-btn:disabled,
.lock-computer-btn.is-locking{
  cursor:wait;
  opacity:.82;
  transform:none;
}
body.dark .lock-computer-btn{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
@media (max-width: 720px){
  .lock-computer-btn{min-height:48px;padding:0 14px;border-radius:16px;}
}


/* V7.3.0 - Chuẩn hóa cụm nút header: 1 hàng, cùng kích thước */
.hero-topbar{
  align-items:center;
}
.hero-title{
  min-width:0;
  flex:1 1 auto;
}
.top-actions.top-actions-v2{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
  flex:0 0 auto;
}
.top-actions-v2 .datetime-card,
.top-actions-v2 .theme-toggle,
.top-actions-v2 .glass-toggle,
.top-actions-v2 .lock-computer-btn,
.top-actions-v2 .version-badge{
  width:132px;
  height:72px;
  min-height:72px;
  padding:0 14px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow2);
  color:var(--text);
  white-space:normal;
  line-height:1.15;
}
.top-actions-v2 .datetime-card{
  flex-direction:column;
  gap:4px;
}
.top-actions-v2 .clock{
  font-size:22px;
  line-height:1;
  letter-spacing:-.03em;
}
.top-actions-v2 .date{
  font-size:12px;
  white-space:nowrap;
}
.top-actions-v2 .theme-toggle,
.top-actions-v2 .glass-toggle,
.top-actions-v2 .lock-computer-btn{
  gap:8px;
  font-weight:900;
}
.top-actions-v2 .lock-computer-btn .lock-ico{
  flex:0 0 auto;
}
.top-actions-v2 .version-badge{
  font-size:18px;
  font-weight:950;
  color:var(--primary);
}
.top-actions-v2 .theme-toggle:hover,
.top-actions-v2 .glass-toggle:hover,
.top-actions-v2 .lock-computer-btn:hover,
.top-actions-v2 .version-badge:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(15,23,42,.14);
}
.dashboard-status-bar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:-6px 0 18px;
}
.dashboard-status-bar span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:var(--shadow2);
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}
.dashboard-status-bar b{
  color:#166534;
}
body.dark .dashboard-status-bar b{
  color:#86efac;
}
@media (max-width:1420px){
  .hero-topbar{
    flex-direction:column;
    align-items:stretch;
  }
  .top-actions.top-actions-v2{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .top-actions-v2 .datetime-card,
  .top-actions-v2 .theme-toggle,
  .top-actions-v2 .glass-toggle,
  .top-actions-v2 .lock-computer-btn,
  .top-actions-v2 .version-badge{
    flex:0 0 132px;
  }
}
@media (max-width:820px){
  .top-actions.top-actions-v2{
    gap:8px;
  }
  .top-actions-v2 .datetime-card,
  .top-actions-v2 .theme-toggle,
  .top-actions-v2 .glass-toggle,
  .top-actions-v2 .lock-computer-btn,
  .top-actions-v2 .version-badge{
    width:116px;
    min-width:116px;
    flex-basis:116px;
    height:60px;
    min-height:60px;
    border-radius:16px;
    font-size:13px;
  }
  .top-actions-v2 .clock{font-size:18px;}
  .top-actions-v2 .date{font-size:10px;}
  .top-actions-v2 .version-badge{font-size:15px;}
}

/* Pivot Report Module */
.pivot-stats-grid .stat-card strong{font-size:28px}
.pivot-work-grid{align-items:start}
.pivot-status{margin-top:16px}
.filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 14px}
.filter-tab{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.72);border-radius:16px;padding:12px 10px;font-weight:800;cursor:pointer;color:var(--text,#0f172a);transition:.2s ease;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.filter-tab:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.10)}
.filter-tab.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}
.pivot-filter-toolbar{margin:0 0 12px 0}
.pivot-check-list{max-height:390px;overflow:auto;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.55);padding:10px;margin-bottom:16px}
.pivot-check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:700}
.pivot-check-row:hover{background:rgba(37,99,235,.08)}
.pivot-check-row input{width:18px;height:18px;accent-color:#2563eb}
#pivotResultTable td:nth-child(2),#pivotResultTable td:nth-child(3){text-align:right;font-weight:800}
body.dark-mode .filter-tab{background:rgba(15,23,42,.72);color:#e5e7eb;border-color:rgba(148,163,184,.18)}
body.dark-mode .pivot-check-list{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.18)}
body.dark-mode .pivot-check-row:hover{background:rgba(96,165,250,.12)}
@media (max-width: 900px){.filter-tabs{grid-template-columns:1fr}.pivot-check-list{max-height:310px}}

.pivot-memory-toolbar{flex-wrap:wrap;margin-top:0;margin-bottom:14px}.pivot-memory-toolbar .ghost-btn{flex:1 1 150px;white-space:nowrap}.ghost-btn.danger-soft{color:#b91c1c;background:rgba(254,226,226,.85);border-color:#fecaca}.ghost-btn.danger-soft:hover{background:#fee2e2}

/* V7.3.3 - Pivot saved named filters */
.saved-filter-box{border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.55);border-radius:18px;padding:12px;margin:0 0 14px 0}
.saved-filter-title{font-weight:900;color:#ef4444;letter-spacing:.04em;margin:0 0 10px 0;text-transform:uppercase;font-size:13px}
.saved-filter-list{display:flex;flex-direction:column;gap:8px}
.saved-filter-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(148,163,184,.22);background:rgba(248,250,252,.82);border-radius:16px;padding:9px 10px}
.saved-filter-main{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0;font-weight:800;color:#111827}
.saved-filter-main input{width:18px;height:18px;accent-color:#2563eb;flex:0 0 auto}
.saved-filter-main span{display:flex;flex-direction:column;gap:2px;min-width:0}
.saved-filter-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-filter-main small{font-size:12px;color:#64748b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-danger-btn{border:1px solid #fecaca;background:#fee2e2;color:#b91c1c;border-radius:12px;padding:8px 11px;font-weight:900;cursor:pointer;flex:0 0 auto}
.mini-danger-btn:hover{background:#fecaca;transform:translateY(-1px)}
.empty-card.compact{padding:13px 14px;min-height:auto}
body.dark-mode .saved-filter-box{background:rgba(15,23,42,.45);border-color:rgba(148,163,184,.18)}
body.dark-mode .saved-filter-item{background:rgba(15,23,42,.65);border-color:rgba(148,163,184,.16)}
body.dark-mode .saved-filter-main{color:#f8fafc}
body.dark-mode .saved-filter-main small{color:#cbd5e1}
@media (max-width: 640px){.saved-filter-item{align-items:flex-start}.mini-danger-btn{padding:8px 10px}.saved-filter-main small{white-space:normal}}

/* ================= V8.0 PRO ADD-ON ================= */
.v8-shell .main-content{max-width:1600px}.v8-hero{background:linear-gradient(135deg,rgba(21,101,192,.18),rgba(142,36,170,.12));border:1px solid rgba(255,255,255,.22)}
.small-btn{padding:10px 14px;border-radius:14px;font-size:13px}.v8-stats{grid-template-columns:repeat(6,minmax(150px,1fr))}.v8-chart-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:18px;margin-top:18px}.v8-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.v8-insight-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.05)}.v8-insight-card b{font-size:24px}.v8-insight-card span{line-height:1.45;font-weight:700;color:#1f2937}.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;align-items:center;gap:10px;margin:10px 0}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#334155}.bar-track{height:14px;border-radius:999px;background:rgba(100,116,139,.15);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#22c55e)}.bar-row b{font-size:13px;color:#0f172a}.low-price-list{display:flex;flex-direction:column;gap:10px}.low-price-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06)}.low-price-item div{display:flex;flex-direction:column;gap:4px}.low-price-item span{font-size:12px;color:#64748b}.low-price-item strong{font-size:16px;color:#dc2626}.compact-table{max-height:430px}.mini-link{display:inline-block;padding:6px 10px;border-radius:999px;background:#2563eb;color:white;text-decoration:none;font-weight:800}.dark .v8-insight-card,.dark .low-price-item{background:rgba(15,23,42,.72);border-color:rgba(255,255,255,.08)}.dark .v8-insight-card span,.dark .bar-row b,.dark .bar-label{color:#e5e7eb}@media(max-width:1200px){.v8-stats{grid-template-columns:repeat(3,1fr)}.v8-chart-grid{grid-template-columns:1fr}.v8-insight-grid{grid-template-columns:1fr}}@media(max-width:700px){.v8-stats{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.v8-insight-grid{grid-template-columns:1fr}}

/* ===== V10.0 Copy selected preview rows ===== */
.preview-toolbar{align-items:center;flex-wrap:wrap}
.copy-btn{font-weight:900;white-space:nowrap}
.copy-columns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:16px;background:var(--card2)}
.copy-columns span{font-weight:900;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.copy-columns label{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:var(--card);border:1px solid rgba(148,163,184,.22);font-size:12px;font-weight:800;cursor:pointer;user-select:none}
.copy-columns input{width:auto;max-width:none;padding:0;accent-color:var(--primary)}
.select-col{width:44px;text-align:center!important;vertical-align:middle!important}
.select-col input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}
#resultTable tbody tr:has(.row-select:checked){background:rgba(22,163,74,.10)!important;outline:1px solid rgba(22,163,74,.18)}
@media (max-width:820px){.copy-columns{width:100%}.copy-columns label{font-size:11px}.copy-btn{width:100%}}

/* ===== V10.0.1 Column checkboxes inside preview table header ===== */
#resultTable thead .label-row th{border-bottom:1px solid rgba(148,163,184,.18)}
#resultTable thead .copy-col-row th{
  padding:7px 10px;
  text-align:center;
  background:rgba(15,23,42,.88);
  border-bottom:1px solid rgba(148,163,184,.22);
  color:var(--muted);
  font-size:11px;
  font-weight:900;
}
#resultTable thead .copy-col-row .copy-row-title{
  white-space:nowrap;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
}
#resultTable thead .copy-col-row input.copy-col{
  width:17px;
  height:17px;
  accent-color:var(--primary);
  cursor:pointer;
  margin:0;
}
#resultTable thead .copy-col-row th:has(input.copy-col:checked){
  background:rgba(37,99,235,.16);
}
#resultTable thead .copy-col-row th:hover{background:rgba(148,163,184,.12)}
.preview-toolbar .copy-columns{display:none!important}

/* ===== V10.1 Copy lock after successful copy ===== */
.copy-clear-btn{font-weight:900;white-space:nowrap}
.copy-done-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(22,163,74,.30);
  background:rgba(22,163,74,.14);
  color:#16a34a;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.copy-btn.copy-locked{
  border-color:rgba(22,163,74,.32)!important;
  background:rgba(22,163,74,.13)!important;
  color:#16a34a!important;
}
.copy-clear-active{
  border-color:rgba(239,68,68,.35)!important;
}
#previewBox.copy-history-locked #resultTable thead .copy-col-row th:has(input.copy-col:checked){
  background:rgba(22,163,74,.16);
}
#previewBox.copy-history-locked #resultTable thead .copy-col-row input.copy-col:checked{
  accent-color:#16a34a;
}
@media (max-width:820px){.copy-clear-btn,.copy-done-badge{width:100%;justify-content:center}}

/* ===== V10.1.1 Row-level copy lock ===== */
#resultTable tbody tr.copy-row-done{
  background:rgba(22,163,74,.12)!important;
  outline:1px solid rgba(22,163,74,.22);
}
#resultTable tbody tr.copy-row-done td{
  color:rgba(255,255,255,.72);
}
#resultTable tbody tr.copy-row-done .row-select{
  opacity:.45;
  cursor:not-allowed;
}
.row-copy-done-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:6px;
  border-radius:999px;
  background:rgba(22,163,74,.18);
  border:1px solid rgba(22,163,74,.38);
  color:#16a34a;
  font-size:12px;
  font-weight:900;
  vertical-align:middle;
}
#resultTable tbody tr.copy-row-done .select-col{
  white-space:nowrap;
}

.danger-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 14px 30px rgba(239,68,68,.25)!important;}
.danger-btn:disabled{opacity:.75;cursor:not-allowed;}

/* V10.0 - BOVN auto fetch trial */
.bovn-fetch-box{margin-top:16px;padding:16px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(15,23,42,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bovn-fetch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.bovn-fetch-head strong{display:block;color:#f8fafc;font-weight:800}.bovn-fetch-head small,.bovn-note{display:block;color:#94a3b8;margin-top:4px;line-height:1.45}.compact-field{margin-bottom:10px}.bovn-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bovn-btn{width:100%;margin-top:4px}.bovn-fetch-box input{width:100%}@media(max-width:720px){.bovn-login-grid{grid-template-columns:1fr}}

/* V10.1 Beta Cinema picker */
.beta-modal-card{max-width:720px;width:min(720px,calc(100vw - 32px));}
.beta-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
.beta-cinema-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;max-height:420px;overflow:auto;padding:4px 2px 8px;}
.beta-cinema-option{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(148,163,184,.35);border-radius:14px;background:rgba(255,255,255,.72);cursor:pointer;font-weight:700;color:var(--text,#172033);}
.beta-cinema-option input{width:18px;height:18px;accent-color:#c4161c;}
body.dark .beta-cinema-option{background:rgba(15,23,42,.72);}

/* ===== V10.1.4 Beta load-all mode: color preview rows by cinema ===== */
#resultTable tbody tr.beta-cinema-colored-row td:first-child{
  border-left:5px solid rgba(220,38,38,.75);
}
#resultTable tbody tr.beta-cinema-colored-row:hover{
  filter:saturate(1.08) brightness(1.02);
}
body.dark #resultTable tbody tr.beta-cinema-colored-row:hover{
  filter:saturate(1.1) brightness(1.12);
}

/* ===== V13.7 - Thống nhất định dạng số bằng dấu phẩy và căn cột số ===== */
#resultTable td:nth-child(2),
#resultTable td:nth-child(3),
#resultTable td:nth-child(4){
  text-align:left;
}
#resultTable td:nth-child(5),
#resultTable td:nth-child(6){
  text-align:center;
}
#resultTable td:nth-child(7),
#resultTable td:nth-child(8),
#resultTable td:nth-child(9),
#resultTable td:nth-child(10){
  text-align:right;
  font-variant-numeric:tabular-nums;
}
#resultTable th:nth-child(5),
#resultTable th:nth-child(6){
  text-align:center;
}
#resultTable th:nth-child(7),
#resultTable th:nth-child(8),
#resultTable th:nth-child(9),
#resultTable th:nth-child(10){
  text-align:right;
}
#resultTable thead .copy-col-row th{text-align:center!important;}
#theadRow th:nth-child(4),
#theadRow th:nth-child(5),
#tbodyRows td:nth-child(4),
#tbodyRows td:nth-child(5){
  text-align:center;
  font-variant-numeric:tabular-nums;
}


/* Cinema One - Enterprise 4.0: footer marquee */
.global-marquee-footer{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;height:26px;
  background:linear-gradient(90deg,#111827,#7f1d1d,#111827);
  color:#fde68a;border-top:1px solid rgba(253,230,138,.35);
  overflow:hidden;display:flex;align-items:center;font-size:12px;font-weight:800;
  box-shadow:0 -8px 22px rgba(15,23,42,.18)
}
.global-marquee-track{white-space:nowrap;display:inline-block;padding-left:100%;animation:globalMarquee 28s linear infinite;letter-spacing:.2px}
.global-marquee-footer:hover .global-marquee-track{animation-play-state:paused}
@keyframes globalMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
body{padding-bottom:28px}

/* Stable global patch: Glass removed, checkbox Moveek UI */
.glass-toggle{display:none!important}
.secondary-btn{border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);padding:10px 14px;font-weight:900;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.secondary-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}
body.theme-blue{--primary:#2563eb;--primary2:#1d4ed8;--accent:#38bdf8}
body.theme-red{--primary:#dc2626;--primary2:#991b1b;--accent:#f59e0b}
body.theme-purple{--primary:#7c3aed;--primary2:#5b21b6;--accent:#c084fc}
body.theme-gray{--primary:#475569;--primary2:#334155;--accent:#94a3b8}
.theme-dot.active{outline:3px solid rgba(255,255,255,.85);box-shadow:0 0 0 3px rgba(15,23,42,.2)}


/* V4.0 One Click Report */
.one-click-panel{
  border:1px solid rgba(37,99,235,.25);
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(16,185,129,.08));
}
.one-click-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:stretch}
.mini-guide-text{margin:0 0 14px;color:var(--muted,#64748b);line-height:1.6}
.one-click-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.one-click-btn{font-size:18px;padding:16px 22px;box-shadow:0 18px 36px rgba(37,99,235,.20)}
.one-click-checklist{border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:16px;background:rgba(255,255,255,.55);display:flex;flex-direction:column;gap:9px}
.one-click-checklist span{display:block;color:var(--text,#0f172a)}
.one-click-active #dropzone{outline:3px solid rgba(37,99,235,.28);box-shadow:0 0 0 6px rgba(37,99,235,.08)}
.one-click-active #btn{filter:saturate(1.15)}
@media(max-width:900px){.one-click-grid{grid-template-columns:1fr}}

/* Review: sửa trực tiếp và lưu mapping */
.review-edit-cell{
  cursor:text;
  border-radius:8px;
  outline:1px dashed transparent;
}
.review-edit-cell:focus{
  outline:1px dashed rgba(255,255,255,.45);
  background:rgba(255,255,255,.08);
}
.review-edit-cell.review-changed{
  background:rgba(245,158,11,.16) !important;
  box-shadow: inset 0 0 0 1px rgba(245,158,11,.55);
}
#saveRoomMappings:disabled{opacity:.45;cursor:not-allowed;}

/* ===== V2.3.8 Save ngay tại ô đang sửa + toolbar sticky ===== */
#previewBox .preview-toolbar{
  position: sticky;
  top: 0;
  z-index: 25;
  padding-top: 10px;
  padding-bottom: 10px;
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,.72);
  border-radius: 18px;
}
.dark #previewBox .preview-toolbar{background: rgba(15,23,42,.72)}
.mini-save-review-btn{
  position: absolute;
  z-index: 9999;
  border: 0;
  border-radius: 999px;
  padding: 9px 14px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg,#16a34a,#22c55e);
  box-shadow: 0 12px 28px rgba(22,163,74,.32);
  cursor: pointer;
  white-space: nowrap;
}
.mini-save-review-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* V2.3.9 */
.action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-row .primary-btn{flex:1 1 260px}.action-row .ghost-btn{min-height:48px;padding:0 18px;border-radius:16px;font-weight:800}

/* =========================================================
   CINEMA ONE V4.0 - ENTERPRISE WINDOWS 11 UI
   Giao diện mới, vẫn giữ nguyên các id/class cũ để không phá tính năng.
   ========================================================= */
:root{
  --v30-bg:#f3f6fb;
  --v30-surface:rgba(255,255,255,.86);
  --v30-surface-solid:#ffffff;
  --v30-border:rgba(15,23,42,.09);
  --v30-text:#172033;
  --v30-muted:#687386;
  --v30-primary:#2563eb;
  --v30-primary-2:#0ea5e9;
  --v30-green:#16a34a;
  --v30-orange:#f59e0b;
  --v30-red:#ef4444;
  --v30-shadow:0 18px 45px rgba(15,23,42,.08);
  --v30-radius:22px;
}
body{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 32rem),
    radial-gradient(circle at 80% 0%, rgba(14,165,233,.13), transparent 30rem),
    var(--v30-bg) !important;
  color:var(--v30-text) !important;
  font-family:"Segoe UI", Tahoma, Arial, sans-serif !important;
}
.app-shell{min-height:100vh;background:transparent !important;}
.sidebar{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(22px);
  border-right:1px solid var(--v30-border) !important;
  box-shadow:14px 0 42px rgba(15,23,42,.06);
}
.brand-main{
  background:linear-gradient(135deg, rgba(37,99,235,.10), rgba(14,165,233,.10)) !important;
  border:1px solid rgba(37,99,235,.14) !important;
  border-radius:24px !important;
  padding:14px !important;
}
.brand-main strong{letter-spacing:.4px;color:#0f172a !important;}
.brand-main span{color:var(--v30-primary) !important;font-weight:700 !important;}
.logo-glass{box-shadow:0 12px 28px rgba(37,99,235,.18) !important;}
.user-mini-card{
  background:var(--v30-surface-solid) !important;
  border:1px solid var(--v30-border) !important;
  border-radius:20px !important;
  box-shadow:0 12px 26px rgba(15,23,42,.05) !important;
}
.nav-box{gap:7px !important;}
.nav-item{
  border-radius:16px !important;
  color:#334155 !important;
  transition:.18s ease;
  border:1px solid transparent !important;
}
.nav-item:hover{
  background:rgba(37,99,235,.08) !important;
  color:var(--v30-primary) !important;
  transform:translateX(3px);
}
.nav-item.active,
.nav-item:focus{
  background:linear-gradient(135deg, var(--v30-primary), var(--v30-primary-2)) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.25) !important;
}
.main-content{padding:24px 28px 54px !important;}
.hero-topbar,.topbar{
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,252,.82)) !important;
  border:1px solid var(--v30-border) !important;
  border-radius:28px !important;
  box-shadow:var(--v30-shadow) !important;
  position:sticky;top:16px;z-index:20;
}
.hero-title .eyebrow,.step{
  color:var(--v30-primary) !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
.hero-title h1{
  font-size:clamp(28px,3vw,44px) !important;
  line-height:1.05 !important;
  color:#0f172a !important;
}
.hero-title h1::after{content:"  Enterprise Edition";font-size:.45em;color:var(--v30-primary);font-weight:800;vertical-align:middle;}
.hero-title span{color:var(--v30-muted) !important;}
.datetime-card,.theme-toggle,.lock-computer-btn,.primary-btn,.quick-logout-btn{
  border-radius:16px !important;
  border:1px solid var(--v30-border) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.06) !important;
}
.primary-btn,button.primary-btn{
  background:linear-gradient(135deg,var(--v30-primary),var(--v30-primary-2)) !important;
  color:#fff !important;
  border:0 !important;
}
.dashboard-status-bar{
  background:rgba(255,255,255,.72) !important;
  border:1px solid var(--v30-border) !important;
  border-radius:20px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
  position:relative;
}
.dashboard-status-bar::before{
  content:"V4.0 Portable Release • Cache & Learning lưu cạnh file EXE";
  display:inline-flex;align-items:center;margin-right:10px;padding:8px 12px;border-radius:999px;
  background:rgba(22,163,74,.10);color:#15803d;font-weight:800;font-size:12px;
}
.stats-grid{gap:16px !important;}
.stat-card{
  background:var(--v30-surface) !important;
  border:1px solid var(--v30-border) !important;
  border-radius:24px !important;
  box-shadow:var(--v30-shadow) !important;
  overflow:hidden;position:relative;
}
.stat-card::after{
  content:"";position:absolute;right:-34px;top:-34px;width:96px;height:96px;border-radius:50%;
  background:rgba(37,99,235,.10);
}
.stat-card:nth-child(2)::after{background:rgba(22,163,74,.12)}
.stat-card:nth-child(3)::after{background:rgba(245,158,11,.16)}
.stat-card:nth-child(4)::after{background:rgba(124,58,237,.12)}
.stat-card small{color:var(--v30-muted) !important;font-weight:800 !important;}
.stat-card strong{color:#0f172a !important;font-size:30px !important;}
.panel,.chart-card,.feature-panel,.result-panel,.full-panel{
  background:var(--v30-surface) !important;
  backdrop-filter:blur(20px);
  border:1px solid var(--v30-border) !important;
  border-radius:var(--v30-radius) !important;
  box-shadow:var(--v30-shadow) !important;
}
.panel-head{border-bottom:1px solid rgba(15,23,42,.06) !important;padding-bottom:14px !important;}
.pill{
  background:rgba(37,99,235,.09) !important;
  color:var(--v30-primary) !important;
  border:1px solid rgba(37,99,235,.15) !important;
  border-radius:999px !important;
  font-weight:800 !important;
}
input,select,textarea{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.13) !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(37,99,235,.55) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.11) !important;
  outline:none !important;
}
.table-wrap{
  border-radius:20px !important;
  border:1px solid var(--v30-border) !important;
  overflow:auto !important;
  background:#fff !important;
}
table thead th{
  background:linear-gradient(180deg,#f8fafc,#eef4ff) !important;
  color:#0f172a !important;
  font-weight:850 !important;
  position:sticky;top:0;z-index:2;
}
table td,table th{border-color:rgba(15,23,42,.08) !important;}
table tbody tr:hover{background:rgba(37,99,235,.045) !important;}
.footer-note{
  background:rgba(255,255,255,.72) !important;
  border:1px solid var(--v30-border) !important;
  border-radius:18px !important;
  padding:14px 18px !important;
}
.global-marquee-footer{opacity:.86 !important;}
.mobile-topbar{
  background:rgba(255,255,255,.9) !important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--v30-border) !important;
}
/* Dark mode đẹp hơn */
body.dark,
body.theme-dark{
  --v30-bg:#0b1220;--v30-surface:rgba(15,23,42,.86);--v30-surface-solid:#111827;
  --v30-border:rgba(148,163,184,.16);--v30-text:#e5e7eb;--v30-muted:#94a3b8;
  background:radial-gradient(circle at top left, rgba(37,99,235,.20), transparent 30rem),#0b1220 !important;
  color:var(--v30-text) !important;
}
body.dark .sidebar,body.theme-dark .sidebar,body.dark .panel,body.theme-dark .panel,body.dark .stat-card,body.theme-dark .stat-card,
body.dark .hero-topbar,body.theme-dark .hero-topbar,body.dark .dashboard-status-bar,body.theme-dark .dashboard-status-bar{
  background:var(--v30-surface) !important;border-color:var(--v30-border) !important;
}
body.dark .hero-title h1,body.theme-dark .hero-title h1,body.dark .brand-main strong,body.theme-dark .brand-main strong,body.dark .stat-card strong,body.theme-dark .stat-card strong{color:#f8fafc !important;}
body.dark input,body.dark select,body.dark textarea,body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.dark .table-wrap,body.theme-dark .table-wrap{background:#0f172a !important;color:#e5e7eb !important;}
body.dark table thead th,body.theme-dark table thead th{background:#111827 !important;color:#f8fafc !important;}
@media (max-width: 980px){.main-content{padding:16px !important}.hero-topbar{position:relative;top:auto}.sidebar{backdrop-filter:blur(18px)}}


/* =========================================================
   V4.0.1 ENTERPRISE LIGHT UI + UNIVERSAL DRM AUDIT
   Nhẹ mắt hơn, sửa lỗi nền trắng/chữ trắng, chuẩn Fluent Office.
   ========================================================= */
:root{
  --bg:#f5f7fb!important;
  --bg2:#eef2f7!important;
  --card:#ffffff!important;
  --card2:#f8fafc!important;
  --glass:rgba(255,255,255,.92)!important;
  --text:#111827!important;
  --muted:#64748b!important;
  --primary:#2563eb!important;
  --primary2:#1d4ed8!important;
  --danger:#dc2626!important;
  --success:#16a34a!important;
  --warning:#d97706!important;
  --border:#dbe3ef!important;
  --shadow:0 12px 32px rgba(15,23,42,.08)!important;
  --shadow2:0 4px 14px rgba(15,23,42,.06)!important;
  --app-font:"Segoe UI Variable","Segoe UI",Aptos,Tahoma,Arial,sans-serif!important;
}
html,body{background:#f5f7fb!important;color:#111827!important;font-family:var(--app-font)!important;}
body{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)!important;}
.app-shell{background:#f5f7fb!important;}
.main-content{background:#f5f7fb!important;}
.sidebar{background:#ffffff!important;color:#111827!important;border-right:1px solid #e5eaf2!important;box-shadow:8px 0 24px rgba(15,23,42,.04)!important;}
.brand strong,.brand span,.user-mini-card b,.user-mini-card small,.user-mini-card span,.sidebar-footer small{color:#111827!important;}
.user-mini-card{background:#f8fafc!important;border:1px solid #e5eaf2!important;}
.nav-box{gap:6px!important;}
.nav-item{color:#334155!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;}
.nav-item:hover{background:#eff6ff!important;color:#1d4ed8!important;transform:none!important;}
.nav-item.active{background:#eaf2ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;box-shadow:inset 3px 0 0 #2563eb!important;}
.hero-topbar,.topbar{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:var(--shadow)!important;border-radius:24px!important;}
.hero-title h1{color:#111827!important;font-weight:800!important;letter-spacing:-.035em!important;}
.hero-title span,.hero-title p,.eyebrow{color:#64748b!important;}
.eyebrow,.step{color:#dc2626!important;letter-spacing:.16em!important;font-weight:800!important;}
.panel,.feature-panel,.compact-card,.stat-card,.helper-box,.table-card,.login-card,.activate-card{background:#ffffff!important;color:#111827!important;border:1px solid #e2e8f0!important;box-shadow:var(--shadow2)!important;border-radius:22px!important;backdrop-filter:none!important;}
.stat-card:before,.revenue-card:before{display:none!important;}
.stat-card small{color:#64748b!important;}
.stat-card strong{color:#111827!important;}
.panel h2,.panel h3,.section-title-row span,.field span{color:#111827!important;}
.field input,.field select,.field textarea,input[type="text"],input[type="search"],input[type="file"],select,textarea{background:#ffffff!important;color:#111827!important;border:1px solid #cbd5e1!important;border-radius:12px!important;box-shadow:none!important;}
.field input:focus,input[type="text"]:focus,input[type="search"]:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.16)!important;border-color:#2563eb!important;}
.secondary-btn,button.secondary-btn,.mini-btn{background:#ffffff!important;color:#334155!important;border:1px solid #cbd5e1!important;border-radius:11px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;}
.secondary-btn:hover,.mini-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;transform:none!important;}
button,.primary-btn,.submit-btn,#processBtn,#compareBtn{border-radius:12px!important;}
.primary-btn,.submit-btn,#processBtn,#compareBtn{background:#2563eb!important;color:#fff!important;border:1px solid #1d4ed8!important;box-shadow:0 6px 16px rgba(37,99,235,.18)!important;}
.pill{background:#eef2ff!important;color:#1d4ed8!important;border:1px solid #c7d2fe!important;}
.stats-grid{gap:16px!important;}
.work-grid{gap:18px!important;}
.table-wrap,table{background:#ffffff!important;color:#111827!important;}
th{background:#f1f5f9!important;color:#475569!important;border-bottom:1px solid #cbd5e1!important;}
td{color:#111827!important;border-bottom:1px solid #e2e8f0!important;}
tbody tr:nth-child(even){background:#f8fafc!important;}
tbody tr:hover{background:#eff6ff!important;}
.file-picked,.mapping-info,.empty-state{background:#f8fafc!important;color:#64748b!important;border:1px solid #e2e8f0!important;}
.drm-badge{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;font-style:normal;font-size:11px;font-weight:800;vertical-align:middle;}
.field-hint{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.35;}
.alert,.error,.danger,.msg-err{background:#fef2f2!important;color:#991b1b!important;border:1px solid #fecaca!important;}
.success,.msg-ok{background:#f0fdf4!important;color:#166534!important;border:1px solid #bbf7d0!important;}
.warning{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important;}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid #f8fafc}::-webkit-scrollbar-track{background:#f8fafc}
@media (max-width:820px){.sidebar{background:#fff!important}.mobile-topbar{background:#fff!important;color:#111827!important;border-bottom:1px solid #e5eaf2!important;}}

/* =========================================================
   V4.0.2 OFFICE CLEAN UI - đập lại giao diện cho dễ nhìn
   Ưu tiên: sáng, ít màu, giống Office/Excel, không chữ chìm.
   ========================================================= */
:root{
  --office-bg:#f4f6fa!important;
  --office-canvas:#ffffff!important;
  --office-panel:#ffffff!important;
  --office-panel-soft:#f8fafc!important;
  --office-line:#d9e2ef!important;
  --office-line-soft:#edf1f6!important;
  --office-text:#172033!important;
  --office-muted:#667085!important;
  --office-blue:#2563eb!important;
  --office-blue-soft:#eff6ff!important;
  --office-blue-line:#bfdbfe!important;
  --office-red:#dc2626!important;
  --office-green:#16a34a!important;
  --office-yellow:#f59e0b!important;
  --office-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  --office-shadow-hover:0 12px 28px rgba(15,23,42,.08)!important;
  --app-font:"Segoe UI Variable","Segoe UI",Aptos,Tahoma,Arial,sans-serif!important;
}
html,body,body.dark,body.theme-dark{
  background:var(--office-bg)!important;
  color:var(--office-text)!important;
  font-family:var(--app-font)!important;
}
body,body.dark,body.theme-dark{
  background:
    linear-gradient(180deg,#fbfcfe 0%,#f4f6fa 220px,#f4f6fa 100%)!important;
}
*{text-shadow:none!important;}
.app-shell{
  display:grid!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  background:transparent!important;
}
.sidebar,body.dark .sidebar,body.theme-dark .sidebar{
  width:248px!important;
  padding:14px 12px!important;
  background:#fff!important;
  color:var(--office-text)!important;
  border-right:1px solid var(--office-line)!important;
  box-shadow:4px 0 16px rgba(15,23,42,.04)!important;
  gap:10px!important;
}
.brand-main,body.dark .brand-main,body.theme-dark .brand-main{
  min-height:auto!important;
  padding:10px!important;
  gap:10px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid var(--office-line)!important;
  box-shadow:none!important;
}
.brand-logo,.mail-brand-logo{
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid var(--office-line)!important;box-shadow:none!important;
}
.brand-logo img,.mail-brand-logo img{max-width:78%!important;max-height:78%!important;object-fit:contain!important;}
.brand strong,body.dark .brand strong,body.theme-dark .brand strong{
  color:var(--office-text)!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;
}
.brand span,body.dark .brand span,body.theme-dark .brand span{
  color:var(--office-muted)!important;font-size:11px!important;font-weight:650!important;
}
.user-mini-card,body.dark .user-mini-card,body.theme-dark .user-mini-card{
  padding:10px 12px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--office-line)!important;box-shadow:none!important;
}
.user-mini-card small,.user-mini-card span,body.dark .user-mini-card small,body.dark .user-mini-card span{color:var(--office-muted)!important;font-size:11px!important;}
.user-mini-card b,body.dark .user-mini-card b{color:var(--office-text)!important;font-size:15px!important;margin:3px 0!important;}
.nav-box{gap:3px!important;overflow:auto!important;padding-right:2px!important;}
.nav-box::before{content:"LÀM VIỆC";display:block;margin:7px 10px 4px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;}
.nav-item,body.dark .nav-item,body.theme-dark .nav-item{
  min-height:38px!important;padding:9px 10px!important;border-radius:10px!important;
  color:#42526b!important;background:transparent!important;border:1px solid transparent!important;
  font-size:13px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;
}
.nav-item i{width:20px!important;font-size:15px!important;opacity:.9!important;}
.nav-item:hover{
  background:#f1f5f9!important;color:#1e293b!important;border-color:#e2e8f0!important;transform:none!important;
}
.nav-item.active,.nav-item:focus{
  background:var(--office-blue-soft)!important;color:#1d4ed8!important;border-color:var(--office-blue-line)!important;
  box-shadow:inset 3px 0 0 var(--office-blue)!important;transform:none!important;
}
.sidebar-footer{gap:8px!important;margin-top:auto!important;}
.quick-logout-btn,body.dark .quick-logout-btn{
  padding:10px!important;border-radius:12px!important;background:#f8fafc!important;color:#334155!important;border:1px solid var(--office-line)!important;box-shadow:none!important;
}
.quick-logout-btn:hover{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
.sidebar-footer small{color:#94a3b8!important;font-size:10px!important;}
.main-content{padding:18px 22px 40px!important;background:transparent!important;}
.hero-topbar,.topbar,body.dark .hero-topbar,body.theme-dark .hero-topbar{
  position:relative!important;top:auto!important;margin-bottom:14px!important;padding:18px 20px!important;
  background:#fff!important;border:1px solid var(--office-line)!important;border-radius:18px!important;box-shadow:var(--office-shadow)!important;
}
.hero-title .eyebrow,.eyebrow,.step{
  margin-bottom:5px!important;color:var(--office-red)!important;font-size:11px!important;letter-spacing:.13em!important;font-weight:900!important;
}
.hero-title h1,body.dark .hero-title h1,body.theme-dark .hero-title h1{
  color:var(--office-text)!important;font-size:30px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.04em!important;
}
.hero-title h1::after{content:""!important;display:none!important;}
.hero-title span,.hero-title p{color:var(--office-muted)!important;font-size:14px!important;line-height:1.45!important;}
.top-actions{gap:8px!important;}
.datetime-card,.theme-toggle,.lock-computer-btn,.glass-toggle,.quick-admin-btn,.version-badge{
  border-radius:12px!important;background:#fff!important;color:var(--office-text)!important;border:1px solid var(--office-line)!important;box-shadow:none!important;padding:10px 12px!important;
}
.clock{font-size:16px!important;color:var(--office-text)!important;}.date{font-size:11px!important;color:var(--office-muted)!important;}
.dashboard-status-bar,body.dark .dashboard-status-bar{
  margin:0 0 14px!important;padding:10px 14px!important;border-radius:14px!important;
  background:#fff!important;border:1px solid var(--office-line)!important;box-shadow:none!important;color:var(--office-text)!important;
}
.dashboard-status-bar::before{display:none!important;}
.dashboard-status-bar span{color:#475569!important;font-size:13px!important;}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important;}
.stat-card,body.dark .stat-card,body.theme-dark .stat-card{
  padding:16px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--office-line)!important;box-shadow:var(--office-shadow)!important;
}
.stat-card::before,.stat-card::after,.revenue-card::before{display:none!important;}
.stat-card small{color:var(--office-muted)!important;font-size:12px!important;}
.stat-card strong,body.dark .stat-card strong{color:var(--office-text)!important;font-size:26px!important;line-height:1.1!important;margin:8px 0 0!important;}
.stat-card span{color:#94a3b8!important;font-size:11px!important;}
.work-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:14px!important;align-items:start!important;}
.panel,.chart-card,.feature-panel,.result-panel,.full-panel,.compact-card,.helper-box,.table-card,.login-card,.activate-card,
body.dark .panel,body.theme-dark .panel,body.dark .chart-card,body.theme-dark .chart-card{
  background:#fff!important;color:var(--office-text)!important;border:1px solid var(--office-line)!important;border-radius:18px!important;
  box-shadow:var(--office-shadow)!important;backdrop-filter:none!important;padding:18px!important;margin-bottom:14px!important;
}
.panel:hover,.stat-card:hover{box-shadow:var(--office-shadow-hover)!important;}
.panel-head{margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid var(--office-line-soft)!important;}
.panel h2{font-size:20px!important;color:var(--office-text)!important;letter-spacing:-.02em!important;}
.panel h3{color:var(--office-text)!important;}
.pill{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important;border-radius:999px!important;font-size:11px!important;padding:7px 10px!important;}
.form-grid{gap:12px!important;}
.field span,.login-form label,label{color:#475569!important;font-size:12px!important;font-weight:800!important;}
.field input,.field select,.field textarea,input,select,textarea,body.dark input,body.dark select,body.dark textarea{
  background:#fff!important;color:var(--office-text)!important;border:1px solid #cbd5e1!important;border-radius:11px!important;
  padding:11px 12px!important;box-shadow:none!important;font-size:14px!important;
}
.field input::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8!important;}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--office-blue)!important;outline:3px solid rgba(37,99,235,.12)!important;box-shadow:none!important;
}
.dropzone{
  min-height:168px!important;border-radius:16px!important;background:#f8fafc!important;border:1.5px dashed #cbd5e1!important;color:var(--office-text)!important;
}
.dropzone:hover,.dropzone.dragover{background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:none!important;transform:none!important;}
.drop-icon{font-size:34px!important}.dropzone strong{font-size:17px!important}.dropzone span,.dropzone small{color:var(--office-muted)!important;}
.primary-btn,.submit-btn,#processBtn,#compareBtn,button.primary-btn{
  background:#2563eb!important;color:#fff!important;border:1px solid #1d4ed8!important;border-radius:11px!important;box-shadow:0 6px 14px rgba(37,99,235,.16)!important;
}
.primary-btn:hover,.submit-btn:hover,#processBtn:hover,#compareBtn:hover{background:#1d4ed8!important;transform:none!important;}
.secondary-btn,.ghost-btn,.mini-btn,button.secondary-btn,button.ghost-btn,button.mini-btn{
  background:#fff!important;color:#334155!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:none!important;
}
.secondary-btn:hover,.ghost-btn:hover,.mini-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;transform:none!important;}
.status{border-radius:12px!important;font-size:13px!important;}.status.idle{background:#f8fafc!important;color:#64748b!important;}
.status.success{background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important;}.status.error{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important;}
.mini-guide{border-radius:14px!important;background:#f8fafc!important;border:1px solid var(--office-line)!important;color:#64748b!important;}
.table-toolbar{gap:8px!important;margin-bottom:12px!important;}
.table-toolbar input{max-width:360px!important;background:#fff!important;}
.table-wrap,body.dark .table-wrap{
  border-radius:14px!important;border:1px solid var(--office-line)!important;background:#fff!important;box-shadow:none!important;overflow:auto!important;
}
table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important;color:var(--office-text)!important;}
table thead th,th,body.dark table thead th{
  background:#f8fafc!important;color:#475569!important;font-size:12px!important;text-transform:none!important;border-bottom:1px solid var(--office-line)!important;
  padding:10px 12px!important;font-weight:850!important;
}
td,table td{color:var(--office-text)!important;background:transparent!important;padding:9px 12px!important;border-bottom:1px solid #edf1f6!important;}
tbody tr:nth-child(even){background:#fbfdff!important;}tbody tr:hover{background:#eff6ff!important;}
.alert,.error,.danger,.msg-err{background:#fef2f2!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:12px!important;}
.success,.msg-ok{background:#f0fdf4!important;color:#166534!important;border:1px solid #bbf7d0!important;border-radius:12px!important;}
.warning{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important;border-radius:12px!important;}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid #f8fafc}::-webkit-scrollbar-track{background:#f8fafc}
/* Cheating/Audit page specific */
.audit-hero,.cheat-hero{background:#fff!important;border:1px solid var(--office-line)!important;box-shadow:var(--office-shadow)!important;}
/* Responsive */
@media (max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)!important}.sidebar{width:220px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.work-grid{grid-template-columns:1fr!important}.hero-title h1{font-size:26px!important}}
@media (max-width:820px){.app-shell{display:block!important}.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:260px!important;transform:translateX(-105%);transition:.2s;z-index:50}.sidebar-open .sidebar,.sidebar.show{transform:translateX(0)!important}.main-content{padding:14px!important}.stats-grid{grid-template-columns:1fr!important}.hero-topbar{padding:16px!important}.mobile-topbar{display:flex!important;background:#fff!important;color:var(--office-text)!important;border-bottom:1px solid var(--office-line)!important}}

/* =========================================================
   V4.0.3 DARK ENTERPRISE UI - giữ giao diện tối, dễ nhìn
   ========================================================= */
:root{
  --office-bg:#151821!important;
  --office-surface:#1f2430!important;
  --office-surface-2:#252b38!important;
  --office-surface-3:#2d3444!important;
  --office-line:#374151!important;
  --office-line-soft:#2f3747!important;
  --office-text:#f8fafc!important;
  --office-muted:#a7b0c0!important;
  --office-blue:#3b82f6!important;
  --office-blue-hover:#2563eb!important;
  --office-blue-soft:rgba(59,130,246,.16)!important;
  --office-blue-line:rgba(96,165,250,.36)!important;
  --office-red:#f87171!important;
  --office-green:#34d399!important;
  --office-yellow:#fbbf24!important;
  --office-shadow:0 10px 26px rgba(0,0,0,.26)!important;
  --office-shadow-hover:0 14px 34px rgba(0,0,0,.32)!important;
  --bg:#151821!important;
  --card:#1f2430!important;
  --card2:#252b38!important;
  --text:#f8fafc!important;
  --muted:#a7b0c0!important;
  --border:#374151!important;
  --primary:#3b82f6!important;
  --primary2:#2563eb!important;
  --accent:#22c55e!important;
  --glass:#1f2430!important;
}
html,body,body.dark,body.theme-dark{
  color:var(--office-text)!important;
  background:linear-gradient(180deg,#111827 0%,#151821 48%,#111827 100%)!important;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.12),transparent 32%),radial-gradient(circle at 88% 18%,rgba(52,211,153,.08),transparent 30%);z-index:-1;}
.app-shell{background:transparent!important;}
.sidebar,body.dark .sidebar,body.theme-dark .sidebar{
  background:#1b2130!important;
  border-right:1px solid #30394a!important;
  box-shadow:8px 0 28px rgba(0,0,0,.30)!important;
  color:#f8fafc!important;
}
.brand-main,body.dark .brand-main,body.theme-dark .brand-main,
.user-mini-card,body.dark .user-mini-card,body.theme-dark .user-mini-card{
  background:#242b3a!important;
  border:1px solid #344054!important;
  color:#f8fafc!important;
}
.brand-logo,.mail-brand-logo{background:#111827!important;border-color:#3b4658!important;}
.brand strong,body.dark .brand strong,body.theme-dark .brand strong,
.user-mini-card b,body.dark .user-mini-card b{color:#ffffff!important;}
.brand span,body.dark .brand span,body.theme-dark .brand span,
.user-mini-card small,.user-mini-card span,body.dark .user-mini-card small,body.dark .user-mini-card span{color:#a7b0c0!important;}
.nav-box::before{color:#6b7280!important;}
.nav-item,body.dark .nav-item,body.theme-dark .nav-item{
  color:#c7d2e0!important;
  background:transparent!important;
  border-color:transparent!important;
}
.nav-item:hover{background:#263246!important;color:#fff!important;border-color:#3b4658!important;}
.nav-item.active,.nav-item:focus{
  background:rgba(59,130,246,.18)!important;
  color:#ffffff!important;
  border-color:rgba(96,165,250,.38)!important;
  box-shadow:inset 3px 0 0 #60a5fa!important;
}
.quick-logout-btn,body.dark .quick-logout-btn{
  background:#2a3140!important;color:#e5e7eb!important;border-color:#3b4658!important;
}
.quick-logout-btn:hover{background:#3b1f29!important;color:#fecaca!important;border-color:#7f1d1d!important;}
.main-content{background:transparent!important;color:#f8fafc!important;}
.hero-topbar,.topbar,body.dark .hero-topbar,body.theme-dark .hero-topbar,
.dashboard-status-bar,body.dark .dashboard-status-bar,
.panel,.chart-card,.feature-panel,.result-panel,.full-panel,.compact-card,.helper-box,.table-card,.login-card,.activate-card,
body.dark .panel,body.theme-dark .panel,body.dark .chart-card,body.theme-dark .chart-card,
.audit-hero,.cheat-hero{
  background:#1f2430!important;
  color:#f8fafc!important;
  border:1px solid #374151!important;
  box-shadow:var(--office-shadow)!important;
}
.panel:hover,.stat-card:hover{box-shadow:var(--office-shadow-hover)!important;}
.hero-title h1,body.dark .hero-title h1,body.theme-dark .hero-title h1,
.panel h2,.panel h3,.mini-guide h3,.chart-card h3,
.dashboard-status-bar span{color:#ffffff!important;}
.hero-title span,.hero-title p,.date,.mini-guide,.mini-guide p,.field span,.login-form label,label,
.panel p,.empty-card,.empty-chart,.file-chip small{color:#a7b0c0!important;}
.eyebrow,.step,.hero-title .eyebrow{color:#60a5fa!important;}
.datetime-card,.theme-toggle,.lock-computer-btn,.glass-toggle,.quick-admin-btn,.version-badge,
.file-chip,.check-card,.detect-info,.mini-guide,
body.dark .datetime-card{
  background:#252b38!important;
  color:#f8fafc!important;
  border:1px solid #374151!important;
  box-shadow:none!important;
}
.clock,.version-badge{color:#ffffff!important;}
.stats-grid{gap:12px!important;}
.stat-card,body.dark .stat-card,body.theme-dark .stat-card{
  background:#1f2430!important;
  border:1px solid #374151!important;
  color:#f8fafc!important;
  box-shadow:var(--office-shadow)!important;
}
.stat-card small{color:#a7b0c0!important;}
.stat-card strong,body.dark .stat-card strong{color:#ffffff!important;}
.stat-card span{color:#8893a5!important;}
.pill{background:rgba(59,130,246,.14)!important;color:#bfdbfe!important;border:1px solid rgba(96,165,250,.32)!important;}
.field input,.field select,.field textarea,input,select,textarea,body.dark input,body.dark select,body.dark textarea,
.table-toolbar input{
  background:#151a24!important;
  color:#f8fafc!important;
  border:1px solid #3b4658!important;
}
.field input::placeholder,input::placeholder,textarea::placeholder{color:#758195!important;}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{
  border-color:#60a5fa!important;
  outline:3px solid rgba(59,130,246,.18)!important;
}
select option{background:#151a24!important;color:#f8fafc!important;}
.dropzone{
  background:#1a2130!important;
  border:1.5px dashed #465268!important;
  color:#f8fafc!important;
}
.dropzone:hover,.dropzone.dragover{background:#1e2a3f!important;border-color:#60a5fa!important;}
.dropzone span,.dropzone small{color:#a7b0c0!important;}
.primary-btn,.submit-btn,#processBtn,#compareBtn,button.primary-btn,
.download{
  background:#3b82f6!important;
  color:#ffffff!important;
  border:1px solid #60a5fa!important;
  box-shadow:0 10px 22px rgba(59,130,246,.22)!important;
}
.primary-btn:hover,.submit-btn:hover,#processBtn:hover,#compareBtn:hover,.download:hover{background:#2563eb!important;}
.secondary-btn,.ghost-btn,.mini-btn,button.secondary-btn,button.ghost-btn,button.mini-btn{
  background:#252b38!important;
  color:#e5e7eb!important;
  border:1px solid #3b4658!important;
}
.secondary-btn:hover,.ghost-btn:hover,.mini-btn:hover{background:#303849!important;color:#fff!important;}
.status.idle{background:#252b38!important;color:#a7b0c0!important;border-color:#374151!important;}
.status.success,.success,.msg-ok{background:rgba(16,185,129,.13)!important;color:#bbf7d0!important;border-color:rgba(52,211,153,.35)!important;}
.status.error,.alert,.error,.danger,.msg-err{background:rgba(248,113,113,.13)!important;color:#fecaca!important;border-color:rgba(248,113,113,.38)!important;}
.warning{background:rgba(251,191,36,.12)!important;color:#fde68a!important;border-color:rgba(251,191,36,.35)!important;}
.table-wrap,body.dark .table-wrap,
.rap-pairs,.film-list-modern{
  background:#151a24!important;
  border:1px solid #374151!important;
}
table{background:#151a24!important;color:#f8fafc!important;}
table thead th,th,body.dark table thead th{
  background:#252b38!important;
  color:#dbeafe!important;
  border-bottom:1px solid #3b4658!important;
}
td,table td{
  color:#f8fafc!important;
  border-bottom:1px solid #2f3747!important;
}
tbody tr:nth-child(even){background:#1b2130!important;}
tbody tr:hover{background:#243147!important;}
/* Audit/Cheating inline components */
.compact-card,.cheating-config-grid .compact-card{background:#1f2430!important;border-color:#374151!important;color:#f8fafc!important;}
.section-title-row span,.film-row-main b{color:#ffffff!important;}
.section-title-row b,.film-row-metrics span{background:#263246!important;color:#bfdbfe!important;border-color:#3b4658!important;}
.mapping-info{background:#1e2a3f!important;color:#bfdbfe!important;border-color:#3b82f6!important;}
.rap-pair-row,.film-row-item{background:#252b38!important;border-color:#374151!important;color:#f8fafc!important;}
.film-row-item.selected{background:rgba(16,185,129,.12)!important;border-color:rgba(52,211,153,.42)!important;}
.pair-col small,.film-row-main small{color:#a7b0c0!important;}
.pair-arrow{color:#60a5fa!important;}
/* Login / modal */
.early-modal-card{background:#1f2430!important;color:#f8fafc!important;border-color:#374151!important;}
.early-modal-close,.early-btn.secondary{background:#252b38!important;color:#f8fafc!important;border-color:#3b4658!important;}
.early-film-option{background:#252b38!important;border-color:#374151!important;color:#f8fafc!important;}
/* scrollbars */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#151a24!important}
::-webkit-scrollbar-thumb{background:#465268!important;border-radius:999px;border:2px solid #151a24!important}
::-webkit-scrollbar-thumb:hover{background:#64748b!important}
/* mobile topbar */
@media (max-width:820px){.mobile-topbar{background:#1f2430!important;color:#f8fafc!important;border-bottom:1px solid #374151!important}.mobile-topbar button{background:#252b38!important;color:#f8fafc!important}}

/* ===== V4.0.4 GLOBAL DARK/LIGHT THEME + HOME NAV ===== */
:root{
  --fr-bg:#f5f7fb; --fr-surface:#ffffff; --fr-surface-2:#f8fafc; --fr-text:#111827; --fr-muted:#64748b; --fr-border:#e2e8f0; --fr-primary:#2563eb; --fr-primary-2:#1d4ed8; --fr-danger:#dc2626; --fr-input:#ffffff;
}
html[data-theme="dark"]{
  --fr-bg:#0f172a; --fr-surface:#111827; --fr-surface-2:#1f2937; --fr-text:#f8fafc; --fr-muted:#cbd5e1; --fr-border:#334155; --fr-primary:#3b82f6; --fr-primary-2:#60a5fa; --fr-danger:#ef4444; --fr-input:#0b1220;
  color-scheme:dark;
}
html[data-theme="light"]{color-scheme:light;}
body.fr-theme-ready{background:var(--fr-bg)!important;color:var(--fr-text)!important;}
.fr-theme-ready .app-shell,.fr-theme-ready .main-content,.fr-theme-ready .content,.fr-theme-ready main{background:var(--fr-bg)!important;color:var(--fr-text)!important;}
.fr-theme-ready .sidebar,.fr-theme-ready aside.sidebar,.fr-theme-ready .res-sidebar{background:var(--fr-surface)!important;border-right:1px solid var(--fr-border)!important;color:var(--fr-text)!important;}
html[data-theme="dark"] .fr-theme-ready .sidebar,html[data-theme="dark"] .fr-theme-ready aside.sidebar,html[data-theme="dark"] .fr-theme-ready .res-sidebar{background:#111827!important;}
.fr-theme-ready .panel,.fr-theme-ready .card,.fr-theme-ready .learn-card,.fr-theme-ready .room-card,.fr-theme-ready .stat-card,.fr-theme-ready .chart-card,.fr-theme-ready .login-card,.fr-theme-ready .res-card,.fr-theme-ready .user-mini-card,.fr-theme-ready .mail-status-box,.fr-theme-ready .mail-result-card,.fr-theme-ready .outlook-mail-card,.fr-theme-ready .white-card,.fr-theme-ready section[class*="card"],.fr-theme-ready div[class*="card"]{background:var(--fr-surface)!important;color:var(--fr-text)!important;border-color:var(--fr-border)!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important;}
html[data-theme="dark"] .fr-theme-ready .panel,html[data-theme="dark"] .fr-theme-ready .card,html[data-theme="dark"] .fr-theme-ready .learn-card,html[data-theme="dark"] .fr-theme-ready .room-card,html[data-theme="dark"] .fr-theme-ready .stat-card,html[data-theme="dark"] .fr-theme-ready .chart-card,html[data-theme="dark"] .fr-theme-ready .login-card,html[data-theme="dark"] .fr-theme-ready .res-card,html[data-theme="dark"] .fr-theme-ready .user-mini-card,html[data-theme="dark"] .fr-theme-ready .mail-status-box,html[data-theme="dark"] .fr-theme-ready .mail-result-card,html[data-theme="dark"] .fr-theme-ready .outlook-mail-card{background:#111827!important;border:1px solid #334155!important;}
.fr-theme-ready h1,.fr-theme-ready h2,.fr-theme-ready h3,.fr-theme-ready h4,.fr-theme-ready strong,.fr-theme-ready b,.fr-theme-ready label,.fr-theme-ready th,.fr-theme-ready .brand strong,.fr-theme-ready .panel-head h2,.fr-theme-ready .hero-title h1{color:var(--fr-text)!important;}
.fr-theme-ready p,.fr-theme-ready span,.fr-theme-ready small,.fr-theme-ready td,.fr-theme-ready li,.fr-theme-ready .help,.fr-theme-ready .mail-note,.fr-theme-ready .hero-title span{color:var(--fr-muted)!important;}
.fr-theme-ready a{color:var(--fr-primary-2)!important;}
.fr-theme-ready .eyebrow,.fr-theme-ready .step{color:#ef4444!important;letter-spacing:.16em;}
.fr-theme-ready .nav-item,.fr-theme-ready .res-menu-item{color:var(--fr-muted)!important;background:transparent!important;border:1px solid transparent!important;}
.fr-theme-ready .nav-item.active,.fr-theme-ready .nav-item:hover,.fr-theme-ready .res-menu-item.active,.fr-theme-ready .res-menu-item:hover{background:rgba(59,130,246,.16)!important;border-color:rgba(59,130,246,.35)!important;color:var(--fr-text)!important;}
.fr-theme-ready input,.fr-theme-ready select,.fr-theme-ready textarea,.fr-theme-ready .v81-input{background:var(--fr-input)!important;color:var(--fr-text)!important;border:1px solid var(--fr-border)!important;box-shadow:none!important;}
.fr-theme-ready input::placeholder,.fr-theme-ready textarea::placeholder{color:#94a3b8!important;}
.fr-theme-ready button,.fr-theme-ready .primary-btn,.fr-theme-ready .learn-btn,.fr-theme-ready .quick-logout-btn{border-radius:12px!important;font-weight:800!important;}
.fr-theme-ready .primary-btn,.fr-theme-ready .learn-btn:not(.light):not(.secondary){background:var(--fr-primary)!important;color:#fff!important;border:0!important;}
.fr-theme-ready .learn-btn.secondary,.fr-theme-ready .secondary-btn{background:var(--fr-surface-2)!important;color:var(--fr-text)!important;border:1px solid var(--fr-border)!important;}
.fr-theme-ready .learn-btn.light{background:rgba(59,130,246,.16)!important;color:var(--fr-text)!important;border:1px solid rgba(59,130,246,.28)!important;}
.fr-theme-ready table{background:var(--fr-surface)!important;color:var(--fr-text)!important;border-color:var(--fr-border)!important;}
.fr-theme-ready thead th,.fr-theme-ready table th{background:var(--fr-surface-2)!important;color:var(--fr-text)!important;border-color:var(--fr-border)!important;}
.fr-theme-ready tbody td,.fr-theme-ready table td{border-color:var(--fr-border)!important;color:var(--fr-text)!important;}
html[data-theme="dark"] .fr-theme-ready tbody tr:nth-child(even){background:#0b1220!important;}
html[data-theme="light"] .fr-theme-ready tbody tr:nth-child(even){background:#f8fafc!important;}
.fr-theme-ready .topbar,.fr-theme-ready .hero-topbar,.fr-theme-ready .learn-hero{background:var(--fr-surface)!important;color:var(--fr-text)!important;border:1px solid var(--fr-border)!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important;}
html[data-theme="dark"] .fr-theme-ready .topbar,html[data-theme="dark"] .fr-theme-ready .hero-topbar,html[data-theme="dark"] .fr-theme-ready .learn-hero{background:linear-gradient(135deg,#111827,#1f2937)!important;}
.fr-theme-ready .global-marquee-footer{background:var(--fr-surface)!important;color:var(--fr-muted)!important;border-top:1px solid var(--fr-border)!important;}
.global-quick-nav{position:fixed;right:18px;top:16px;z-index:99999;display:flex;gap:10px;align-items:center;pointer-events:auto}.global-quick-nav a,.global-quick-nav button{text-decoration:none;border:1px solid var(--fr-border);background:var(--fr-surface);color:var(--fr-text)!important;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.22);cursor:pointer}.global-quick-nav a:hover,.global-quick-nav button:hover{border-color:var(--fr-primary);background:rgba(59,130,246,.16)}@media(max-width:820px){.global-quick-nav{top:auto;bottom:16px;right:12px;left:12px;justify-content:flex-end}.global-quick-nav a,.global-quick-nav button{padding:9px 11px;font-size:12px}}
html[data-theme="dark"] .fr-theme-ready .learn-card[style],html[data-theme="dark"] .fr-theme-ready div[style*="background:#fff"],html[data-theme="dark"] .fr-theme-ready section[style*="background:#fff"]{background:#111827!important;color:#f8fafc!important;border-color:#334155!important;}


/* ===== V4.0.5 STABLE DARK/LIGHT UI FIX ===== */
:root{
  --v305-bg:#f5f7fb;--v305-surface:#ffffff;--v305-surface2:#f8fafc;--v305-text:#0f172a;--v305-muted:#64748b;--v305-border:#dbe3ef;--v305-primary:#2563eb;--v305-primary2:#1d4ed8;--v305-danger:#dc2626;--v305-shadow:0 10px 24px rgba(15,23,42,.08);
}
html[data-theme="dark"]{
  --v305-bg:#0e141f;--v305-surface:#151c28;--v305-surface2:#1b2433;--v305-text:#f8fafc;--v305-muted:#a9b4c6;--v305-border:#2c3748;--v305-primary:#3b82f6;--v305-primary2:#60a5fa;--v305-danger:#ef4444;--v305-shadow:0 10px 28px rgba(0,0,0,.28);
}
html,body{min-height:100%;}
body.v305-clean-ui,body.v305-clean-ui.dark,body.v305-clean-ui.theme-dark,body.v305-clean-ui.light,body.v305-clean-ui.theme-light{
  background:var(--v305-bg)!important;color:var(--v305-text)!important;font-family:"Segoe UI",Arial,sans-serif!important;
}
body.v305-clean-ui::before{display:none!important;}
.v305-clean-ui .app-shell{background:var(--v305-bg)!important;color:var(--v305-text)!important;}
.v305-clean-ui .main-content{background:var(--v305-bg)!important;color:var(--v305-text)!important;padding-top:20px!important;}
.v305-clean-ui .sidebar{background:var(--v305-surface)!important;color:var(--v305-text)!important;border-right:1px solid var(--v305-border)!important;box-shadow:none!important;}
html[data-theme="dark"] .v305-clean-ui .sidebar{background:#111827!important;}
.v305-clean-ui .brand-main,.v305-clean-ui .user-mini-card{background:var(--v305-surface2)!important;border:1px solid var(--v305-border)!important;color:var(--v305-text)!important;box-shadow:none!important;}
.v305-clean-ui .brand strong,.v305-clean-ui .user-mini-card b{color:var(--v305-text)!important;}
.v305-clean-ui .brand span,.v305-clean-ui .user-mini-card small,.v305-clean-ui .user-mini-card span{color:var(--v305-muted)!important;}
.v305-clean-ui .nav-item{height:40px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:10px!important;color:var(--v305-muted)!important;background:transparent!important;border:1px solid transparent!important;margin:3px 0!important;padding:0 12px!important;}
.v305-clean-ui .nav-item:hover,.v305-clean-ui .nav-item.active{background:rgba(59,130,246,.16)!important;border-color:rgba(59,130,246,.32)!important;color:var(--v305-text)!important;box-shadow:none!important;}
.v305-clean-ui .nav-item i{width:20px;text-align:center;flex:0 0 20px;}
.v305-clean-ui .topbar,.v305-clean-ui .hero-topbar,.v305-clean-ui .learn-hero,.v305-clean-ui .audit-hero,.v305-clean-ui .cheat-hero{
  background:var(--v305-surface)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;border-radius:18px!important;box-shadow:var(--v305-shadow)!important;min-height:auto!important;padding:22px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;overflow:hidden!important;
}
html[data-theme="dark"] .v305-clean-ui .topbar,html[data-theme="dark"] .v305-clean-ui .hero-topbar,html[data-theme="dark"] .v305-clean-ui .learn-hero,html[data-theme="dark"] .v305-clean-ui .audit-hero,html[data-theme="dark"] .v305-clean-ui .cheat-hero{background:#151c28!important;}
.v305-clean-ui .hero-title{min-width:0!important;flex:1 1 auto!important;}
.v305-clean-ui .hero-title .eyebrow,.v305-clean-ui .eyebrow,.v305-clean-ui .step{color:#ef4444!important;font-weight:900!important;letter-spacing:.14em!important;font-size:11px!important;margin-bottom:8px!important;}
.v305-clean-ui .hero-title h1{font-size:30px!important;line-height:1.15!important;margin:0 0 8px!important;color:var(--v305-text)!important;letter-spacing:-.03em!important;}
.v305-clean-ui .hero-title span,.v305-clean-ui .hero-title p{color:var(--v305-muted)!important;}
.v305-clean-ui .top-actions,.v305-clean-ui .top-actions-v2{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;position:static!important;right:auto!important;top:auto!important;}
.v305-clean-ui .datetime-card,.v305-clean-ui .theme-toggle,.v305-clean-ui .lock-computer-btn,.v305-clean-ui .glass-toggle,.v305-clean-ui .quick-admin-btn,.v305-clean-ui .version-badge{
  height:48px!important;min-width:116px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:var(--v305-surface2)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;box-shadow:none!important;font-weight:800!important;white-space:nowrap!important;position:static!important;transform:none!important;
}
.v305-clean-ui .datetime-card{flex-direction:column!important;gap:2px!important;min-width:132px!important;}
.v305-clean-ui .datetime-card .clock{font-size:13px!important;color:var(--v305-text)!important;}
.v305-clean-ui .datetime-card .date{font-size:11px!important;color:var(--v305-muted)!important;}
.v305-clean-ui .theme-toggle{background:rgba(59,130,246,.14)!important;border-color:rgba(59,130,246,.28)!important;color:var(--v305-text)!important;}
.v305-clean-ui .theme-toggle:hover,.v305-clean-ui .lock-computer-btn:hover{border-color:var(--v305-primary)!important;background:rgba(59,130,246,.20)!important;}
.v305-clean-ui .dashboard-status-bar{background:var(--v305-surface)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;border-radius:14px!important;box-shadow:var(--v305-shadow)!important;padding:12px 16px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.v305-clean-ui .dashboard-status-bar span{background:var(--v305-surface2)!important;color:var(--v305-muted)!important;border:1px solid var(--v305-border)!important;border-radius:999px!important;padding:8px 12px!important;}
.v305-clean-ui .dashboard-status-bar b{color:var(--v305-text)!important;}
.v305-clean-ui .panel,.v305-clean-ui .stat-card,.v305-clean-ui .chart-card,.v305-clean-ui .feature-panel,.v305-clean-ui .result-panel,.v305-clean-ui .full-panel,.v305-clean-ui .compact-card,.v305-clean-ui .helper-box,.v305-clean-ui .table-card,.v305-clean-ui .learn-card,.v305-clean-ui .room-card,.v305-clean-ui .res-card,.v305-clean-ui .card,.v305-clean-ui section[class*="card"],.v305-clean-ui div[class*="card"]{
  background:var(--v305-surface)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;border-radius:16px!important;box-shadow:var(--v305-shadow)!important;
}
.v305-clean-ui .stat-card{padding:18px!important;min-height:104px!important;}
.v305-clean-ui .stat-card small,.v305-clean-ui .stat-card span,.v305-clean-ui p,.v305-clean-ui small,.v305-clean-ui label span,.v305-clean-ui .help{color:var(--v305-muted)!important;}
.v305-clean-ui h1,.v305-clean-ui h2,.v305-clean-ui h3,.v305-clean-ui h4,.v305-clean-ui b,.v305-clean-ui strong,.v305-clean-ui label{color:var(--v305-text)!important;}
.v305-clean-ui input,.v305-clean-ui select,.v305-clean-ui textarea,.v305-clean-ui .table-toolbar input{background:var(--v305-surface2)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;border-radius:12px!important;box-shadow:none!important;}
.v305-clean-ui input::placeholder,.v305-clean-ui textarea::placeholder{color:#8793a6!important;}
.v305-clean-ui .primary-btn,.v305-clean-ui .submit-btn,.v305-clean-ui #processBtn,.v305-clean-ui #compareBtn,.v305-clean-ui .download{background:var(--v305-primary)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:12px!important;}
.v305-clean-ui .secondary-btn,.v305-clean-ui .ghost-btn,.v305-clean-ui .mini-btn,.v305-clean-ui .learn-btn.secondary{background:var(--v305-surface2)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;box-shadow:none!important;border-radius:12px!important;}
.v305-clean-ui .quick-logout-btn{background:var(--v305-surface2)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;box-shadow:none!important;border-radius:12px!important;}
.v305-clean-ui table{background:var(--v305-surface)!important;color:var(--v305-text)!important;border-color:var(--v305-border)!important;}
.v305-clean-ui table th,.v305-clean-ui thead th{background:var(--v305-surface2)!important;color:var(--v305-text)!important;border-color:var(--v305-border)!important;}
.v305-clean-ui table td{color:var(--v305-text)!important;border-color:var(--v305-border)!important;}
html[data-theme="dark"] .v305-clean-ui tbody tr:nth-child(even){background:#101827!important;}html[data-theme="light"] .v305-clean-ui tbody tr:nth-child(even){background:#f8fafc!important;}
.v305-clean-ui .global-quick-nav{position:sticky!important;top:0!important;z-index:999!important;display:flex!important;gap:10px!important;width:fit-content!important;margin:12px 0 0 16px!important;}
.v305-clean-ui .global-quick-nav a,.v305-clean-ui .global-quick-nav button{height:38px!important;display:inline-flex!important;align-items:center!important;padding:0 14px!important;border-radius:999px!important;background:var(--v305-surface)!important;border:1px solid var(--v305-border)!important;color:var(--v305-text)!important;box-shadow:var(--v305-shadow)!important;font-weight:800!important;text-decoration:none!important;}
.v305-clean-ui .mobile-topbar{background:var(--v305-surface)!important;color:var(--v305-text)!important;border-bottom:1px solid var(--v305-border)!important;}
.v305-clean-ui .mobile-topbar button{background:var(--v305-surface2)!important;color:var(--v305-text)!important;border:1px solid var(--v305-border)!important;}
@media(max-width:980px){.v305-clean-ui .topbar,.v305-clean-ui .hero-topbar{align-items:flex-start!important;flex-direction:column!important}.v305-clean-ui .top-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.v305-clean-ui .datetime-card,.v305-clean-ui .theme-toggle,.v305-clean-ui .lock-computer-btn{height:42px!important;min-width:auto!important}.v305-clean-ui .hero-title h1{font-size:24px!important}}

/* ===== V4.0.6 LIGHT CLEAR UI - TOAN TRANG RO CHU ===== */
html[data-theme="light"]{
  --v306-bg:#f3f6fb;
  --v306-surface:#ffffff;
  --v306-surface2:#f8fafc;
  --v306-surface3:#eef4ff;
  --v306-text:#0f172a;
  --v306-muted:#475569;
  --v306-soft:#64748b;
  --v306-border:#d5deeb;
  --v306-primary:#2563eb;
  --v306-primary2:#1d4ed8;
  --v306-danger:#dc2626;
  --v306-success:#16a34a;
  --v306-warning:#d97706;
  --v306-shadow:0 8px 22px rgba(15,23,42,.08);
  --v306-shadow2:0 2px 10px rgba(15,23,42,.05);
  color-scheme:light;
}
html[data-theme="light"] body.v305-clean-ui,
html[data-theme="light"] body.fr-theme-ready{
  background:var(--v306-bg)!important;
  color:var(--v306-text)!important;
}
html[data-theme="light"] .v305-clean-ui .app-shell,
html[data-theme="light"] .v305-clean-ui .main-content,
html[data-theme="light"] .v305-clean-ui .content,
html[data-theme="light"] .v305-clean-ui main,
html[data-theme="light"] .fr-theme-ready .app-shell,
html[data-theme="light"] .fr-theme-ready .main-content,
html[data-theme="light"] .fr-theme-ready .content,
html[data-theme="light"] .fr-theme-ready main{
  background:var(--v306-bg)!important;
  color:var(--v306-text)!important;
}
/* Sidebar light: ro, khong con chu mo */
html[data-theme="light"] .v305-clean-ui .sidebar,
html[data-theme="light"] .fr-theme-ready .sidebar,
html[data-theme="light"] .res-sidebar{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border-right:1px solid var(--v306-border)!important;
  box-shadow:0 6px 24px rgba(15,23,42,.06)!important;
}
html[data-theme="light"] .v305-clean-ui .brand-main,
html[data-theme="light"] .v305-clean-ui .user-mini-card,
html[data-theme="light"] .fr-theme-ready .brand-main,
html[data-theme="light"] .fr-theme-ready .user-mini-card{
  background:var(--v306-surface2)!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
}
html[data-theme="light"] .v305-clean-ui .nav-item,
html[data-theme="light"] .fr-theme-ready .nav-item,
html[data-theme="light"] .res-menu-item{
  color:#334155!important;
  background:transparent!important;
  opacity:1!important;
}
html[data-theme="light"] .v305-clean-ui .nav-item:hover,
html[data-theme="light"] .v305-clean-ui .nav-item.active,
html[data-theme="light"] .fr-theme-ready .nav-item:hover,
html[data-theme="light"] .fr-theme-ready .nav-item.active,
html[data-theme="light"] .res-menu-item:hover,
html[data-theme="light"] .res-menu-item.active{
  background:#eaf2ff!important;
  color:#0f172a!important;
  border-color:#bfd3f6!important;
}
/* Card/panel light */
html[data-theme="light"] .v305-clean-ui .panel,
html[data-theme="light"] .v305-clean-ui .stat-card,
html[data-theme="light"] .v305-clean-ui .chart-card,
html[data-theme="light"] .v305-clean-ui .feature-panel,
html[data-theme="light"] .v305-clean-ui .result-panel,
html[data-theme="light"] .v305-clean-ui .full-panel,
html[data-theme="light"] .v305-clean-ui .compact-card,
html[data-theme="light"] .v305-clean-ui .helper-box,
html[data-theme="light"] .v305-clean-ui .table-card,
html[data-theme="light"] .v305-clean-ui .learn-card,
html[data-theme="light"] .v305-clean-ui .room-card,
html[data-theme="light"] .v305-clean-ui .res-card,
html[data-theme="light"] .v305-clean-ui .card,
html[data-theme="light"] .v305-clean-ui section[class*="card"],
html[data-theme="light"] .v305-clean-ui div[class*="card"],
html[data-theme="light"] .fr-theme-ready .panel,
html[data-theme="light"] .fr-theme-ready .card,
html[data-theme="light"] .fr-theme-ready .learn-card,
html[data-theme="light"] .fr-theme-ready .room-card,
html[data-theme="light"] .fr-theme-ready .stat-card,
html[data-theme="light"] .fr-theme-ready .chart-card,
html[data-theme="light"] .fr-theme-ready .mail-status-box,
html[data-theme="light"] .fr-theme-ready .mail-result-card,
html[data-theme="light"] .fr-theme-ready .outlook-mail-card,
html[data-theme="light"] .res-panel,
html[data-theme="light"] .res-card{
  background:var(--v306-surface)!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
  box-shadow:var(--v306-shadow)!important;
}
html[data-theme="light"] .v305-clean-ui .hero-topbar,
html[data-theme="light"] .v305-clean-ui .topbar,
html[data-theme="light"] .v305-clean-ui .learn-hero,
html[data-theme="light"] .v305-clean-ui .audit-hero,
html[data-theme="light"] .v305-clean-ui .cheat-hero,
html[data-theme="light"] .fr-theme-ready .hero-topbar,
html[data-theme="light"] .fr-theme-ready .topbar,
html[data-theme="light"] .fr-theme-ready .learn-hero,
html[data-theme="light"] .res-topbar{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
  box-shadow:var(--v306-shadow)!important;
}
/* Typography light: bat buoc doc ro */
html[data-theme="light"] .v305-clean-ui h1,
html[data-theme="light"] .v305-clean-ui h2,
html[data-theme="light"] .v305-clean-ui h3,
html[data-theme="light"] .v305-clean-ui h4,
html[data-theme="light"] .v305-clean-ui h5,
html[data-theme="light"] .v305-clean-ui h6,
html[data-theme="light"] .v305-clean-ui b,
html[data-theme="light"] .v305-clean-ui strong,
html[data-theme="light"] .v305-clean-ui label,
html[data-theme="light"] .v305-clean-ui .brand strong,
html[data-theme="light"] .v305-clean-ui .hero-title h1,
html[data-theme="light"] .fr-theme-ready h1,
html[data-theme="light"] .fr-theme-ready h2,
html[data-theme="light"] .fr-theme-ready h3,
html[data-theme="light"] .fr-theme-ready h4,
html[data-theme="light"] .fr-theme-ready b,
html[data-theme="light"] .fr-theme-ready strong,
html[data-theme="light"] .fr-theme-ready label{
  color:var(--v306-text)!important;
  opacity:1!important;
}
html[data-theme="light"] .v305-clean-ui p,
html[data-theme="light"] .v305-clean-ui span,
html[data-theme="light"] .v305-clean-ui small,
html[data-theme="light"] .v305-clean-ui li,
html[data-theme="light"] .v305-clean-ui td,
html[data-theme="light"] .v305-clean-ui .help,
html[data-theme="light"] .v305-clean-ui .hero-title span,
html[data-theme="light"] .v305-clean-ui label span,
html[data-theme="light"] .fr-theme-ready p,
html[data-theme="light"] .fr-theme-ready span,
html[data-theme="light"] .fr-theme-ready small,
html[data-theme="light"] .fr-theme-ready li,
html[data-theme="light"] .fr-theme-ready td,
html[data-theme="light"] .fr-theme-ready .help{
  color:var(--v306-muted)!important;
  opacity:1!important;
}
html[data-theme="light"] .v305-clean-ui .step,
html[data-theme="light"] .v305-clean-ui .eyebrow,
html[data-theme="light"] .fr-theme-ready .step,
html[data-theme="light"] .fr-theme-ready .eyebrow{
  color:var(--v306-danger)!important;
}
/* Form/input/upload light */
html[data-theme="light"] .v305-clean-ui input,
html[data-theme="light"] .v305-clean-ui select,
html[data-theme="light"] .v305-clean-ui textarea,
html[data-theme="light"] .v305-clean-ui .table-toolbar input,
html[data-theme="light"] .fr-theme-ready input,
html[data-theme="light"] .fr-theme-ready select,
html[data-theme="light"] .fr-theme-ready textarea,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#64748b!important;opacity:1!important;}
html[data-theme="light"] .v305-clean-ui .check-card,
html[data-theme="light"] .fr-theme-ready .check-card,
html[data-theme="light"] .check-card{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
  box-shadow:var(--v306-shadow2)!important;
}
html[data-theme="light"] .v305-clean-ui .check-card:hover,
html[data-theme="light"] .fr-theme-ready .check-card:hover,
html[data-theme="light"] .check-card:hover{background:#f8fbff!important;border-color:#bfdbfe!important;}
html[data-theme="light"] .v305-clean-ui .dropzone,
html[data-theme="light"] .fr-theme-ready .dropzone,
html[data-theme="light"] .dropzone{
  background:#f8fbff!important;
  color:var(--v306-text)!important;
  border:2px dashed #b6c8df!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
html[data-theme="light"] .v305-clean-ui .dropzone strong,
html[data-theme="light"] .v305-clean-ui .dropzone b,
html[data-theme="light"] .fr-theme-ready .dropzone strong,
html[data-theme="light"] .fr-theme-ready .dropzone b,
html[data-theme="light"] .dropzone strong,
html[data-theme="light"] .dropzone b{color:#0f172a!important;}
html[data-theme="light"] .v305-clean-ui .dropzone span,
html[data-theme="light"] .v305-clean-ui .dropzone small,
html[data-theme="light"] .fr-theme-ready .dropzone span,
html[data-theme="light"] .fr-theme-ready .dropzone small,
html[data-theme="light"] .dropzone span,
html[data-theme="light"] .dropzone small{color:#475569!important;}
/* Result boxes/gợi ý light */
html[data-theme="light"] .v305-clean-ui .result-box,
html[data-theme="light"] .v305-clean-ui .result-message,
html[data-theme="light"] .v305-clean-ui #result,
html[data-theme="light"] .v305-clean-ui .hint-box,
html[data-theme="light"] .v305-clean-ui .suggest-box,
html[data-theme="light"] .v305-clean-ui .helper-box,
html[data-theme="light"] .fr-theme-ready .result-box,
html[data-theme="light"] .fr-theme-ready .result-message,
html[data-theme="light"] .fr-theme-ready #result,
html[data-theme="light"] .fr-theme-ready .hint-box,
html[data-theme="light"] .fr-theme-ready .suggest-box,
html[data-theme="light"] .fr-theme-ready .helper-box{
  background:#f8fbff!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
}
/* Any old dark block inside light page */
html[data-theme="light"] .v305-clean-ui [style*="background:#0"],
html[data-theme="light"] .v305-clean-ui [style*="background: #0"],
html[data-theme="light"] .v305-clean-ui [style*="background:#1"],
html[data-theme="light"] .v305-clean-ui [style*="background: #1"],
html[data-theme="light"] .v305-clean-ui [style*="background:#2"],
html[data-theme="light"] .v305-clean-ui [style*="background: #2"]{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border-color:var(--v306-border)!important;
}
html[data-theme="light"] .v305-clean-ui [style*="color:#f"],
html[data-theme="light"] .v305-clean-ui [style*="color: #f"],
html[data-theme="light"] .v305-clean-ui [style*="color:white"],
html[data-theme="light"] .v305-clean-ui [style*="color: white"]{
  color:var(--v306-text)!important;
}
/* Tables light */
html[data-theme="light"] .v305-clean-ui table,
html[data-theme="light"] .fr-theme-ready table,
html[data-theme="light"] table{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border-color:var(--v306-border)!important;
}
html[data-theme="light"] .v305-clean-ui thead th,
html[data-theme="light"] .v305-clean-ui table th,
html[data-theme="light"] .fr-theme-ready thead th,
html[data-theme="light"] .fr-theme-ready table th,
html[data-theme="light"] table th{
  background:#eaf2ff!important;
  color:#0f172a!important;
  border-color:#cbd8ea!important;
  opacity:1!important;
}
html[data-theme="light"] .v305-clean-ui table td,
html[data-theme="light"] .fr-theme-ready table td,
html[data-theme="light"] table td{
  color:#0f172a!important;
  border-color:#e2e8f0!important;
  opacity:1!important;
}
html[data-theme="light"] .v305-clean-ui tbody tr:nth-child(even),
html[data-theme="light"] .fr-theme-ready tbody tr:nth-child(even),
html[data-theme="light"] tbody tr:nth-child(even){background:#f8fafc!important;}
html[data-theme="light"] .v305-clean-ui tbody tr:hover,
html[data-theme="light"] .fr-theme-ready tbody tr:hover,
html[data-theme="light"] tbody tr:hover{background:#eff6ff!important;}
/* Buttons light */
html[data-theme="light"] .v305-clean-ui .primary-btn,
html[data-theme="light"] .v305-clean-ui .submit-btn,
html[data-theme="light"] .v305-clean-ui #processBtn,
html[data-theme="light"] .v305-clean-ui #compareBtn,
html[data-theme="light"] .v305-clean-ui .download,
html[data-theme="light"] .fr-theme-ready .primary-btn,
html[data-theme="light"] .fr-theme-ready .submit-btn,
html[data-theme="light"] .fr-theme-ready #processBtn,
html[data-theme="light"] .fr-theme-ready #compareBtn,
html[data-theme="light"] .fr-theme-ready .download{
  background:var(--v306-primary)!important;
  color:#ffffff!important;
  border:1px solid var(--v306-primary)!important;
  box-shadow:0 8px 18px rgba(37,99,235,.22)!important;
}
html[data-theme="light"] .v305-clean-ui .secondary-btn,
html[data-theme="light"] .v305-clean-ui .ghost-btn,
html[data-theme="light"] .v305-clean-ui .mini-btn,
html[data-theme="light"] .v305-clean-ui .learn-btn.secondary,
html[data-theme="light"] .v305-clean-ui .theme-toggle,
html[data-theme="light"] .v305-clean-ui .lock-computer-btn,
html[data-theme="light"] .v305-clean-ui .glass-toggle,
html[data-theme="light"] .fr-theme-ready .secondary-btn,
html[data-theme="light"] .fr-theme-ready .ghost-btn,
html[data-theme="light"] .fr-theme-ready .mini-btn,
html[data-theme="light"] .fr-theme-ready .theme-toggle,
html[data-theme="light"] .fr-theme-ready .lock-computer-btn{
  background:#ffffff!important;
  color:var(--v306-text)!important;
  border:1px solid var(--v306-border)!important;
  box-shadow:var(--v306-shadow2)!important;
}
html[data-theme="light"] .v305-clean-ui .danger-btn,
html[data-theme="light"] .v305-clean-ui .delete-btn,
html[data-theme="light"] .fr-theme-ready .danger-btn,
html[data-theme="light"] .fr-theme-ready .delete-btn{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;}
/* Status/top chips */
html[data-theme="light"] .v305-clean-ui .dashboard-status-bar,
html[data-theme="light"] .fr-theme-ready .dashboard-status-bar{
  background:#ffffff!important;color:var(--v306-text)!important;border:1px solid var(--v306-border)!important;box-shadow:var(--v306-shadow)!important;
}
html[data-theme="light"] .v305-clean-ui .dashboard-status-bar span,
html[data-theme="light"] .fr-theme-ready .dashboard-status-bar span{
  background:#f8fafc!important;color:#334155!important;border:1px solid var(--v306-border)!important;
}
html[data-theme="light"] .v305-clean-ui .dashboard-status-bar b,
html[data-theme="light"] .fr-theme-ready .dashboard-status-bar b{color:#0f172a!important;}
/* Scrollbar light */
html[data-theme="light"] ::-webkit-scrollbar-track{background:#eef2f7!important;}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#b6c1d1!important;border:2px solid #eef2f7!important;}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:#94a3b8!important;}
/* Sub-page floating nav light clear */
html[data-theme="light"] .global-quick-nav a,
html[data-theme="light"] .global-quick-nav button{
  background:#ffffff!important;color:#0f172a!important;border:1px solid var(--v306-border)!important;box-shadow:var(--v306-shadow)!important;
}
/* Mobile */
@media(max-width:820px){
  html[data-theme="light"] .v305-clean-ui .mobile-topbar,
  html[data-theme="light"] .fr-theme-ready .mobile-topbar{background:#ffffff!important;color:#0f172a!important;border-bottom:1px solid var(--v306-border)!important;}
  html[data-theme="light"] .v305-clean-ui .mobile-topbar button,
  html[data-theme="light"] .fr-theme-ready .mobile-topbar button{background:#f8fafc!important;color:#0f172a!important;border:1px solid var(--v306-border)!important;}
}

/* =========================================================
   V3.1.0 DESIGN SYSTEM SWEEP - LIGHT/DARK TOÀN APP
   Quét lại toàn bộ giao diện: không còn khối dark trong Light,
   chữ luôn rõ, dùng token chung cho tất cả site con.
   ========================================================= */
html[data-theme="light"]{
  --ds-bg:#f3f6fb;
  --ds-surface:#ffffff;
  --ds-surface-2:#f8fafc;
  --ds-surface-3:#eef4ff;
  --ds-text:#0f172a;
  --ds-text-2:#1e293b;
  --ds-muted:#475569;
  --ds-muted-2:#64748b;
  --ds-border:#d7e0ee;
  --ds-border-2:#e5ebf3;
  --ds-primary:#2563eb;
  --ds-primary-2:#1d4ed8;
  --ds-danger:#dc2626;
  --ds-success:#16a34a;
  --ds-warning:#d97706;
  --ds-shadow:0 8px 22px rgba(15,23,42,.075);
  --ds-shadow-soft:0 2px 10px rgba(15,23,42,.045);
  color-scheme:light;
}
html[data-theme="dark"]{
  --ds-bg:#0e141f;
  --ds-surface:#151c28;
  --ds-surface-2:#1b2433;
  --ds-surface-3:#243044;
  --ds-text:#f8fafc;
  --ds-text-2:#e5e7eb;
  --ds-muted:#a9b4c6;
  --ds-muted-2:#94a3b8;
  --ds-border:#2c3748;
  --ds-border-2:#334155;
  --ds-primary:#3b82f6;
  --ds-primary-2:#60a5fa;
  --ds-danger:#f87171;
  --ds-success:#34d399;
  --ds-warning:#fbbf24;
  --ds-shadow:0 10px 28px rgba(0,0,0,.28);
  --ds-shadow-soft:0 2px 12px rgba(0,0,0,.22);
  color-scheme:dark;
}
html[data-theme] body.fr-theme-ready,
html[data-theme] body.v305-clean-ui,
html[data-theme] body.res-body,
html[data-theme] body.login-body{
  background:var(--ds-bg)!important;
  color:var(--ds-text)!important;
  font-family:"Segoe UI Variable","Segoe UI",Aptos,Tahoma,Arial,sans-serif!important;
}
html[data-theme] body.fr-theme-ready::before,
html[data-theme] body.v305-clean-ui::before{display:none!important;}
html[data-theme] .app-shell,
html[data-theme] .main-content,
html[data-theme] main,
html[data-theme] .content,
html[data-theme] .res-main{background:var(--ds-bg)!important;color:var(--ds-text)!important;}

/* Sidebar/navigation */
html[data-theme] .sidebar,
html[data-theme] .res-sidebar{
  background:var(--ds-surface)!important;
  color:var(--ds-text)!important;
  border-right:1px solid var(--ds-border)!important;
  box-shadow:var(--ds-shadow-soft)!important;
}
html[data-theme] .brand-main,
html[data-theme] .user-mini-card,
html[data-theme] .brand-logo,
html[data-theme] .mail-brand-logo,
html[data-theme] .res-logo-box,
html[data-theme] .res-note-box{
  background:var(--ds-surface-2)!important;
  color:var(--ds-text)!important;
  border:1px solid var(--ds-border)!important;
  box-shadow:none!important;
}
html[data-theme] .brand strong,
html[data-theme] .user-mini-card b,
html[data-theme] .res-note-box strong{color:var(--ds-text)!important;opacity:1!important;}
html[data-theme] .brand span,
html[data-theme] .user-mini-card small,
html[data-theme] .user-mini-card span,
html[data-theme] .res-note-box span,
html[data-theme] .res-note-box p{color:var(--ds-muted)!important;opacity:1!important;}
html[data-theme] .nav-item,
html[data-theme] .res-menu-item{
  color:var(--ds-muted)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  opacity:1!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme] .nav-item:hover,
html[data-theme] .nav-item.active,
html[data-theme] .res-menu-item:hover,
html[data-theme] .res-menu-item.active{
  background:rgba(59,130,246,.16)!important;
  color:var(--ds-text)!important;
  border-color:rgba(59,130,246,.34)!important;
  box-shadow:inset 3px 0 0 var(--ds-primary)!important;
}

/* Surfaces/cards/panels */
html[data-theme] .hero-topbar,
html[data-theme] .topbar,
html[data-theme] .learn-hero,
html[data-theme] .audit-hero,
html[data-theme] .cheat-hero,
html[data-theme] .res-topbar,
html[data-theme] .dashboard-status-bar,
html[data-theme] .panel,
html[data-theme] .feature-panel,
html[data-theme] .result-panel,
html[data-theme] .full-panel,
html[data-theme] .compact-card,
html[data-theme] .helper-box,
html[data-theme] .table-card,
html[data-theme] .chart-card,
html[data-theme] .stat-card,
html[data-theme] .learn-card,
html[data-theme] .room-card,
html[data-theme] .res-panel,
html[data-theme] .res-card,
html[data-theme] .card,
html[data-theme] .login-card,
html[data-theme] .activate-card,
html[data-theme] .mail-status-box,
html[data-theme] .mail-result-card,
html[data-theme] .outlook-mail-card,
html[data-theme] section[class*="card"],
html[data-theme] div[class*="card"]{
  background:var(--ds-surface)!important;
  color:var(--ds-text)!important;
  border:1px solid var(--ds-border)!important;
  box-shadow:var(--ds-shadow)!important;
  backdrop-filter:none!important;
}
html[data-theme] .panel-head{border-bottom-color:var(--ds-border-2)!important;}
html[data-theme] .stat-card::before,
html[data-theme] .stat-card::after,
html[data-theme] .revenue-card::before{display:none!important;}

/* Typography - tránh chữ chìm */
html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] h4,
html[data-theme] h5,
html[data-theme] h6,
html[data-theme] b,
html[data-theme] strong,
html[data-theme] label,
html[data-theme] .hero-title h1,
html[data-theme] .panel h2,
html[data-theme] .panel h3,
html[data-theme] .section-title-row span,
html[data-theme] th{
  color:var(--ds-text)!important;
  opacity:1!important;
}
html[data-theme] p,
html[data-theme] span,
html[data-theme] small,
html[data-theme] li,
html[data-theme] td,
html[data-theme] .help,
html[data-theme] .hint,
html[data-theme] .field-hint,
html[data-theme] .hero-title span,
html[data-theme] .hero-title p,
html[data-theme] .empty-card,
html[data-theme] .empty-chart,
html[data-theme] .mini-guide,
html[data-theme] .mini-guide p{
  color:var(--ds-muted)!important;
  opacity:1!important;
}
html[data-theme] td{color:var(--ds-text-2)!important;}
html[data-theme] .eyebrow,
html[data-theme] .step,
html[data-theme] .hero-title .eyebrow{color:var(--ds-danger)!important;font-weight:900!important;opacity:1!important;}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .step,
html[data-theme="dark"] .hero-title .eyebrow{color:#60a5fa!important;}

/* Form controls */
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] .v81-input,
html[data-theme] .table-toolbar input,
html[data-theme] input[type="file"]{
  background:var(--ds-surface-2)!important;
  color:var(--ds-text)!important;
  border:1px solid var(--ds-border)!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder{color:var(--ds-muted-2)!important;opacity:1!important;}
html[data-theme] input:focus,
html[data-theme] select:focus,
html[data-theme] textarea:focus{
  border-color:var(--ds-primary)!important;
  outline:3px solid rgba(59,130,246,.18)!important;
}
html[data-theme] select option{background:var(--ds-surface)!important;color:var(--ds-text)!important;}

/* Upload/check/status/result/gợi ý */
html[data-theme] .dropzone,
html[data-theme] .check-card,
html[data-theme] .detect-info,
html[data-theme] .mini-guide,
html[data-theme] .file-chip,
html[data-theme] .file-picked,
html[data-theme] .mapping-info,
html[data-theme] .empty-state,
html[data-theme] .result-box,
html[data-theme] .result-message,
html[data-theme] .hint-box,
html[data-theme] .suggest-box,
html[data-theme] #result,
html[data-theme] #resultBox,
html[data-theme] #resultPanel,
html[data-theme] #processResult,
html[data-theme] #compareResult,
html[data-theme] .status,
html[data-theme] .status.idle{
  background:var(--ds-surface-2)!important;
  color:var(--ds-text)!important;
  border:1px solid var(--ds-border)!important;
  box-shadow:var(--ds-shadow-soft)!important;
}
html[data-theme] .dropzone{border-style:dashed!important;}
html[data-theme] .dropzone strong,
html[data-theme] .dropzone b{color:var(--ds-text)!important;}
html[data-theme] .dropzone span,
html[data-theme] .dropzone small,
html[data-theme] .check-card small,
html[data-theme] .file-chip small{color:var(--ds-muted)!important;}
html[data-theme="light"] .dropzone:hover{background:#eef4ff!important;border-color:#93b7f5!important;}
html[data-theme="dark"] .dropzone:hover{background:#22304a!important;border-color:#60a5fa!important;}
html[data-theme] .status.success,
html[data-theme] .success,
html[data-theme] .msg-ok{background:rgba(22,163,74,.12)!important;color:var(--ds-success)!important;border-color:rgba(22,163,74,.30)!important;}
html[data-theme] .status.error,
html[data-theme] .alert,
html[data-theme] .error,
html[data-theme] .danger,
html[data-theme] .msg-err{background:rgba(220,38,38,.12)!important;color:var(--ds-danger)!important;border-color:rgba(220,38,38,.30)!important;}
html[data-theme] .warning{background:rgba(217,119,6,.12)!important;color:var(--ds-warning)!important;border-color:rgba(217,119,6,.30)!important;}

/* Buttons */
html[data-theme] .primary-btn,
html[data-theme] .submit-btn,
html[data-theme] #processBtn,
html[data-theme] #compareBtn,
html[data-theme] .download,
html[data-theme] button.primary-btn,
html[data-theme] .learn-btn:not(.light):not(.secondary){
  background:var(--ds-primary)!important;
  color:#fff!important;
  border:1px solid var(--ds-primary)!important;
  box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}
html[data-theme] .primary-btn:hover,
html[data-theme] .submit-btn:hover,
html[data-theme] #processBtn:hover,
html[data-theme] #compareBtn:hover{background:var(--ds-primary-2)!important;transform:none!important;}
html[data-theme] .secondary-btn,
html[data-theme] .ghost-btn,
html[data-theme] .mini-btn,
html[data-theme] .learn-btn.secondary,
html[data-theme] .learn-btn.light,
html[data-theme] .theme-toggle,
html[data-theme] .glass-toggle,
html[data-theme] .lock-computer-btn,
html[data-theme] .quick-admin-btn,
html[data-theme] .quick-logout-btn,
html[data-theme] .datetime-card,
html[data-theme] .version-badge,
html[data-theme] .global-quick-nav a,
html[data-theme] .global-quick-nav button{
  background:var(--ds-surface-2)!important;
  color:var(--ds-text)!important;
  border:1px solid var(--ds-border)!important;
  box-shadow:var(--ds-shadow-soft)!important;
}
html[data-theme] .danger-btn,
html[data-theme] .delete-btn{background:rgba(220,38,38,.12)!important;color:var(--ds-danger)!important;border:1px solid rgba(220,38,38,.30)!important;}
html[data-theme] button:disabled,
html[data-theme] .disabled{opacity:.58!important;cursor:not-allowed!important;}

/* Tables/DataGrid */
html[data-theme] .table-wrap,
html[data-theme] table{
  background:var(--ds-surface)!important;
  color:var(--ds-text)!important;
  border-color:var(--ds-border)!important;
}
html[data-theme] thead th,
html[data-theme] table th{
  background:var(--ds-surface-2)!important;
  color:var(--ds-text)!important;
  border-color:var(--ds-border)!important;
  opacity:1!important;
}
html[data-theme] tbody td,
html[data-theme] table td{
  color:var(--ds-text-2)!important;
  border-color:var(--ds-border-2)!important;
  opacity:1!important;
}
html[data-theme="light"] tbody tr:nth-child(even){background:#f8fafc!important;}
html[data-theme="dark"] tbody tr:nth-child(even){background:#101827!important;}
html[data-theme="light"] tbody tr:hover{background:#eef4ff!important;}
html[data-theme="dark"] tbody tr:hover{background:#1f2f4a!important;}
html[data-theme] td.empty{color:var(--ds-muted)!important;}

/* Inline hard-code cleanup trong Light */
html[data-theme="light"] body [style*="background:#0"],
html[data-theme="light"] body [style*="background: #0"],
html[data-theme="light"] body [style*="background:#1"],
html[data-theme="light"] body [style*="background: #1"],
html[data-theme="light"] body [style*="background:#2"],
html[data-theme="light"] body [style*="background: #2"],
html[data-theme="light"] body [style*="background:rgb(0"],
html[data-theme="light"] body [style*="background: rgb(0"]{
  background:var(--ds-surface)!important;
  color:var(--ds-text)!important;
  border-color:var(--ds-border)!important;
}
html[data-theme="light"] body [style*="color:#fff"],
html[data-theme="light"] body [style*="color: #fff"],
html[data-theme="light"] body [style*="color:white"],
html[data-theme="light"] body [style*="color: white"],
html[data-theme="light"] body [style*="color:#f8"],
html[data-theme="light"] body [style*="color: #f8"]{color:var(--ds-text)!important;}

/* Modal/toast/progress/scrollbar */
html[data-theme] .modal,
html[data-theme] .modal-content,
html[data-theme] .early-modal-card,
html[data-theme] .toast,
html[data-theme] .popup,
html[data-theme] .confirm-box{
  background:var(--ds-surface)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important;box-shadow:var(--ds-shadow)!important;
}
html[data-theme] .progress{background:var(--ds-surface-3)!important;border:1px solid var(--ds-border)!important;}
html[data-theme] .progress div{background:linear-gradient(90deg,var(--ds-primary),var(--ds-primary-2))!important;}
html[data-theme="light"] ::-webkit-scrollbar-track{background:#eef2f7!important;}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#b6c1d1!important;border:2px solid #eef2f7!important;border-radius:999px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#0e141f!important;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#334155!important;border:2px solid #0e141f!important;border-radius:999px;}

/* Global quick nav không nhảy layout */
.global-quick-nav{position:sticky!important;top:0!important;z-index:9999!important;margin:12px 0 12px 16px!important;width:max-content!important;}
.global-quick-nav a,.global-quick-nav button{height:38px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:0 14px!important;font-weight:800!important;text-decoration:none!important;}

@media(max-width:980px){
  html[data-theme] .work-grid{grid-template-columns:1fr!important;}
  html[data-theme] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:820px){
  html[data-theme] .stats-grid{grid-template-columns:1fr!important;}
  html[data-theme] .mobile-topbar{background:var(--ds-surface)!important;color:var(--ds-text)!important;border-bottom:1px solid var(--ds-border)!important;}
}


/* =========================================================
   V3.2.0 COLOROS 17 INSPIRED UI - SOFT GLASS UPGRADE
   Nâng cấp giao diện theo phong cách xanh/tím, glassmorphism,
   bo góc mềm, sidebar quản trị viên đẹp hơn.
   ========================================================= */
:root{
  --bg:#eef4ff;
  --card:rgba(255,255,255,.76);
  --card2:rgba(246,249,255,.72);
  --text:#111a3a;
  --muted:#66739a;
  --border:rgba(119,145,210,.22);
  --primary:#4f7cff;
  --primary2:#7764ff;
  --accent:#8dd7ff;
  --ok:#23b783;
  --danger:#ff5e7a;
  --warning:#f5a43b;
  --glass:rgba(255,255,255,.56);
  --shadow:0 28px 90px rgba(74,96,180,.20);
  --shadow2:0 16px 45px rgba(74,96,180,.13);
  --radius:28px;
}
body.dark{
  --bg:#0d142b;
  --card:rgba(22,31,61,.72);
  --card2:rgba(18,26,52,.70);
  --text:#f5f8ff;
  --muted:#aeb9da;
  --border:rgba(184,200,255,.14);
  --glass:rgba(18,26,52,.60);
  --shadow:0 28px 90px rgba(0,0,0,.48);
  --shadow2:0 16px 45px rgba(0,0,0,.32);
}
body{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,210,124,.38),transparent 18%),
    radial-gradient(circle at 74% 4%,rgba(145,119,255,.32),transparent 24%),
    radial-gradient(circle at 8% 95%,rgba(79,124,255,.45),transparent 30%),
    radial-gradient(circle at 40% 12%,rgba(141,215,255,.30),transparent 22%),
    linear-gradient(135deg,#f8fbff 0%,#eef4ff 48%,#e8ebff 100%);
  background-attachment:fixed;
}
body.dark{background:
    radial-gradient(circle at 85% 10%,rgba(119,100,255,.28),transparent 22%),
    radial-gradient(circle at 8% 95%,rgba(79,124,255,.28),transparent 30%),
    linear-gradient(135deg,#0b1020 0%,#111936 100%);
}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(.2px)}
body:before{width:420px;height:420px;left:-160px;bottom:-140px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(127,171,255,.38) 34%,rgba(119,100,255,.10) 70%,transparent 72%);box-shadow:inset 22px 20px 60px rgba(255,255,255,.70)}
body:after{width:240px;height:240px;right:-90px;bottom:52px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(141,215,255,.48) 36%,rgba(119,100,255,.16) 70%,transparent 73%)}
.app-shell{grid-template-columns:300px minmax(0,1fr)}
.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(213,225,255,.32));
  color:var(--text);
  border-right:1px solid rgba(255,255,255,.62);
  box-shadow:16px 0 60px rgba(79,124,255,.12);
  backdrop-filter:blur(24px) saturate(1.25);
}
body.dark .sidebar{background:linear-gradient(180deg,rgba(30,42,82,.62),rgba(15,23,42,.58));border-right-color:rgba(255,255,255,.08)}
.brand-main{border-bottom:0;padding-bottom:10px;order:1}.brand-logo{border-radius:20px;background:linear-gradient(135deg,#50d0ff,#7567ff 62%,#b77cff);box-shadow:0 14px 34px rgba(94,104,255,.30),inset 0 0 0 1px rgba(255,255,255,.45)}
.brand strong{font-size:17px;color:var(--text)}.brand span{color:var(--muted);font-weight:800}.nav-box{order:2;gap:10px;margin-top:18px}.nav-item{color:#17214b;border:1px solid transparent;padding:14px 16px;border-radius:24px;font-weight:850}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.72);color:#1557ff;box-shadow:0 14px 32px rgba(79,124,255,.13);transform:translateX(0)}body.dark .nav-item{color:#eaf0ff}body.dark .nav-item:hover,body.dark .nav-item.active{background:rgba(255,255,255,.10);color:#9cc1ff}.nav-item i{font-size:18px}.user-mini-card{order:3;margin-top:auto;position:relative;min-height:96px;padding:18px 18px 18px 78px;border-radius:24px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.68);box-shadow:0 18px 42px rgba(74,96,180,.14);color:var(--text);overflow:hidden}.user-mini-card:before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#dbe8ff,#fff);box-shadow:inset 0 -8px 14px rgba(79,124,255,.24)}.user-mini-card:after{content:"";position:absolute;left:31px;top:31px;width:18px;height:18px;border-radius:50%;background:#98a8df;box-shadow:0 24px 0 7px #98a8df}.user-mini-card small{display:none}.user-mini-card b{font-size:15px;margin:4px 0 3px}.user-mini-card span{font-size:12px;color:var(--muted);font-weight:800}.sidebar-footer{order:4;margin-top:0}.quick-logout-btn{background:rgba(255,255,255,.52);color:#ff3f55;border:1px solid rgba(255,255,255,.64);border-radius:18px;box-shadow:0 10px 28px rgba(79,124,255,.10)}.quick-logout-btn:hover{background:#fff;transform:translateY(-1px)}.sidebar-footer small{color:var(--muted);opacity:1;line-height:1.45}.main-content{padding:32px 34px}.hero-topbar,.panel,.login-card,.activate-card{background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.36));border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow);backdrop-filter:blur(28px) saturate(1.35)}
body.dark .hero-topbar,body.dark .panel,body.dark .login-card,body.dark .activate-card{background:linear-gradient(135deg,rgba(23,34,68,.70),rgba(18,26,52,.45));border-color:rgba(255,255,255,.10)}
.hero-topbar{border-radius:32px}.eyebrow,.step{color:#4f7cff}.hero-title h1{letter-spacing:-.035em}.dashboard-status-bar{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow2);border-radius:22px;color:var(--text);backdrop-filter:blur(20px)}
.stat-card{border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.36));border:1px solid rgba(255,255,255,.66);box-shadow:var(--shadow2);backdrop-filter:blur(22px)}.stat-card:before{background:linear-gradient(135deg,rgba(79,124,255,.14),rgba(119,100,255,.13));width:112px;height:112px;right:18px;top:20px}.stat-card strong{font-size:34px;color:#2468ff}.stat-card:nth-child(2) strong{color:#14966d}.stat-card:nth-child(3) strong{color:#ed8b18}.stat-card:nth-child(4) strong{color:#774dff}.revenue-card{background:linear-gradient(135deg,rgba(230,242,255,.78),rgba(255,255,255,.44))}.panel{border-radius:30px}.panel-head{align-items:center}.pill{background:rgba(119,100,255,.12);color:#5b55df;border:1px solid rgba(119,100,255,.16)}.field input,.field select,.table-toolbar input,.login-form input,.activate-card input,.activate-card textarea,.cinema-tools input,.manual-grid select,.manual-grid input,.date-picker-box select,.show-edit{background:rgba(255,255,255,.62);border:1px solid rgba(119,145,210,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.field input:focus,.field select:focus,.table-toolbar input:focus,.login-form input:focus{border-color:#7fa4ff;box-shadow:0 0 0 5px rgba(79,124,255,.14)}.check-card,.mini-guide,.chart-card,.detect-info,.table-wrap{background:rgba(255,255,255,.56);border-color:rgba(119,145,210,.18);box-shadow:0 10px 26px rgba(74,96,180,.06)}.dropzone{border-color:rgba(79,124,255,.28);background:linear-gradient(135deg,rgba(79,124,255,.12),rgba(141,215,255,.12),rgba(119,100,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.dropzone:hover,.dropzone.dragover{border-color:#6c8fff;box-shadow:0 22px 60px rgba(79,124,255,.18)}.primary-btn,.login-form button,.activate-card button{background:linear-gradient(135deg,#64b8ff,#5d78ff 58%,#785fff);box-shadow:0 18px 42px rgba(79,124,255,.28);border-radius:18px}.secondary-btn,.ghost-btn,.theme-toggle,.glass-toggle,.quick-admin-btn,.lock-computer-btn,.mini-btn{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.68);color:var(--text);box-shadow:0 10px 24px rgba(79,124,255,.10)}.download{background:linear-gradient(135deg,#34d399,#2db0ff);box-shadow:0 18px 40px rgba(45,176,255,.22)}.progress div,.bar-track span{background:linear-gradient(90deg,#52d4ff,#6279ff,#8b62ff)}.status.success,.warning-item.ok,.early-result.ok{background:rgba(35,183,131,.13);color:#0c8b62;border-color:rgba(35,183,131,.20)}.status.error,.warning-item.danger,.early-result.danger{background:rgba(255,94,122,.12);color:#d92c4d;border-color:rgba(255,94,122,.22)}.status.idle,.empty-chart,.empty-card{background:rgba(255,255,255,.36);border:1px solid rgba(119,145,210,.14)}table{border-collapse:separate;border-spacing:0}th{background:rgba(247,250,255,.82);color:#53618a}td{border-bottom:1px solid rgba(119,145,210,.14)}tbody tr:nth-child(even){background:rgba(79,124,255,.035)}tbody tr:hover{background:rgba(79,124,255,.08)}.preview-table .row-warn td{background:rgba(255,94,122,.10)!important}.manual-box,.date-picker-box,.helper-box,.cache-box{border:1px solid rgba(119,145,210,.20);background:rgba(255,255,255,.48);color:var(--text);box-shadow:0 12px 32px rgba(74,96,180,.08);backdrop-filter:blur(20px)}.helper-box p,.manual-box p,.date-picker-box small{color:var(--muted)}.cinema-group{border-color:rgba(119,145,210,.18);background:rgba(255,255,255,.30)}.cinema-group summary{background:rgba(255,255,255,.42)}.check-item{background:rgba(255,255,255,.45);border-color:rgba(119,145,210,.16)}.mini-btn.danger{background:rgba(255,94,122,.12);border-color:rgba(255,94,122,.25);color:#e9415d}.global-marquee-footer{background:rgba(255,255,255,.52)!important;border-top:1px solid rgba(255,255,255,.6)!important;color:var(--muted)!important;backdrop-filter:blur(18px)}
body.dark .field input,body.dark .field select,body.dark .table-toolbar input,body.dark .login-form input,body.dark .activate-card input,body.dark .activate-card textarea,body.dark .cinema-tools input,body.dark .manual-grid select,body.dark .manual-grid input,body.dark .date-picker-box select,body.dark .show-edit,body.dark .check-card,body.dark .mini-guide,body.dark .chart-card,body.dark .detect-info,body.dark .table-wrap,body.dark .helper-box,body.dark .cache-box,body.dark .manual-box,body.dark .date-picker-box,body.dark .check-item,body.dark .secondary-btn,body.dark .ghost-btn,body.dark .theme-toggle,body.dark .glass-toggle,body.dark .quick-admin-btn,body.dark .lock-computer-btn,body.dark .mini-btn{background:rgba(24,35,70,.62);border-color:rgba(255,255,255,.10)}body.dark th{background:rgba(25,36,72,.88);color:#b8c5e8}body.dark tbody tr:nth-child(even){background:rgba(255,255,255,.025)}body.dark .user-mini-card,body.dark .quick-logout-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
@media (max-width:820px){.sidebar{background:linear-gradient(180deg,rgba(245,249,255,.92),rgba(224,233,255,.86));}.main-content{padding:16px}.app-shell{grid-template-columns:1fr}.user-mini-card{margin-top:18px}}


/* V3.2.1 - Login chỉ Sáng/Tối, nền bong bóng thủy tinh, card Admin đẹp hơn */
body.login-body .global-quick-nav{display:none!important;}
.login-mode-switch{display:flex;gap:10px;margin:14px 0 18px;}
.mode-btn{border:1px solid rgba(119,145,210,.24);background:rgba(255,255,255,.58);color:var(--text);border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(79,124,255,.10)}
.mode-btn.active,.mode-btn:hover{background:linear-gradient(135deg,#64b8ff,#5d78ff 58%,#785fff);color:#fff;border-color:transparent;}
body.dark .mode-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#f5f8ff;}
body:before{animation:glassFloatA 14s ease-in-out infinite alternate;}
body:after{animation:glassFloatB 18s ease-in-out infinite alternate;}
.app-shell:before,.login-wrap:before{content:"";position:fixed;pointer-events:none;z-index:-1;width:180px;height:180px;right:12%;top:12%;border-radius:999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.98),rgba(152,190,255,.42) 33%,rgba(130,111,255,.14) 70%,transparent 74%);box-shadow:inset 18px 18px 50px rgba(255,255,255,.55);animation:glassFloatC 16s ease-in-out infinite alternate;}
.app-shell:after,.login-wrap:after{content:"";position:fixed;pointer-events:none;z-index:-1;width:92px;height:92px;left:38%;bottom:12%;border-radius:999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95),rgba(141,215,255,.42) 35%,rgba(119,100,255,.18) 70%,transparent 75%);box-shadow:inset 10px 10px 24px rgba(255,255,255,.65);animation:glassFloatD 12s ease-in-out infinite alternate;}
@keyframes glassFloatA{from{transform:translate(0,0) scale(1)}to{transform:translate(24px,-18px) scale(1.04)}}
@keyframes glassFloatB{from{transform:translate(0,0) scale(1)}to{transform:translate(-30px,20px) scale(.96)}}
@keyframes glassFloatC{from{transform:translateY(0)}to{transform:translateY(30px)}}
@keyframes glassFloatD{from{transform:translate(0,0)}to{transform:translate(36px,-26px)}}
.user-mini-card{padding:20px 18px 18px 86px!important;min-height:112px!important;}
.user-mini-card b{font-size:17px!important;line-height:1.15!important;}
.user-mini-card span{display:block;margin-top:5px!important;color:#4d5b86!important;}
body.dark .user-mini-card span{color:#c4cff2!important;}
.rename-user-btn{margin-top:10px;border:1px solid rgba(79,124,255,.24);background:rgba(79,124,255,.10);color:#245cff;border-radius:999px;padding:7px 11px;font-weight:900;cursor:pointer;}
body.dark .rename-user-btn{color:#bcd1ff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.rename-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.32);backdrop-filter:blur(8px)}
.rename-modal.hidden{display:none!important;}
.rename-card{width:min(420px,calc(100vw - 32px));background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.74);box-shadow:0 30px 90px rgba(31,47,90,.28);border-radius:28px;padding:24px;color:var(--text)}
body.dark .rename-card{background:linear-gradient(135deg,rgba(23,34,68,.88),rgba(18,26,52,.70));border-color:rgba(255,255,255,.12)}
.rename-card h3{margin:0 0 8px;font-size:22px}.rename-card p{margin:0 0 16px;color:var(--muted)}
.rename-card input{width:100%;box-sizing:border-box;border:1px solid rgba(119,145,210,.24);background:rgba(255,255,255,.62);border-radius:18px;padding:14px 16px;font-weight:800;color:var(--text)}
body.dark .rename-card input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.rename-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.rename-actions button{min-width:92px;}

/* V3.2.3 - User card gọn, bỏ logo, thêm trạng thái online */
.user-mini-card-pro{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 14px!important;
  min-height:94px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(239,246,255,.46))!important;
  border:1px solid rgba(165,190,235,.52)!important;
  box-shadow:0 16px 36px rgba(61,84,160,.12)!important;
  overflow:hidden!important;
}
.user-mini-card-pro:before,
.user-mini-card-pro:after{display:none!important;content:none!important;}
.user-avatar-pro{
  flex:0 0 46px!important;
  width:46px!important;height:46px!important;
  border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(224,235,255,.70))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 0 0 1px rgba(83,116,210,.08),0 10px 24px rgba(54,78,150,.15)!important;
}
.user-avatar-pro img{width:34px!important;height:34px!important;object-fit:contain!important;display:block!important;}
.user-info-pro{min-width:0!important;flex:1!important;}
.user-info-pro small{display:none!important;}
.user-info-pro b{display:block!important;margin:0!important;font-size:17px!important;line-height:1.16!important;color:#111827!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.user-info-pro span{display:block!important;margin-top:5px!important;font-size:12px!important;font-weight:900!important;color:#596681!important;}
.user-info-pro .rename-user-btn{margin-top:9px!important;padding:7px 13px!important;border-radius:14px!important;font-size:13px!important;background:linear-gradient(135deg,rgba(235,242,255,.95),rgba(215,229,255,.76))!important;border:1px solid rgba(80,121,255,.26)!important;color:#245cff!important;box-shadow:0 8px 18px rgba(79,124,255,.12)!important;}
body.dark .user-mini-card-pro{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;}
body.dark .user-avatar-pro{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;border-color:rgba(255,255,255,.16)!important;}
body.dark .user-info-pro b{color:#f5f8ff!important;}
body.dark .user-info-pro span{color:#c6d1ee!important;}
body.dark .user-info-pro .rename-user-btn{background:rgba(255,255,255,.09)!important;color:#bed0ff!important;border-color:rgba(255,255,255,.16)!important;}


/* V3.2.3 - bỏ logo user, thêm chấm xanh trạng thái hoạt động */
.user-mini-card-pro{
  display:block!important;
  padding:16px 16px!important;
  min-height:auto!important;
  border-radius:20px!important;
}
.user-mini-card-pro .user-avatar-pro{display:none!important;}
.user-info-pro{width:100%!important;}
.user-info-pro .account-name{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
}
.online-dot{
  flex:0 0 9px!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  display:inline-block!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.18),0 0 12px rgba(34,197,94,.55)!important;
  transform:translateY(1px)!important;
}
.beta-output-note{display:block;margin-top:7px;font-size:12px;font-weight:800;color:#64748b;}
.beta-output-note.hidden{display:none!important;}
body.dark .beta-output-note{color:#b8c5df;}

/* V3.2.5 - move Admin rename to User Management */
.user-info-pro{gap:2px;}
.user-info-pro .account-name{display:inline-flex;align-items:center;gap:7px;}
.res-account-panel{margin-bottom:18px;}
.res-account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:rgba(79,124,255,.06);border:1px solid rgba(79,124,255,.14);}
.res-account-row b{display:block;font-size:20px;}
.res-rename-btn{margin-top:0!important;white-space:nowrap;}
body.dark .res-account-row{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
/* BETA 2.1 - CUSTOM DESKTOP SHELL + SYNC MENU */
.frt-custom-shell{padding-top:38px!important}.frt-titlebar{position:fixed;top:0;left:0;right:0;height:38px;z-index:99999;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f172a,#111827);color:#f8fafc;border-bottom:1px solid rgba(148,163,184,.25);font-family:Inter,Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.18)}.frt-title-left{display:flex;align-items:center;gap:9px;padding-left:14px;font-size:13px;letter-spacing:.4px}.frt-title-left b{text-transform:uppercase}.frt-app-icon{font-size:16px}.frt-title-status{display:flex;align-items:center;gap:14px;font-size:12px;color:#cbd5e1}.frt-title-status button{border:1px solid rgba(148,163,184,.32);border-radius:999px;background:rgba(255,255,255,.08);color:#e2e8f0;padding:6px 12px;font-weight:800;cursor:pointer}.frt-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);margin-left:5px}.frt-title-actions{display:flex;height:100%}.frt-window-btn{width:48px;border:0;background:transparent;color:#e5e7eb;font-size:18px;cursor:pointer}.frt-window-btn:hover{background:rgba(255,255,255,.12)}.frt-window-btn:last-child:hover{background:#ef4444;color:white}.frt-zoomed body .app-shell{max-width:none!important}.frt-minimized .app-shell{opacity:.38;transform:scale(.985);transition:.18s}.frt-nav-group-title{margin:18px 12px 8px;color:#94a3b8;font-size:12px;font-weight:900;letter-spacing:1.4px}.frt-sync-menu .nav-item span{text-transform:none}.frt-user-clean{min-height:88px!important;padding:18px!important}.frt-user-clean .account-name{display:flex!important;align-items:center!important;gap:9px!important;font-size:20px!important}.frt-user-clean .online-dot{position:static!important;display:inline-block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 0 5px rgba(34,197,94,.16)!important}.frt-user-clean img,.frt-user-clean .avatar,.frt-user-clean .brand-logo{display:none!important}.sidebar .brand strong{text-transform:uppercase}.sidebar .brand span{font-size:11px}.nav-box .nav-item{white-space:nowrap}.mobile-topbar{top:38px!important}


/* BETA 2.1.1 - DASHBOARD PRO + REMOVE DOUBLE TITLEBAR */
body.frt-custom-shell{padding-top:0!important}.frt-titlebar{display:none!important}.mobile-topbar{top:0!important}
.pro-dashboard-page{background:#0b1220;color:#e5edf8}.pro-dashboard-page .app-shell{grid-template-columns:320px minmax(0,1fr);background:#0b1220;min-height:100vh}.pro-dashboard-page .sidebar{background:linear-gradient(180deg,#0e1728,#0a1020);border-right:1px solid rgba(148,163,184,.16);box-shadow:none}.pro-dashboard-page .main-content{padding:28px 28px 60px;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.12),transparent 28%),#0b1220}.pro-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.pro-title h1{margin:0;font-size:34px;letter-spacing:.5px;color:#f8fafc}.pro-title span{display:block;color:#94a3b8;margin-top:6px;font-weight:600}.pro-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pro-status .status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.78);padding:12px 16px;border-radius:10px;color:#dbeafe;font-weight:900}.pro-status .ok-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.15);color:#22c55e}.pro-clock{text-align:right;color:#cbd5e1;min-width:100px}.pro-clock .date{font-weight:900}.pro-clock .clock{color:#94a3b8;margin-top:4px}.pro-card-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px}.pro-kpi{position:relative;display:flex;align-items:center;gap:16px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:linear-gradient(180deg,rgba(30,41,59,.72),rgba(15,23,42,.86));padding:20px 22px;box-shadow:0 18px 44px rgba(0,0,0,.18);overflow:hidden}.pro-kpi:after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:rgba(59,130,246,.08)}.pro-kpi .kpi-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,rgba(59,130,246,.32),rgba(37,99,235,.15))}.pro-kpi.green .kpi-icon{background:linear-gradient(135deg,rgba(34,197,94,.35),rgba(34,197,94,.12))}.pro-kpi.purple .kpi-icon{background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(168,85,247,.12))}.pro-kpi.orange .kpi-icon{background:linear-gradient(135deg,rgba(249,115,22,.38),rgba(249,115,22,.12))}.pro-kpi small{display:block;color:#94a3b8;font-weight:900;text-transform:uppercase}.pro-kpi strong{display:block;font-size:30px;color:#f8fafc;margin-top:4px}.pro-kpi span{display:block;color:#cbd5e1;margin-top:4px}.pro-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px}.pro-panel{border:1px solid rgba(148,163,184,.16);border-radius:14px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.92));box-shadow:0 18px 44px rgba(0,0,0,.18);padding:22px;margin-bottom:18px}.pro-panel h2{margin:0 0 18px;color:#f8fafc;font-size:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(148,163,184,.12);background:rgba(30,41,59,.72);border-radius:12px;padding:16px 16px;text-decoration:none;color:#e5edf8;transition:.18s}.quick-tile:hover{transform:translateY(-2px);background:rgba(37,99,235,.20);border-color:rgba(59,130,246,.35)}.quick-tile b{display:block}.quick-tile span{display:block;color:#94a3b8;margin-top:4px;font-size:13px}.quick-tile i{font-style:normal;font-size:28px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-row{display:grid;grid-template-columns:28px 78px 1fr auto;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.12);color:#cbd5e1}.activity-row:last-child{border-bottom:0}.activity-row .act-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.18);color:#22c55e}.activity-row.warn .act-icon{background:rgba(249,115,22,.18);color:#fb923c}.activity-row .tag{color:#22c55e;font-weight:800}.activity-row.warn .tag{color:#fb923c}.pro-donut{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#22c55e 0 82%, #fbbf24 82% 93%, #ef4444 93% 100%);display:grid;place-items:center}.donut-inner{width:82px;height:82px;border-radius:50%;background:#0f172a;display:grid;place-items:center;text-align:center;color:#cbd5e1}.donut-inner b{display:block;font-size:26px;color:#f8fafc}.legend{display:flex;flex-direction:column;gap:12px}.legend-row{display:flex;align-items:center;justify-content:space-between;color:#cbd5e1}.legend-row i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px}.legend-row .green{background:#22c55e}.legend-row .yellow{background:#fbbf24}.legend-row .red{background:#ef4444}.pro-chart{height:250px;display:flex;align-items:end;gap:12px;padding:16px 10px 6px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,transparent,rgba(37,99,235,.05));border-radius:12px}.pro-chart .bar{flex:1;min-width:14px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#60a5fa,#1d4ed8);position:relative}.pro-chart .bar:after{content:attr(data-label);position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font-size:11px;color:#94a3b8}.pro-footer{margin-top:18px;color:#64748b;text-align:center}.pro-dashboard-page .nav-item.active{background:linear-gradient(135deg,rgba(37,99,235,.8),rgba(30,64,175,.82));border:1px solid rgba(96,165,250,.32)}.pro-dashboard-page .user-mini-card{background:rgba(15,23,42,.7);border-color:rgba(148,163,184,.16)}
html[data-theme="light"] .pro-dashboard-page,.pro-dashboard-page:not(.dark){background:#f5f7fb;color:#0f172a}html[data-theme="light"] .pro-dashboard-page .main-content,.pro-dashboard-page:not(.dark) .main-content{background:#f5f7fb}html[data-theme="light"] .pro-panel,html[data-theme="light"] .pro-kpi,html[data-theme="light"] .quick-tile{background:#fff;color:#0f172a;border-color:#d8e0ef;box-shadow:0 14px 34px rgba(15,23,42,.08)}html[data-theme="light"] .pro-title h1,html[data-theme="light"] .pro-panel h2,html[data-theme="light"] .pro-kpi strong{color:#0f172a}html[data-theme="light"] .pro-clock,html[data-theme="light"] .activity-row,html[data-theme="light"] .legend-row{color:#334155}html[data-theme="light"] .donut-inner{background:#fff}html[data-theme="light"] .pro-status .status-pill{background:#fff;color:#0f172a;border-color:#d8e0ef}@media(max-width:1200px){.pro-card-grid{grid-template-columns:repeat(2,1fr)}.pro-layout{grid-template-columns:1fr}}@media(max-width:760px){.pro-card-grid,.quick-grid{grid-template-columns:1fr}.pro-donut{grid-template-columns:1fr}.pro-topline{align-items:flex-start;flex-direction:column}}

/* BETA 2.1.2 - SIDEBAR PRO GROUPS + USER AVATAR */
.sidebar .nav-box.frt-sync-menu{display:flex;flex-direction:column;gap:6px;padding:4px 18px 12px}.frt-nav-group-title{margin:22px 4px 8px!important;color:#8b95a7!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.6px!important;text-transform:uppercase}.frt-sync-menu .nav-item{height:50px;border-radius:12px;display:flex;align-items:center;gap:14px;padding:0 16px;color:#cbd5e1;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.2px;border:1px solid transparent;transition:.18s}.frt-sync-menu .nav-item i{width:24px;text-align:center;font-style:normal;font-size:20px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.frt-sync-menu .nav-item:hover{background:rgba(59,130,246,.12);border-color:rgba(96,165,250,.18);transform:translateX(2px)}.frt-sync-menu .nav-item.active{background:linear-gradient(135deg,rgba(59,130,246,.75),rgba(67,56,202,.72));border-color:rgba(96,165,250,.45);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.20)}
.sidebar-footer{margin-top:auto;padding:14px 18px 22px;border-top:1px solid rgba(148,163,184,.10)}.frt-account-pro{display:flex;align-items:center;gap:14px;padding:14px 14px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(30,41,59,.72),rgba(15,23,42,.82));border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.16);min-height:76px}.frt-avatar-form{margin:0;cursor:pointer}.frt-avatar{width:48px;height:48px;border-radius:50%;position:relative;background:linear-gradient(135deg,#64748b,#334155);display:grid;place-items:center;overflow:visible;color:#fff;font-weight:900;font-size:18px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.20)}.frt-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block!important}.frt-avatar i{position:absolute;right:1px;bottom:2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #0f172a;box-shadow:0 0 0 3px rgba(34,197,94,.16)}.frt-avatar.loading:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(96,165,250,.4);border-top-color:#60a5fa;animation:frtSpin .7s linear infinite}@keyframes frtSpin{to{transform:rotate(360deg)}}.frt-account-text{min-width:0;flex:1}.frt-account-text b{display:block;color:#f8fafc;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frt-account-text span{display:block;color:#22c55e;font-size:13px;font-weight:800;margin-top:5px}.frt-account-more{color:#94a3b8;text-decoration:none;font-size:20px;padding:4px}.frt-account-more:hover{color:#fff}.quick-logout-btn{display:flex;align-items:center;justify-content:center;margin-top:12px;height:42px;border-radius:12px;text-decoration:none;color:#e5e7eb!important;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.18);font-weight:900}.quick-logout-btn:hover{background:rgba(239,68,68,.20)}
.frt-user-clean img,.frt-user-clean .avatar,.frt-user-clean .brand-logo{display:initial!important}.pro-dashboard-page .sidebar{display:flex;flex-direction:column}.pro-dashboard-page .sidebar .brand{padding:24px 22px 18px}.pro-dashboard-page .sidebar .brand-logo{width:58px;height:58px}.pro-dashboard-page .sidebar .brand strong{font-size:18px}.pro-dashboard-page .sidebar .brand span{font-size:15px;letter-spacing:4px;color:#aab4c5}.pro-dashboard-page .user-mini-card{display:none!important}
body:not(.pro-dashboard-page) .sidebar{display:flex;flex-direction:column}.res-body .res-sidebar .res-menu:before{content:'LÀM VIỆC';display:block;margin:14px 12px 8px;color:#8b95a7;font-size:12px;font-weight:900;letter-spacing:1.4px}.res-body .res-menu-item{border-radius:12px}


/* BETA 2.1.3 - Account card Pro: bỏ box Admin cũ, avatar ổn định */
.sidebar > .user-mini-card,
.sidebar > .user-mini-card-pro,
.sidebar > .frt-user-clean,
.sidebar > .account-card,
.sidebar > .old-user-card{display:none!important;}
.sidebar .sidebar-footer .frt-account-pro{display:flex!important;}
.sidebar .sidebar-footer{margin-top:auto!important;}
body:not(.dark) .frt-account-pro{background:linear-gradient(180deg,#ffffff,#f3f6fb)!important;border:1px solid #d9e2f0!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important;}
body:not(.dark) .frt-account-text b{color:#111827!important;}
body:not(.dark) .frt-account-text span{color:#16a34a!important;}
body:not(.dark) .frt-account-more{color:#64748b!important;}
body:not(.dark) .frt-avatar i{border-color:#ffffff!important;}
.frt-avatar-form input{display:none!important;}

/* BETA 2.1.4 FINAL - Account card gọn, không mũi tên, Dashboard đứng riêng */
.frt-sync-menu > .nav-item:first-child{margin-bottom:14px!important;}
.frt-sync-menu > .nav-item:first-child + .frt-nav-group-title{margin-top:4px!important;}
.frt-account-pro.frt-account-link{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;cursor:pointer!important;}
.frt-account-pro.frt-account-link:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.35)!important;box-shadow:0 16px 36px rgba(37,99,235,.16)!important;}
.frt-account-more{display:none!important;}
.frt-account-text{min-width:0!important;max-width:150px!important;}
.frt-account-text b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:150px!important;font-size:14px!important;line-height:1.2!important;}
.frt-account-text span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:150px!important;font-size:13px!important;line-height:1.2!important;margin-top:5px!important;}
.pro-dashboard-page .frt-nav-group-title:first-of-type{margin-top:4px!important;}

/* Beta 2.1.4 Final cleanup */
.frt-account-pro .frt-account-text span, .user-info-pro span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.frt-account-pro{cursor:pointer; text-decoration:none;}
.frt-account-pro .frt-account-text b{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* BETA 2.1.5 FINAL SIDEBAR FIX */
.frt-sync-menu.nav-box::before{content:none!important;display:none!important;}
.frt-sync-menu > .frt-nav-group-title:first-of-type{margin-top:10px!important;}
.frt-account-pro{cursor:pointer!important;}
.frt-account-pro .frt-avatar-form{cursor:pointer!important;flex:0 0 auto!important;}
.frt-account-pro .frt-account-text{cursor:pointer!important;}
.frt-account-pro .frt-account-text span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:145px!important;}
.sidebar .brand img{object-fit:contain!important;}

/* BETA 2.1.6 - AVATAR CIRCLE FINAL FIX */
.frt-account-pro .frt-avatar-form{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  flex:0 0 56px!important;
  display:block!important;
  position:relative!important;
  margin:0!important;
  line-height:0!important;
}
.frt-account-pro .frt-avatar{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  position:relative!important;
  background:linear-gradient(135deg,#64748b,#334155)!important;
  border:2px solid rgba(148,163,184,.55)!important;
}
.frt-account-pro .frt-avatar img,
.sidebar-footer .frt-avatar img,
.frt-avatar img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  display:block!important;
  box-sizing:border-box!important;
}
.frt-account-pro .frt-avatar > span{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  font-weight:900!important;
}
.frt-account-pro .frt-avatar i,
.frt-avatar i{
  position:absolute!important;
  right:-1px!important;
  bottom:-1px!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  border:3px solid #0f172a!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.18)!important;
  z-index:5!important;
}
body:not(.dark) .frt-account-pro .frt-avatar i,
body:not(.dark) .frt-avatar i{border-color:#fff!important;}
.frt-account-pro{align-items:center!important;min-height:82px!important;}
.frt-account-text span{white-space:nowrap!important;}

/* BETA 2.1.7 - Sidebar đồng bộ toàn bộ site, avatar click riêng, bỏ tiêu đề Làm việc trên Dashboard */
.frt-sidebar-pro{display:flex!important;flex-direction:column!important;background:#0f172a!important;border-right:1px solid rgba(148,163,184,.16)!important;min-height:100vh!important;}
.frt-brand-pro{padding:24px 22px 16px!important;gap:14px!important;}
.frt-brand-pro .brand-logo{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:rgba(255,255,255,.08)!important;}
.frt-brand-pro .brand-logo img{width:48px!important;height:48px!important;object-fit:contain!important;display:block!important;}
.frt-brand-pro strong{font-size:18px!important;line-height:1.15!important;letter-spacing:.2px!important;color:#f8fafc!important;}
.frt-brand-pro span{display:block!important;font-size:14px!important;letter-spacing:4px!important;color:#aab4c5!important;margin-top:2px!important;}
.sidebar .nav-box.frt-sync-menu{display:flex!important;flex-direction:column!important;gap:6px!important;padding:4px 14px 12px!important;}
.frt-nav-group-title{margin:20px 4px 8px!important;color:#8b95a7!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.6px!important;text-transform:uppercase!important;}
.frt-sync-menu>a.nav-item:first-child + .frt-nav-group-title{margin-top:24px!important;}
.frt-sync-menu .nav-item{height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 14px!important;color:#cbd5e1!important;text-decoration:none!important;font-weight:900!important;letter-spacing:.1px!important;border:1px solid transparent!important;transition:.18s!important;}
.frt-sync-menu .nav-item i{width:24px!important;text-align:center!important;font-style:normal!important;font-size:19px!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))!important;}
.frt-sync-menu .nav-item span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.frt-sync-menu .nav-item:hover{background:rgba(59,130,246,.12)!important;border-color:rgba(96,165,250,.18)!important;transform:translateX(2px)!important;}
.frt-sync-menu .nav-item.active{background:linear-gradient(135deg,rgba(59,130,246,.72),rgba(67,56,202,.68))!important;border-color:rgba(96,165,250,.45)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.20)!important;}
.frt-sidebar-footer-pro{margin-top:auto!important;padding:14px 14px 12px!important;border-top:1px solid rgba(148,163,184,.10)!important;}
.frt-account-pro{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;border:1px solid rgba(148,163,184,.20)!important;background:linear-gradient(180deg,rgba(30,41,59,.76),rgba(15,23,42,.88))!important;border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important;min-height:72px!important;cursor:pointer!important;}
.frt-avatar-form{margin:0!important;display:block!important;flex:0 0 auto!important;}
.frt-avatar{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;aspect-ratio:1/1!important;border-radius:50%!important;position:relative!important;background:linear-gradient(135deg,#64748b,#334155)!important;display:grid!important;place-items:center!important;overflow:visible!important;color:#fff!important;font-weight:900!important;font-size:18px!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.20)!important;padding:0!important;cursor:pointer!important;}
.frt-avatar:hover{box-shadow:0 0 0 4px rgba(59,130,246,.18),0 8px 18px rgba(0,0,0,.20)!important;}
.frt-avatar img{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;object-fit:cover!important;border-radius:50%!important;display:block!important;overflow:hidden!important;}
.frt-avatar span{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:50%!important;}
.frt-avatar i{position:absolute!important;right:-1px!important;bottom:2px!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#22c55e!important;border:3px solid #0f172a!important;box-shadow:0 0 0 3px rgba(34,197,94,.16)!important;}
.frt-account-text{min-width:0!important;flex:1!important;text-decoration:none!important;display:block!important;}
.frt-account-text b{display:block!important;color:#f8fafc!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.frt-account-text span{display:block!important;color:#22c55e!important;font-size:13px!important;font-weight:900!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.frt-avatar.loading:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(96,165,250,.4);border-top-color:#60a5fa;animation:frtSpin .7s linear infinite;}
@keyframes frtSpin{to{transform:rotate(360deg)}}
.sidebar > .user-mini-card,.sidebar > .user-mini-card-pro,.sidebar > .frt-user-clean,.sidebar > .account-card,.sidebar > .old-user-card{display:none!important;}
.res-body .res-sidebar .res-menu:before{content:none!important;display:none!important;}
body:not(.dark) .frt-sidebar-pro{background:#ffffff!important;border-right:1px solid #d9e5f5!important;}
body:not(.dark) .frt-brand-pro strong, body:not(.dark) .frt-account-text b{color:#111827!important;}
body:not(.dark) .frt-brand-pro span, body:not(.dark) .frt-nav-group-title{color:#64748b!important;}
body:not(.dark) .frt-sync-menu .nav-item{color:#475569!important;}
body:not(.dark) .frt-sync-menu .nav-item.active{color:#1e3a8a!important;background:#e8f1ff!important;border-color:#93c5fd!important;box-shadow:none!important;}
body:not(.dark) .frt-account-pro{background:#f8fbff!important;border-color:#d7e5f7!important;}
body:not(.dark) .frt-avatar i{border-color:#f8fbff!important;}


/* Theme update: Tối xám xi măng / Sáng vàng cát */
body{background:radial-gradient(circle at 12% 0%,rgba(246,216,141,.30),transparent 32%),radial-gradient(circle at 100% 8%,rgba(166,111,36,.12),transparent 30%),var(--bg)!important;}
body.dark{background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 95% 0%,rgba(70,76,76,.42),transparent 32%),var(--bg)!important;}
body.dark .sidebar, body.dark .frt-sidebar-pro{background:linear-gradient(180deg,#666d6c 0%,#7b817f 55%,#5d6463 100%)!important;color:#fff;}
body:not(.dark) .sidebar, body:not(.dark) .frt-sidebar-pro{background:linear-gradient(180deg,#fff7e6 0%,#f8e9c2 60%,#ecd29a 100%)!important;color:#5a3b12;}
body:not(.dark) .nav-item{color:#6b4a1f;}
body:not(.dark) .nav-item.active, body:not(.dark) .nav-item:hover{background:linear-gradient(135deg,#ffe4a6,#f4ca74)!important;color:#5a3b12!important;}
body.dark .nav-item.active, body.dark .nav-item:hover{background:rgba(255,255,255,.18)!important;color:#fff!important;}
.panel,.hero-topbar,.login-card,.activate-card{background:var(--glass);border-color:var(--border);}
.primary-btn,.learn-btn,.login-form button,.activate-card button{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;}

/* BETA 2.2.0 - Theme chuẩn theo mẫu: Tối xám xi măng / Sáng vàng cát */
:root{
  --bg:#fbf4e5!important;
  --card:#fffaf0!important;
  --card2:#f7ecd5!important;
  --text:#2f2417!important;
  --muted:#7b6242!important;
  --border:#ead8b8!important;
  --primary:#9b651f!important;
  --primary2:#d49a39!important;
  --accent:#ffe19b!important;
  --glass:rgba(255,250,240,.82)!important;
  --shadow:0 22px 60px rgba(111,78,30,.14)!important;
  --shadow2:0 12px 30px rgba(111,78,30,.10)!important;
}
body.dark{
  --bg:#22282b!important;
  --card:#30373a!important;
  --card2:#384044!important;
  --text:#f5f7f8!important;
  --muted:#c9d0d2!important;
  --border:#4b5559!important;
  --primary:#f2c66d!important;
  --primary2:#b98b3c!important;
  --accent:#f7d995!important;
  --glass:rgba(48,55,58,.78)!important;
  --shadow:0 24px 80px rgba(0,0,0,.36)!important;
  --shadow2:0 12px 40px rgba(0,0,0,.24)!important;
}
body:not(.dark){
  background:
    radial-gradient(circle at 16% 0%,rgba(255,225,155,.42),transparent 31%),
    radial-gradient(circle at 92% 8%,rgba(212,154,57,.16),transparent 32%),
    var(--bg)!important;
}
body.dark{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.10),transparent 31%),
    radial-gradient(circle at 88% 12%,rgba(120,128,128,.26),transparent 35%),
    var(--bg)!important;
}
body.dark .sidebar, body.dark .frt-sidebar-pro{
  background:linear-gradient(180deg,#4a5356 0%,#333b3f 55%,#22282b 100%)!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
}
body:not(.dark) .sidebar, body:not(.dark) .frt-sidebar-pro{
  background:linear-gradient(180deg,#fff8e9 0%,#f8e8bd 58%,#eed395 100%)!important;
  border-right:1px solid #ead8b8!important;
}
body:not(.dark) .frt-brand-pro strong,
body:not(.dark) .frt-account-text b,
body:not(.dark) .brand strong{color:#6b4516!important;}
body:not(.dark) .frt-brand-pro span,
body:not(.dark) .brand span{color:#8a6a37!important;}
body:not(.dark) .frt-sync-menu .nav-item,
body:not(.dark) .nav-item{color:#765121!important;}
body:not(.dark) .frt-sync-menu .nav-item.active,
body:not(.dark) .frt-sync-menu .nav-item:hover,
body:not(.dark) .nav-item.active,
body:not(.dark) .nav-item:hover{
  background:linear-gradient(135deg,#ffe3a1,#f6ce73)!important;
  border-color:#edc66f!important;
  color:#5c390d!important;
  box-shadow:0 12px 26px rgba(190,129,32,.16)!important;
}
body.dark .frt-sync-menu .nav-item.active,
body.dark .frt-sync-menu .nav-item:hover,
body.dark .nav-item.active,
body.dark .nav-item:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
body.dark .hero-topbar,
body.dark .panel,
body.dark .stat-card,
body.dark .chart-card,
body.dark .field input,
body.dark .field select,
body.dark .file-chip,
body.dark .mini-guide,
body.dark .datetime-card,
body.dark .version-badge,
body.dark .theme-toggle,
body.dark .glass-toggle,
body.dark .quick-admin-btn,
body.dark .lock-computer-btn{
  background:linear-gradient(180deg,rgba(58,66,70,.88),rgba(45,52,56,.82))!important;
  border-color:rgba(255,255,255,.12)!important;
  color:var(--text)!important;
}
body:not(.dark) .hero-topbar,
body:not(.dark) .panel,
body:not(.dark) .stat-card,
body:not(.dark) .chart-card,
body:not(.dark) .field input,
body:not(.dark) .field select,
body:not(.dark) .file-chip,
body:not(.dark) .mini-guide,
body:not(.dark) .datetime-card,
body:not(.dark) .version-badge,
body:not(.dark) .theme-toggle,
body:not(.dark) .glass-toggle,
body:not(.dark) .quick-admin-btn,
body:not(.dark) .lock-computer-btn{
  background:linear-gradient(180deg,rgba(255,250,240,.94),rgba(252,241,216,.88))!important;
  border-color:#ead8b8!important;
  color:var(--text)!important;
}


/* =========================================================
   BETA 2.2.1 FINAL THEME OVERRIDE - Xi măng / Vàng cát
   Luôn đặt cuối file để thắng toàn bộ CSS cũ.
   ========================================================= */
html[data-theme="light"]{
  --fr-bg:#f3dfb1!important;
  --fr-surface:#fff7e6!important;
  --fr-surface-2:#f8e8bd!important;
  --fr-text:#3b2913!important;
  --fr-muted:#7a5a2b!important;
  --fr-border:#e3c582!important;
  --fr-primary:#b77718!important;
  --fr-primary-2:#d59b32!important;
  --fr-input:#fff3d4!important;
  --v305-bg:#f3dfb1!important;--v305-surface:#fff7e6!important;--v305-surface2:#f8e8bd!important;--v305-text:#3b2913!important;--v305-muted:#7a5a2b!important;--v305-border:#e3c582!important;--v305-primary:#b77718!important;
  --v306-bg:#f3dfb1!important;--v306-surface:#fff7e6!important;--v306-surface2:#f8e8bd!important;--v306-text:#3b2913!important;--v306-muted:#7a5a2b!important;--v306-border:#e3c582!important;--v306-primary:#b77718!important;
  color-scheme:light!important;
}
html[data-theme="dark"]{
  --fr-bg:#30383a!important;
  --fr-surface:#3d4649!important;
  --fr-surface-2:#4b5457!important;
  --fr-text:#f7f4ea!important;
  --fr-muted:#d6d0c2!important;
  --fr-border:#657073!important;
  --fr-primary:#e3c071!important;
  --fr-primary-2:#f0d78f!important;
  --fr-input:#333b3e!important;
  --v305-bg:#30383a!important;--v305-surface:#3d4649!important;--v305-surface2:#4b5457!important;--v305-text:#f7f4ea!important;--v305-muted:#d6d0c2!important;--v305-border:#657073!important;--v305-primary:#e3c071!important;
  color-scheme:dark!important;
}
html[data-theme="light"] body,
html[data-theme="light"] body.v305-clean-ui,
html[data-theme="light"] body.fr-theme-ready{
  background:radial-gradient(circle at 12% 0%,rgba(255,238,190,.85),transparent 32%),linear-gradient(180deg,#fff3d1 0%,#f3dfb1 42%,#ead094 100%)!important;
  color:#3b2913!important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] body.v305-clean-ui,
html[data-theme="dark"] body.fr-theme-ready{
  background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.08),transparent 31%),linear-gradient(180deg,#4e585b 0%,#30383a 45%,#252b2d 100%)!important;
  color:#f7f4ea!important;
}
html[data-theme="light"] .main-content,
html[data-theme="light"] .app-shell,
html[data-theme="light"] main,
html[data-theme="light"] .content{background:transparent!important;color:#3b2913!important;}
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] main,
html[data-theme="dark"] .content{background:transparent!important;color:#f7f4ea!important;}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .frt-sidebar-pro,
html[data-theme="light"] aside.sidebar{
  background:linear-gradient(180deg,#fff4d6 0%,#f6df9f 52%,#e6bf63 100%)!important;
  color:#4a300d!important;border-right:1px solid #d8b45d!important;box-shadow:10px 0 34px rgba(138,91,24,.18)!important;
}
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .frt-sidebar-pro,
html[data-theme="dark"] aside.sidebar{
  background:linear-gradient(180deg,#596366 0%,#40494c 54%,#2c3336 100%)!important;
  color:#f7f4ea!important;border-right:1px solid rgba(255,255,255,.13)!important;box-shadow:14px 0 38px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .panel,html[data-theme="light"] .stat-card,html[data-theme="light"] .chart-card,html[data-theme="light"] .card,html[data-theme="light"] .learn-card,html[data-theme="light"] .room-card,html[data-theme="light"] .res-card,html[data-theme="light"] .hero-topbar,html[data-theme="light"] .topbar,html[data-theme="light"] .user-mini-card,html[data-theme="light"] .mini-guide,html[data-theme="light"] .datetime-card,html[data-theme="light"] .version-badge,html[data-theme="light"] .theme-toggle,html[data-theme="light"] .glass-toggle,html[data-theme="light"] .quick-admin-btn,html[data-theme="light"] .lock-computer-btn,html[data-theme="light"] .check-card,html[data-theme="light"] .file-chip,html[data-theme="light"] .status.idle,html[data-theme="light"] .detect-info{
  background:linear-gradient(180deg,rgba(255,249,235,.97),rgba(250,231,184,.91))!important;
  color:#3b2913!important;border:1px solid #e3c582!important;box-shadow:0 16px 38px rgba(141,93,25,.13)!important;
}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-card,html[data-theme="dark"] .card,html[data-theme="dark"] .learn-card,html[data-theme="dark"] .room-card,html[data-theme="dark"] .res-card,html[data-theme="dark"] .hero-topbar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .user-mini-card,html[data-theme="dark"] .mini-guide,html[data-theme="dark"] .datetime-card,html[data-theme="dark"] .version-badge,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .glass-toggle,html[data-theme="dark"] .quick-admin-btn,html[data-theme="dark"] .lock-computer-btn,html[data-theme="dark"] .check-card,html[data-theme="dark"] .file-chip,html[data-theme="dark"] .status.idle,html[data-theme="dark"] .detect-info{
  background:linear-gradient(180deg,rgba(75,84,87,.94),rgba(56,65,68,.90))!important;
  color:#f7f4ea!important;border:1px solid #657073!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea,html[data-theme="light"] .table-wrap,html[data-theme="light"] table{
  background:#fff5da!important;color:#3b2913!important;border-color:#e0bf74!important;
}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] table{
  background:#343c3f!important;color:#f7f4ea!important;border-color:#657073!important;
}
html[data-theme="light"] .nav-item{color:#6b4516!important;border-color:transparent!important;}
html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.active{background:linear-gradient(135deg,#ffe5a6,#f2c45d)!important;color:#4a300d!important;border-color:#d6ad54!important;box-shadow:inset 4px 0 0 #b77718!important;}
html[data-theme="dark"] .nav-item{color:#e7e0cf!important;border-color:transparent!important;}
html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .nav-item.active{background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 4px 0 0 #e3c071!important;}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] b,html[data-theme="light"] strong,html[data-theme="light"] label,html[data-theme="light"] .brand strong{color:#3b2913!important;}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] b,html[data-theme="dark"] strong,html[data-theme="dark"] label,html[data-theme="dark"] .brand strong{color:#fffaf0!important;}
html[data-theme="light"] p,html[data-theme="light"] small,html[data-theme="light"] span,html[data-theme="light"] td,html[data-theme="light"] .brand span{color:#7a5a2b!important;}
html[data-theme="dark"] p,html[data-theme="dark"] small,html[data-theme="dark"] span,html[data-theme="dark"] td,html[data-theme="dark"] .brand span{color:#d6d0c2!important;}
html[data-theme="light"] .primary-btn,html[data-theme="light"] #processBtn,html[data-theme="light"] .submit-btn,html[data-theme="light"] .download{background:linear-gradient(135deg,#c58420,#f0c766)!important;color:#3b2913!important;border:1px solid #d8a848!important;box-shadow:0 12px 26px rgba(183,119,24,.22)!important;}
html[data-theme="dark"] .primary-btn,html[data-theme="dark"] #processBtn,html[data-theme="dark"] .submit-btn,html[data-theme="dark"] .download{background:linear-gradient(135deg,#536064,#3d4649)!important;color:#fffaf0!important;border:1px solid #7c8789!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important;}
html[data-theme="light"] .dropzone{background:rgba(255,241,205,.78)!important;border-color:#d9b45c!important;color:#3b2913!important;}
html[data-theme="dark"] .dropzone{background:rgba(55,64,67,.82)!important;border-color:#7c8789!important;color:#f7f4ea!important;}
html[data-theme="light"] table thead th{background:#f3d999!important;color:#4a300d!important;}
html[data-theme="dark"] table thead th{background:#4b5457!important;color:#fffaf0!important;}


/* BETA 2.2.2 - Theme màu render + footer dễ đọc */
:root, body.light, body.theme-light{
  --bg:#F3E3BE;
  --card:#FFF7E8;
  --card2:#F8EACB;
  --text:#2E2417;
  --muted:#7C633A;
  --border:#E4C98B;
  --primary:#B6791E;
  --primary2:#E0A33A;
  --accent:#F4C86D;
  --glass:rgba(255,247,232,.86);
  --shadow:0 24px 80px rgba(160,111,36,.22);
  --shadow2:0 12px 40px rgba(160,111,36,.16);
}
body.dark, body.theme-dark{
  --bg:#4E5658;
  --card:#687173;
  --card2:#5B6466;
  --text:#F6F4ED;
  --muted:#D9D4C7;
  --border:#889093;
  --primary:#F0D28A;
  --primary2:#C69C48;
  --accent:#F4C86D;
  --glass:rgba(104,113,115,.82);
  --shadow:0 24px 80px rgba(28,33,34,.38);
  --shadow2:0 12px 40px rgba(28,33,34,.28);
}
body.light, body.theme-light{
  background:radial-gradient(circle at 20% 0%, rgba(255,214,128,.38), transparent 30%),linear-gradient(135deg,#F8E9C8,#F2DBAA 55%,#EACB86)!important;
}
body.dark, body.theme-dark{
  background:radial-gradient(circle at 20% 0%, rgba(255,255,255,.10), transparent 30%),linear-gradient(135deg,#5E6668,#454D4F 55%,#343C3E)!important;
}
body.light .sidebar, body.theme-light .sidebar{background:linear-gradient(180deg,#FFF1CB,#F5D791 62%,#E7BE67)!important;color:#6F4814!important;border-right:1px solid rgba(174,121,32,.25)!important;}
body.dark .sidebar, body.theme-dark .sidebar{background:linear-gradient(180deg,#697174,#535C5F 62%,#3E4649)!important;color:#F8F6EF!important;border-right:1px solid rgba(255,255,255,.10)!important;}
body.light .nav-item, body.theme-light .nav-item{color:#6F4814!important;}
body.light .nav-item:hover, body.light .nav-item.active, body.theme-light .nav-item:hover, body.theme-light .nav-item.active{background:linear-gradient(135deg,#FFE6A5,#F4C86D)!important;color:#5C390A!important;}
body.dark .nav-item:hover, body.dark .nav-item.active, body.theme-dark .nav-item:hover, body.theme-dark .nav-item.active{background:rgba(255,255,255,.16)!important;color:#fff!important;}
.global-marquee-footer,.footer-note,.pro-footer{
  background:linear-gradient(135deg,rgba(246,206,123,.95),rgba(181,123,35,.95))!important;
  color:#3C290D!important;
  border:1px solid rgba(123,76,10,.22)!important;
  box-shadow:0 12px 30px rgba(116,79,22,.18)!important;
  text-shadow:none!important;
}
.global-marquee-footer a,.footer-note a,.pro-footer a{color:#5B3808!important;font-weight:900!important;}
body.dark .global-marquee-footer, body.dark .footer-note, body.dark .pro-footer,
body.theme-dark .global-marquee-footer, body.theme-dark .footer-note, body.theme-dark .pro-footer{
  background:linear-gradient(135deg,rgba(101,109,111,.98),rgba(67,75,78,.98))!important;
  color:#F5E7BD!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
body.dark .global-marquee-footer a, body.dark .footer-note a, body.dark .pro-footer a,
body.theme-dark .global-marquee-footer a, body.theme-dark .footer-note a, body.theme-dark .pro-footer a{color:#FFD981!important;}


/* BETA 2.2.3 - Dark cement exact tone + remove old blue/black look */
html[data-theme="dark"] body,
html[data-theme="dark"] body.dark,
html[data-theme="dark"] body.theme-dark,
body.dark, body.theme-dark{
  --bg:#747875!important;
  --card:#858985!important;
  --card2:#6F7471!important;
  --text:#FFFDF4!important;
  --muted:#E4DFD2!important;
  --border:#A1A69F!important;
  --primary:#F2D287!important;
  --primary2:#D5B05E!important;
  --accent:#F1CE7B!important;
  --glass:rgba(125,130,126,.86)!important;
  background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#838782 0%,#6F7471 48%,#585E5B 100%)!important;
  color:#FFFDF4!important;
}
html[data-theme="dark"] .sidebar, html[data-theme="dark"] aside.sidebar,
body.dark .sidebar, body.theme-dark .sidebar{
  background:linear-gradient(180deg,#7C817D 0%,#686E6B 52%,#555B58 100%)!important;
  color:#FFFDF4!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  box-shadow:18px 0 42px rgba(45,50,48,.35)!important;
}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-card,html[data-theme="dark"] .card,html[data-theme="dark"] .learn-card,html[data-theme="dark"] .room-card,html[data-theme="dark"] .res-card,html[data-theme="dark"] .hero-topbar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .datetime-card,html[data-theme="dark"] .version-badge,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .glass-toggle,html[data-theme="dark"] .quick-admin-btn,html[data-theme="dark"] .lock-computer-btn,html[data-theme="dark"] .check-card,html[data-theme="dark"] .file-chip,html[data-theme="dark"] .status.idle,html[data-theme="dark"] .detect-info,html[data-theme="dark"] .mini-guide,
body.dark .panel,body.dark .stat-card,body.dark .chart-card,body.dark .card,body.dark .learn-card,body.dark .room-card,body.dark .res-card,body.dark .hero-topbar,body.dark .topbar,body.dark .datetime-card,body.dark .version-badge,body.dark .theme-toggle,body.dark .glass-toggle,body.dark .quick-admin-btn,body.dark .lock-computer-btn,body.dark .check-card,body.dark .file-chip,body.dark .status.idle,body.dark .detect-info,body.dark .mini-guide{
  background:linear-gradient(180deg,rgba(137,141,136,.94),rgba(105,111,107,.92))!important;
  color:#FFFDF4!important;
  border:1px solid rgba(222,226,218,.32)!important;
  box-shadow:0 18px 44px rgba(45,50,48,.28)!important;
}
html[data-theme="dark"] .nav-item, body.dark .nav-item{color:#FFF7E8!important;}
html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .nav-item.active,
body.dark .nav-item:hover,body.dark .nav-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.11))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 5px 0 0 #F1CE7B!important;
}
html[data-theme="dark"] .dropzone, body.dark .dropzone{
  background:rgba(118,123,119,.75)!important;
  border-color:#D6C38A!important;
  color:#FFFDF4!important;
}
html[data-theme="dark"] .global-marquee-footer, html[data-theme="dark"] .footer-note, html[data-theme="dark"] .pro-footer,
body.dark .global-marquee-footer, body.dark .footer-note, body.dark .pro-footer{
  background:linear-gradient(135deg,#7F847F,#626865)!important;
  color:#FFF0C2!important;
  border:1px solid rgba(255,255,255,.22)!important;
  opacity:1!important;
}
html[data-theme="dark"] .global-marquee-footer *, html[data-theme="dark"] .footer-note *, html[data-theme="dark"] .pro-footer *,
body.dark .global-marquee-footer *, body.dark .footer-note *, body.dark .pro-footer *{color:#FFF0C2!important;opacity:1!important;}

/* ===== BETA 2.2.4 - CEMENT DARK + SAND LIGHT FINAL OVERRIDE ===== */
:root, body.light, body.theme-light{
  --bg:#f3e1b8 !important;
  --card:#fff4dc !important;
  --card2:#f8e6bd !important;
  --text:#49351d !important;
  --muted:#8a6a3c !important;
  --border:#e4c98f !important;
  --primary:#a86f18 !important;
  --primary2:#d99a2b !important;
  --accent:#ffd87a !important;
  --glass:rgba(255,244,220,.86) !important;
}
body.dark, body.theme-dark, body.dark-mode{
  --bg:#6f7472 !important;
  --card:#7e8582 !important;
  --card2:#6a706e !important;
  --text:#f6f4ef !important;
  --muted:#ded8ca !important;
  --border:#9da39e !important;
  --primary:#f2d28a !important;
  --primary2:#c7a155 !important;
  --accent:#ead39b !important;
  --glass:rgba(126,133,130,.82) !important;
  --shadow:0 24px 70px rgba(45,48,47,.38) !important;
  --shadow2:0 14px 36px rgba(45,48,47,.28) !important;
}
body.dark, body.theme-dark, body.dark-mode{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.10), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(0,0,0,.13), transparent 24%),
    linear-gradient(135deg,#777d7a 0%,#686e6c 48%,#575d5b 100%) !important;
}
body.light, body.theme-light{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.65), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(214,154,43,.22), transparent 26%),
    linear-gradient(135deg,#fff4dc 0%,#f3e1b8 50%,#ead09a 100%) !important;
}
body.dark .sidebar, body.theme-dark .sidebar, body.dark-mode .sidebar,
body.dark .res-sidebar, body.theme-dark .res-sidebar, body.dark-mode .res-sidebar{
  background:linear-gradient(180deg,#7f8582 0%,#666d6a 54%,#555b59 100%) !important;
  box-shadow:18px 0 46px rgba(45,48,47,.32) !important;
}
body.light .sidebar, body.theme-light .sidebar,
body.light .res-sidebar, body.theme-light .res-sidebar{
  background:linear-gradient(180deg,#f7e6bf 0%,#efd39b 100%) !important;
  color:#5a3b13 !important;
}
body.light .nav-item, body.theme-light .nav-item,
body.light .brand span, body.theme-light .brand span{
  color:#6f4b18 !important;
}
body.light .nav-item:hover, body.light .nav-item.active, body.theme-light .nav-item:hover, body.theme-light .nav-item.active{
  background:rgba(168,111,24,.16) !important;
  color:#3f2b12 !important;
}
body.dark .hero-topbar, body.theme-dark .hero-topbar, body.dark-mode .hero-topbar,
body.dark .panel, body.theme-dark .panel, body.dark-mode .panel,
body.dark .stat-card, body.theme-dark .stat-card, body.dark-mode .stat-card,
body.dark .mini-guide, body.theme-dark .mini-guide, body.dark-mode .mini-guide,
body.dark .check-card, body.theme-dark .check-card, body.dark-mode .check-card{
  background:linear-gradient(145deg,rgba(128,136,132,.92),rgba(96,103,100,.88)) !important;
  border-color:rgba(220,220,210,.22) !important;
}
body.light .hero-topbar, body.theme-light .hero-topbar,
body.light .panel, body.theme-light .panel,
body.light .stat-card, body.theme-light .stat-card,
body.light .mini-guide, body.theme-light .mini-guide,
body.light .check-card, body.theme-light .check-card{
  background:linear-gradient(145deg,rgba(255,247,230,.94),rgba(248,226,181,.85)) !important;
  border-color:rgba(202,154,76,.28) !important;
}
.footer-note, .app-footer, footer{
  background:transparent !important;
  color:var(--muted) !important;
}
body.dark .footer-note, body.dark .app-footer, body.dark footer{
  color:#e7dfcf !important;
}


/* FINAL UI polish: remove filters spacing + larger dashboard clock */
.pro-status{gap:14px!important;align-items:center!important;}
.pro-clock{
  min-width:340px!important;
  height:88px!important;
  padding:14px 26px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  border:1px solid rgba(245,158,11,.38)!important;
  background:linear-gradient(135deg,rgba(255,236,179,.92),rgba(255,248,224,.82))!important;
  box-shadow:0 14px 34px rgba(120,74,0,.12)!important;
}
.pro-clock .clock{
  order:1;
  font-size:34px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#7a4b00!important;
  letter-spacing:.4px!important;
}
.pro-clock .date{
  order:2;
  margin-top:8px!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#8a5a08!important;
  white-space:nowrap!important;
  text-transform:capitalize!important;
}
body.dark .pro-clock{
  background:linear-gradient(135deg,#6f7774,#4f5956)!important;
  border-color:rgba(226,232,240,.36)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body.dark .pro-clock .clock{color:#ffffff!important;text-shadow:0 2px 14px rgba(255,255,255,.16)!important;}
body.dark .pro-clock .date{color:#f1f5f9!important;}
@media(max-width:1100px){.pro-clock{min-width:260px!important;height:76px!important}.pro-clock .clock{font-size:28px!important}.pro-clock .date{font-size:14px!important}}


/* FINAL 2.0 HOTFIX - UI polish */
.frt-sync-menu .nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block;vertical-align:middle}
.frt-sync-menu .nav-item[href="/pivot"] span{max-width:none}
.quick-tile div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:190px}
.pro-clock{min-width:360px!important;height:92px!important;padding:14px 26px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.pro-clock .clock{font-size:34px!important;line-height:1!important;font-weight:950!important;letter-spacing:.5px!important}.pro-clock .date{font-size:17px!important;font-weight:900!important;line-height:1.2!important}.pro-status{gap:14px!important;align-items:center!important}
body:not(.dark) .pro-clock,html[data-theme="light"] .pro-clock{background:linear-gradient(135deg,#fff8e7,#ffd979)!important;border:1px solid #d7a646!important;box-shadow:0 18px 42px rgba(189,126,18,.18)!important;color:#744c12!important}
body.dark .pro-clock,html[data-theme="dark"] .pro-clock{background:linear-gradient(135deg,#6f7775,#4e5755)!important;border:1px solid #8a9592!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important;color:#fff!important}
.cr-table th:last-child,.cr-table td:last-child{text-align:center!important;white-space:nowrap!important;min-width:96px!important}.cr-view-cell{display:flex!important;align-items:center!important;justify-content:center!important}.cr-view-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:34px!important;min-width:78px!important;padding:0 12px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.38)!important;background:linear-gradient(135deg,rgba(255,217,121,.95),rgba(210,151,22,.92))!important;color:#3b2808!important;font-weight:950!important;box-shadow:0 8px 20px rgba(0,0,0,.14)!important;cursor:pointer!important}.cr-view-link:hover{transform:translateY(-1px);filter:brightness(1.05)}
html[data-theme="dark"] .cr-view-link,body.dark .cr-view-link{background:linear-gradient(135deg,#818987,#5a6361)!important;color:#fff9e8!important;border-color:#9aa4a1!important}
.cr-table .icon-btn{vertical-align:middle!important}.res-menu .res-menu-item{white-space:nowrap}
/* Hide old filter entry/card wherever it leaks into dashboards */
a[href="/filters"], .filter-card-link, .filter-quick-card{display:none!important}
@media(max-width:1100px){.pro-clock{min-width:260px!important;height:78px!important}.pro-clock .clock{font-size:28px!important}.pro-clock .date{font-size:14px!important}}

/* AUTO_ACTIVATE_SELECTIVE + AVATAR GREEN GLOW */
.frt-account-pro{position:relative;overflow:visible!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.frt-account-pro:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.42)!important;box-shadow:0 18px 42px rgba(22,163,74,.18),0 12px 30px rgba(0,0,0,.18)!important}
.frt-avatar{border:2px solid rgba(74,222,128,.95)!important;box-shadow:0 0 0 3px rgba(34,197,94,.16),0 0 14px rgba(34,197,94,.62),0 0 28px rgba(34,197,94,.38),inset 0 1px 0 rgba(255,255,255,.22)!important;animation:frtAvatarGreenGlow 3s ease-in-out infinite}
.frt-avatar:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.38),rgba(34,197,94,.13) 42%,transparent 72%);z-index:-1;filter:blur(2px);animation:frtAvatarHalo 3s ease-in-out infinite}
.frt-avatar i{width:13px!important;height:13px!important;right:-1px!important;bottom:1px!important;background:#22c55e!important;border:2px solid #ecfdf5!important;box-shadow:0 0 0 3px rgba(34,197,94,.20),0 0 16px rgba(34,197,94,.95)!important}
@keyframes frtAvatarGreenGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.14),0 0 12px rgba(34,197,94,.48),0 0 24px rgba(34,197,94,.26),inset 0 1px 0 rgba(255,255,255,.22)}50%{box-shadow:0 0 0 4px rgba(34,197,94,.22),0 0 18px rgba(34,197,94,.85),0 0 38px rgba(34,197,94,.52),inset 0 1px 0 rgba(255,255,255,.26)}}
@keyframes frtAvatarHalo{0%,100%{opacity:.68;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}
.res-check-row{display:grid!important;grid-template-columns:22px 1fr!important;gap:8px 10px!important;align-items:start!important;border:1px dashed rgba(34,197,94,.38);border-radius:16px;padding:12px 14px;background:rgba(34,197,94,.07)}
.res-check-row input{width:18px!important;height:18px!important;margin-top:2px}.res-check-row small{grid-column:2;color:#64748b}.res-check-row span{font-weight:900;color:#166534}

/* V2.2.4 - chỉnh tên rạp fallback theo từng file khi upload nhiều file */
.file-chip.file-chip-rap{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,420px);gap:12px;align-items:center;padding:12px 14px!important;}
.file-chip-main{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.file-chip-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-rap-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:800}.file-rap-field span{white-space:nowrap}.file-rap-field input{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);padding:9px 11px;font-weight:800;outline:none}.file-rap-field input:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
@media(max-width:760px){.file-chip.file-chip-rap{grid-template-columns:1fr}.file-rap-field{align-items:flex-start;flex-direction:column}.file-rap-field span{white-space:normal}}


/* V2.2.6: TOTAL ở cuối bảng Review */
.review-total-foot td{
  position:sticky;bottom:0;z-index:3;
  background:#fff7df!important;
  color:#111827!important;
  border-top:2px solid rgba(180,120,20,.45)!important;
  font-weight:900!important;
  box-shadow:0 -8px 18px rgba(15,23,42,.08);
}
.review-total-foot .total-label{
  text-align:right;letter-spacing:.08em;color:#92400e!important;
}
body.theme-dark .review-total-foot td,.theme-dark .review-total-foot td,[data-theme="dark"] .review-total-foot td{
  background:rgba(120,70,12,.96)!important;
  color:#fff7ed!important;
  border-top-color:rgba(251,191,36,.55)!important;
}
body.theme-dark .review-total-foot .total-label,.theme-dark .review-total-foot .total-label,[data-theme="dark"] .review-total-foot .total-label{
  color:#fde68a!important;
}

/* ===== CINEMA ONE ENTERPRISE 5.0 FINAL BRANDING ===== */
:root{--fr30-green:#22c55e;--fr30-green2:#16a34a;--fr30-mint:#86efac;--fr30-glass:rgba(255,255,255,.18)}
.brand-logo,.mail-brand-logo,.login-logo,.res-logo-box,.cr-logo,.logo-glass{
  width:72px!important;height:72px!important;border-radius:26px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(34,197,94,.20))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.20),0 18px 45px rgba(34,197,94,.24),inset 0 1px 1px rgba(255,255,255,.55)!important;
  backdrop-filter:blur(18px) saturate(1.35)!important;
}
.brand-logo img,.mail-brand-logo img,.login-logo img,.res-logo-box img{
  width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(34,197,94,.30));
}
.login-logo{width:92px!important;height:92px!important;border-radius:30px!important}.login-logo img{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}
.user-mini-card:before,.frt-avatar,.user-avatar,.avatar-img,[data-avatar-btn] img{
  box-shadow:0 0 0 3px rgba(34,197,94,.85),0 0 22px rgba(34,197,94,.75),0 0 44px rgba(34,197,94,.35)!important;
  animation:fr30AvatarGlow 3s ease-in-out infinite;
}
@keyframes fr30AvatarGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.72),0 0 18px rgba(34,197,94,.48),0 0 36px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 3px rgba(134,239,172,.95),0 0 28px rgba(34,197,94,.88),0 0 58px rgba(34,197,94,.42)}}
.fr30-splash{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(34,197,94,.24),transparent 36%),linear-gradient(135deg,rgba(2,6,23,.96),rgba(15,23,42,.92));backdrop-filter:blur(22px);transition:opacity .45s ease,visibility .45s ease}.fr30-splash.hide{opacity:0;visibility:hidden}.fr30-splash-card{width:min(520px,calc(100vw - 38px));padding:34px;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 70px rgba(34,197,94,.18);text-align:center;color:#ecfdf5}.fr30-splash-logo{width:138px;height:138px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 0 35px rgba(34,197,94,.55));animation:fr30LogoPulse 2.2s ease-in-out infinite}.fr30-splash-title{font-size:34px;font-weight:950;letter-spacing:.4px;margin:0}.fr30-splash-sub{margin:8px 0 0;color:#bbf7d0;font-weight:800}.fr30-splash-copy{margin:14px 0 22px;color:rgba(236,253,245,.74);font-size:13px}.fr30-loadbar{height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.fr30-loadbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55e,#86efac,#16a34a);border-radius:999px;animation:fr30Load 5s ease forwards}.fr30-loading{margin-top:12px;color:#86efac;font-weight:900;font-size:13px}@keyframes fr30Load{to{width:100%}}@keyframes fr30LogoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 26px rgba(34,197,94,.45))}50%{transform:scale(1.045);filter:drop-shadow(0 0 44px rgba(34,197,94,.85))}}
.fr30-dup-modal{position:fixed;inset:0;z-index:999998;display:grid;place-items:center;background:rgba(2,6,23,.58);backdrop-filter:blur(8px)}.fr30-dup-card{width:min(560px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.22);background:var(--card,rgba(15,23,42,.95));color:var(--text,#fff);border-radius:26px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.fr30-dup-card h3{margin:0 0 8px;font-size:24px}.fr30-dup-card p{color:var(--muted,#94a3b8);line-height:1.55}.fr30-dup-file{padding:12px 14px;border-radius:16px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);margin:14px 0;font-weight:850}.fr30-dup-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.fr30-dup-actions button{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.fr30-skip{background:rgba(148,163,184,.18);color:var(--text,#fff)}.fr30-redo{background:linear-gradient(135deg,#22c55e,#16a34a);color:white}.fr30-always{background:rgba(59,130,246,.18);color:#93c5fd}

/* ===== CINEMA ONE ENTERPRISE 5.0 OFFICIAL PREMIUM BRAND PATCH ===== */
:root{
  --frp-red:#ef233c;
  --frp-red2:#ff5a5f;
  --frp-dark:#07090f;
  --frp-glass:rgba(255,255,255,.085);
}
.brand-logo,.mail-brand-logo,.login-logo,.res-logo-box,.logo-glass,.fr30-splash-logo-wrap,.premium-logo-ring{
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.16),rgba(255,35,52,.10) 45%,rgba(0,0,0,.16) 78%)!important;
  border:1px solid rgba(255,80,90,.58)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.08) inset,0 0 20px rgba(239,35,60,.55),0 0 52px rgba(239,35,60,.32),0 18px 40px rgba(0,0,0,.22)!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.brand-logo img,.mail-brand-logo img,.login-logo img,.res-logo-box img,.logo-glass img{
  width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(239,35,60,.75))!important;
}
.brand-main,.frt-brand-pro,.sidebar .brand{
  align-items:center!important;
}
.sidebar .brand-logo{width:82px!important;height:82px!important;min-width:82px!important;border-radius:50%!important;}
.sidebar .brand strong{font-size:20px!important;line-height:1.04!important;letter-spacing:.2px!important;color:#fff!important;text-shadow:0 0 16px rgba(239,35,60,.32)!important;}
.sidebar .brand span{letter-spacing:2.8px!important;color:#fecaca!important;font-size:11px!important;}
.sidebar{background:radial-gradient(circle at 30% 0%,rgba(239,35,60,.25),transparent 32%),linear-gradient(180deg,#111827,#05070d 72%)!important;border-right:1px solid rgba(255,80,90,.18)!important;}
.nav a.active,.sidebar .nav a.active{background:linear-gradient(135deg,rgba(239,35,60,.28),rgba(127,29,29,.55))!important;border-color:rgba(255,80,90,.42)!important;box-shadow:0 0 24px rgba(239,35,60,.20)!important;}
.fr30-splash{background:radial-gradient(circle at 50% 33%,rgba(239,35,60,.30),transparent 31%),radial-gradient(circle at 16% 8%,rgba(25,40,75,.55),transparent 42%),linear-gradient(135deg,rgba(2,6,23,.98),rgba(8,11,18,.96))!important;}
.fr30-splash-card{background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(7,10,16,.74))!important;color:#f8fafc!important;border:1px solid rgba(255,80,90,.32)!important;box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 95px rgba(239,35,60,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;}
.fr30-splash-logo{width:156px!important;height:156px!important;border-radius:50%!important;filter:drop-shadow(0 0 42px rgba(239,35,60,.88))!important;animation:fr30PremiumPulse 2.4s ease-in-out infinite!important;}
.fr30-splash-title{color:#fff!important;font-size:36px!important;text-shadow:0 0 28px rgba(239,35,60,.22)!important;}
.fr30-splash-sub{color:#ffb4b8!important;font-weight:900!important;letter-spacing:.4px!important;}
.fr30-splash-copy{color:rgba(248,250,252,.78)!important;}
.fr30-loadbar{height:13px!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,80,90,.20)!important;}
.fr30-loadbar span{background:linear-gradient(90deg,#7f1d1d,#ef233c,#ff8a8f,#ef233c)!important;box-shadow:0 0 22px rgba(239,35,60,.72)!important;}
.fr30-loading{color:#ffb4b8!important;}
@keyframes fr30PremiumPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 28px rgba(239,35,60,.58))}50%{transform:scale(1.045);filter:drop-shadow(0 0 56px rgba(239,35,60,.95))}}
.login-logo{width:132px!important;height:132px!important;border-radius:50%!important;margin-bottom:14px!important;}
.login-logo img{width:116px!important;height:116px!important;}
.card,.panel,.hero-card,.glass-card,.dashboard-card{box-shadow:0 16px 42px rgba(15,23,42,.10),0 0 0 1px rgba(239,35,60,.08)!important;}
.btn-primary,.primary,.cr-btn{background:linear-gradient(135deg,#ef233c,#991b1b)!important;box-shadow:0 10px 28px rgba(239,35,60,.24)!important;}
/* Premium processing modal helper classes */
.frp-processing-logo{width:118px;height:118px;border-radius:50%;margin:0 auto 12px;filter:drop-shadow(0 0 36px rgba(239,35,60,.8));}
.frp-watermark:after{content:'Cinema One Enterprise';position:fixed;right:18px;bottom:12px;z-index:1;pointer-events:none;color:rgba(239,35,60,.13);font-weight:900;letter-spacing:.08em;font-size:12px;text-transform:uppercase;}

/* ===== FRT 3.0 PREMIUM FIX: logo clarity + readable splash + sidebar no overflow ===== */
:root{--frt-red:#ff2638;--frt-red2:#b31220;--frt-cream:#fff6df;--frt-ink:#2b1b0d;}
.brand-main.frt-brand-pro{
  display:flex!important;align-items:center!important;gap:14px!important;
  padding:14px 18px!important;min-height:104px!important;overflow:hidden!important;
  border-radius:16px!important;background:linear-gradient(135deg,rgba(255,247,224,.94),rgba(245,220,150,.78))!important;
  border:1px solid rgba(190,139,35,.52)!important;box-shadow:0 12px 28px rgba(80,54,5,.08)!important;
}
.frt-brand-pro .brand-logo,.sidebar .brand-logo,.logo-glass{
  width:72px!important;height:72px!important;min-width:72px!important;border-radius:50%!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95),rgba(255,235,238,.72) 54%,rgba(255,38,56,.14) 78%,rgba(255,38,56,.06))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.78) inset,0 0 26px rgba(255,38,56,.32),0 8px 18px rgba(50,20,20,.15)!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
.frt-brand-pro .brand-logo img,.sidebar .brand-logo img,.logo-glass img{
  width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 0 12px rgba(255,38,56,.55))!important;
}
.frt-brand-pro .brand-main-text,.frt-brand-pro>div:not(.brand-logo){min-width:0!important;max-width:128px!important;overflow:visible!important;}
.frt-brand-pro strong{
  display:block!important;font-size:21px!important;line-height:1.03!important;font-weight:1000!important;letter-spacing:.2px!important;color:#2a1a0a!important;
  white-space:normal!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important;
}
.frt-brand-pro span{
  display:block!important;margin-top:8px!important;font-size:12px!important;line-height:1!important;font-weight:1000!important;letter-spacing:5px!important;color:#7a4d13!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}

.fr30-splash{background:radial-gradient(circle at 50% 30%,rgba(255,38,56,.23),transparent 34%),radial-gradient(circle at 18% 10%,rgba(22,37,64,.55),transparent 45%),linear-gradient(135deg,#07101c,#111827 48%,#090b12)!important;}
.fr30-splash-card{
  width:min(560px,calc(100vw - 38px))!important;padding:36px 42px 34px!important;border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,247,224,.98),rgba(255,242,202,.94))!important;
  border:1.5px solid rgba(211,153,38,.60)!important;box-shadow:0 34px 100px rgba(0,0,0,.50),0 0 85px rgba(255,38,56,.20)!important;
  color:#2b1b0d!important;text-align:center!important;
}
.fr30-splash-logo{
  width:142px!important;height:142px!important;margin:0 auto 18px!important;border-radius:50%!important;object-fit:contain!important;
  filter:drop-shadow(0 0 32px rgba(255,38,56,.72))!important;
}
.fr30-splash-title{font-size:34px!important;line-height:1.15!important;font-weight:1000!important;color:#2b1b0d!important;text-shadow:none!important;margin:0!important;}
.fr30-splash-sub{font-size:17px!important;font-weight:1000!important;color:#be1e2d!important;margin-top:12px!important;letter-spacing:.2px!important;}
.fr30-splash-copy{font-size:13px!important;line-height:1.35!important;color:#6b4b20!important;margin:14px 0 22px!important;font-weight:800!important;}
.fr30-loadbar{height:12px!important;background:#ffe4c5!important;border:1px solid rgba(190,139,35,.38)!important;box-shadow:inset 0 1px 4px rgba(91,54,8,.12)!important;}
.fr30-loadbar span{background:linear-gradient(90deg,#a80f19,#ff2638,#ff8a8f)!important;box-shadow:0 0 16px rgba(255,38,56,.38)!important;}
.fr30-loading{color:#be1e2d!important;font-size:14px!important;font-weight:1000!important;margin-top:14px!important;}

.login-logo{background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,232,234,.8) 64%,rgba(255,38,56,.16))!important;box-shadow:0 0 35px rgba(255,38,56,.28)!important;}
.login-logo img{filter:drop-shadow(0 0 18px rgba(255,38,56,.60))!important;}
@media(max-width:900px){.frt-brand-pro strong{font-size:18px!important}.frt-brand-pro .brand-logo{width:64px!important;height:64px!important;min-width:64px!important}.frt-brand-pro .brand-logo img{width:56px!important;height:56px!important}}

/* CNOX missing code modal */
.cnox-modal.hidden{display:none!important}
.cnox-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.cnox-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(7px)}
.cnox-card{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:var(--panel,#fff);color:var(--text,#111827);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:24px;border:1px solid rgba(148,163,184,.35)}
.cnox-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;cursor:pointer;color:inherit}
.cnox-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.cnox-head h2{margin:0;font-size:22px}.cnox-head p{margin:4px 0 0;color:var(--muted,#64748b)}
.cnox-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:24px}
.cnox-missing-box h3{margin:18px 0 8px;font-size:15px;color:var(--muted,#475569);text-transform:uppercase;letter-spacing:.04em}.cnox-row{display:grid;grid-template-columns:1fr 190px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.25)}
.cnox-row span{font-weight:700}.cnox-row input{padding:11px 12px;border:1px solid rgba(148,163,184,.55);border-radius:12px;background:rgba(255,255,255,.9);font-weight:700;text-transform:uppercase}.cnox-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cnox-status{margin-top:12px;font-weight:700;color:#2563eb}
@media(max-width:640px){.cnox-row{grid-template-columns:1fr}.cnox-actions{flex-direction:column}}

/* V3.1 Beta - Upload nhanh danh sách rạp tại trang Upload */
.cinema-upload-row{display:flex;gap:8px;align-items:center;width:100%}
.cinema-upload-row select{flex:1;min-width:0}
.cinema-mini-btn{white-space:nowrap;padding:10px 12px;border-radius:12px;font-weight:800}
#quick_cinema_hint.ok{color:#15803d;font-weight:800}
#quick_cinema_hint.warn{color:#b45309;font-weight:800}
@media(max-width:780px){.cinema-upload-row{flex-wrap:wrap}.cinema-upload-row select{flex-basis:100%}.cinema-mini-btn{flex:1}}

/* FRT 4.0.1: menu uppercase + refresh + cinema colors */
.frt-sync-menu .nav-item span,
.sidebar .nav-item span,
.sidebar .quick-logout-btn,
.sidebar .frt-account-text b,
.sidebar .frt-account-text span{ text-transform:uppercase!important; }
.refresh-preview-btn{background:#ecfdf5!important;border-color:#86efac!important;color:#15803d!important;font-weight:900!important;}
.refresh-preview-btn:hover{background:#dcfce7!important;transform:translateY(-1px);}
#resultTable tbody tr.cinema-colored-row{transition:filter .16s ease, transform .16s ease;}
#resultTable tbody tr.cinema-colored-row:hover{filter:saturate(1.08) brightness(1.02);}
#resultTable tbody tr.cinema-colored-row td:first-child + td{position:relative;font-weight:800;}
#resultTable tbody tr.cinema-colored-row td:first-child + td:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.55;margin-right:8px;vertical-align:middle;}


/* === V4.0.2 REVIEW TABLE FIX: màu theo RẠP, không theo Film + nút Refresh nổi bật === */
.frt-sidebar-pro .nav-item span,
.frt-sidebar-pro .frt-nav-group-title,
.frt-sidebar-pro .quick-logout-btn,
.frt-sidebar-pro .frt-account-text span,
.frt-sidebar-pro .frt-account-text b{
  text-transform:uppercase!important;
}
.preview-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.preview-toolbar #tableSearch{
  flex:1 1 260px!important;
  min-width:220px!important;
  max-width:360px!important;
}
.refresh-preview-btn,
button#refreshUploadPage{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  background:#ecfdf5!important;
  border:1px solid #86efac!important;
  color:#15803d!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(22,163,74,.12)!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
.refresh-preview-btn:hover,
button#refreshUploadPage:hover{
  background:#dcfce7!important;
  border-color:#4ade80!important;
  transform:translateY(-1px)!important;
}
#resultTable tbody tr.cinema-colored-row,
#resultTable tbody tr.cinema-colored-row:nth-child(even),
html[data-theme="light"] #resultTable tbody tr.cinema-colored-row:nth-child(even),
html[data-theme="dark"] #resultTable tbody tr.cinema-colored-row:nth-child(even){
  background:var(--cinema-row-color)!important;
}
#resultTable tbody tr.cinema-colored-row > td{
  background:var(--cinema-row-color)!important;
}
#resultTable tbody tr.cinema-colored-row:hover,
#resultTable tbody tr.cinema-colored-row:hover > td{
  background:var(--cinema-row-hover-color)!important;
}
#resultTable tbody tr.cinema-colored-row td:first-child + td{
  position:relative;
  font-weight:900!important;
}
#resultTable tbody tr.cinema-colored-row td:first-child + td:before{
  content:none!important;
  display:none!important;
}

/* === V4.0.3: Refresh nằm cạnh nút THỰC HIỆN === */
.action-row-main{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(160px,260px) auto!important;gap:10px!important;align-items:center!important;}
.refresh-main-btn{height:48px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-transform:uppercase!important;}
@media(max-width:900px){.action-row-main{grid-template-columns:1fr!important}.refresh-main-btn{width:100%!important}}
/* CNOX chọn rạp trong popup */
.cnox-select-panel{border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:12px;margin:12px 0;background:rgba(14,165,233,.06)}
.cnox-select-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.cnox-select-head h3{margin:0!important}.cnox-select-search{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.45);border-radius:12px;margin:8px 0;background:rgba(255,255,255,.8);color:inherit}.cnox-cinema-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto}.cnox-cinema-item{display:flex;gap:8px;align-items:center;font-weight:800;border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:8px;background:rgba(255,255,255,.48)}.cnox-mini-action{border:1px solid rgba(148,163,184,.4);border-radius:999px;background:rgba(255,255,255,.7);padding:7px 10px;font-weight:900;cursor:pointer}.cnox-mini-action.active{background:#dcfce7;color:#15803d;border-color:#86efac}@media(max-width:640px){.cnox-cinema-list{grid-template-columns:1fr}}
/* CNOX + Mail */
.cnox-mail-box{border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:16px;margin-top:16px;background:rgba(14,165,233,.055)}.cnox-mail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.cnox-mail-list{display:grid;gap:10px;max-height:320px;overflow:auto;margin-top:12px}.cnox-mail-card{border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:10px;background:rgba(255,255,255,.62)}.cnox-mail-card label{display:flex;gap:10px;align-items:flex-start}.cnox-mail-card small{display:block;opacity:.72;margin-top:3px}


/* === 4.1.9 FULL WIDTH SWEEP ===
   Các site chức năng dùng toàn bộ chiều ngang, tránh bị bó hẹp ở bên trái. */
.v8-shell .main-content,
.app-shell .main-content{max-width:none!important;width:100%!important;box-sizing:border-box!important;}
.main-content > .panel, .main-content > .work-grid, .main-content > .hero-topbar{width:100%;box-sizing:border-box;}
.frt-sync-menu .nav-item span{text-transform:uppercase!important;}

/* 4.2.0 FULLSITE SWEEP - Dashboard, About, AI, CNOX use full screen width */
.app-shell .main-content,
.v8-shell .main-content,
main.main-content{max-width:none!important;width:100%!important;box-sizing:border-box!important;}
.main-content > .hero-topbar,
.main-content > .panel,
.main-content > section,
.main-content > .about-card,
.main-content > .about-grid,
.main-content > .ai-page,
.main-content > .cnox-shell,
.main-content > .cnox-control-center{max-width:none!important;width:100%!important;box-sizing:border-box!important;}
.frt-sync-menu .nav-item span{text-transform:uppercase!important;letter-spacing:.02em;}
.about-page{max-width:none!important;width:100%!important;}
.ai-page{max-width:none!important;width:100%!important;}
.review-wrap,.learned-table-wrap{max-width:none!important;width:100%!important;}
.pro-dashboard-page .sidebar .nav-item span{text-transform:uppercase!important;}

/* FRT 4.2.1: About page visible in system menu */
.frt-sync-menu .about-nav-item{
  border-color:rgba(14,165,233,.22)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(245,158,11,.08))!important;
}
.frt-sync-menu .about-nav-item.active{
  background:linear-gradient(135deg,#0ea5e9,#f59e0b)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
}

/* === FRT 4.2.2: GIỚI THIỆU visible on every site + PR page polish === */
.frt-sync-menu{overflow:visible!important;}
.frt-sync-menu .about-nav-item,
.nav-box .about-nav-item{
  display:flex!important;visibility:visible!important;opacity:1!important;
  align-items:center!important;gap:12px!important;
  border:1px solid rgba(14,165,233,.28)!important;
  background:linear-gradient(135deg,rgba(14,165,233,.11),rgba(245,158,11,.12))!important;
  color:inherit!important;
}
.frt-sync-menu .about-nav-item span,
.nav-box .about-nav-item span{display:inline!important;text-transform:uppercase!important;white-space:nowrap!important;}
.frt-sync-menu .about-nav-item.active,
.nav-box .about-nav-item.active{background:linear-gradient(135deg,#0ea5e9,#f59e0b)!important;color:#fff!important;box-shadow:0 16px 35px rgba(14,165,233,.22)!important;}
.frt-sidebar-pro{overflow:visible!important;}
.frt-sidebar-footer-pro{z-index:5;}
.about-pr-page{max-width:none!important;width:100%!important;padding-bottom:32px!important;}


/* ===== Cinema One Enterprise 4.0 Rebranding ===== */
:root{--co-bg:#06111f;--co-card:rgba(15,23,42,.78);--co-card2:rgba(30,41,59,.72);--co-text:#eef6ff;--co-muted:#9fb2ca;--co-blue:#38bdf8;--co-blue2:#2563eb;--co-green:#22c55e;--co-gold:#f59e0b;--co-border:rgba(148,163,184,.18);--co-shadow:0 24px 80px rgba(2,6,23,.28)}
body{background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 88% 10%,rgba(34,197,94,.10),transparent 28%),var(--bg)!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{background:linear-gradient(180deg,#020617 0%,#081827 48%,#0f172a 100%)!important;border-right:1px solid rgba(56,189,248,.16)!important}.brand-logo,.logo-glass{border-radius:22px!important;background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.28),rgba(15,23,42,.72))!important;box-shadow:0 0 28px rgba(56,189,248,.30),inset 0 0 0 1px rgba(255,255,255,.16)!important}.brand-logo img{max-width:88%!important;max-height:88%!important}.cinema-one-brand strong,.brand strong{letter-spacing:.08em!important}.cinema-one-brand span,.brand span{color:#7dd3fc!important;font-weight:900!important}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(37,99,235,.18))!important;box-shadow:inset 3px 0 0 #38bdf8!important}.frt-nav-group-title{color:#7dd3fc!important;letter-spacing:.16em!important}.frt-avatar{box-shadow:0 0 0 4px rgba(34,197,94,.10),0 0 25px rgba(34,197,94,.38)!important;animation:coAvatarPulse 2.5s ease-in-out infinite}@keyframes coAvatarPulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.10),0 0 18px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 7px rgba(34,197,94,.18),0 0 34px rgba(34,197,94,.48)}}.global-marquee-footer{background:linear-gradient(90deg,#020617,#0f172a,#083344)!important;border-top:1px solid rgba(56,189,248,.20)!important}.global-marquee-track{color:#dff6ff!important;font-weight:950!important}.frp-watermark:after{content:'Cinema One Enterprise 4.0'!important}.co-page{background:radial-gradient(circle at 16% -5%,rgba(56,189,248,.23),transparent 30%),radial-gradient(circle at 80% 8%,rgba(34,197,94,.13),transparent 28%),linear-gradient(180deg,#06111f,#0b1423)!important;color:#eaf6ff!important}.co-hero{position:relative;overflow:hidden;border:1px solid var(--co-border);border-radius:30px;padding:28px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,47,73,.66));box-shadow:var(--co-shadow);margin-bottom:18px}.co-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 68%)}.co-eyebrow{color:#7dd3fc;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.co-title{font-size:44px;line-height:1;margin:8px 0 10px;color:#fff;letter-spacing:-.04em}.co-sub{color:#b6c7dd;font-weight:800;max-width:900px;line-height:1.6}.co-grid{display:grid;gap:16px}.co-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.co-card{border:1px solid var(--co-border);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.94));box-shadow:0 18px 54px rgba(2,6,23,.22);padding:18px;color:#eaf6ff}.co-kpi i{font-style:normal;font-size:28px}.co-kpi small{display:block;color:#91a6bf;font-weight:950;text-transform:uppercase;font-size:11px;margin-top:12px}.co-kpi b{display:block;font-size:30px;color:#fff;margin-top:4px}.co-kpi span{color:#93a4bd;font-size:12px;font-weight:800}.co-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:18px}.co-panel{border:1px solid var(--co-border);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(15,23,42,.92));padding:20px;box-shadow:0 18px 54px rgba(2,6,23,.22);margin-bottom:18px}.co-panel h2{margin:0 0 14px;color:#fff}.co-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 15px;border:1px solid rgba(148,163,184,.18);background:rgba(30,41,59,.72);text-decoration:none;color:#eaf6ff;font-weight:950}.co-btn.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:0}.co-btn.green{background:linear-gradient(135deg,#16a34a,#22c55e);border:0}.co-btn.gold{background:linear-gradient(135deg,#d97706,#f59e0b);border:0}.co-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.co-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--co-border);border-radius:20px;background:rgba(30,41,59,.64);color:#eaf6ff;text-decoration:none;transition:.18s}.co-tile:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.42);background:rgba(14,165,233,.16)}.co-tile i{font-style:normal;font-size:27px}.co-tile b{display:block;color:#fff}.co-tile span{display:block;color:#93a4bd;font-size:12px;margin-top:3px}.co-list{display:grid;gap:10px}.co-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--co-border);border-radius:16px;background:rgba(30,41,59,.58);padding:13px 14px}.co-row b{color:#fff}.co-row span{color:#93a4bd;font-weight:800}.co-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:950;font-size:12px;background:rgba(34,197,94,.14);color:#86efac}.co-status.wait{background:rgba(245,158,11,.15);color:#fcd34d}.co-status.err{background:rgba(239,68,68,.15);color:#fca5a5}.co-assistant{min-height:260px}.co-chat{border:1px solid var(--co-border);border-radius:20px;background:rgba(2,6,23,.30);padding:14px;display:grid;gap:10px}.co-bubble{max-width:90%;border-radius:18px;padding:12px 14px;font-weight:800;line-height:1.45}.co-bubble.ai{background:rgba(14,165,233,.16);border:1px solid rgba(56,189,248,.22)}.co-bubble.user{margin-left:auto;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.20)}.co-command{display:flex;gap:8px;margin-top:12px}.co-command input{flex:1;border:1px solid var(--co-border);border-radius:16px;background:rgba(15,23,42,.76);color:#fff;padding:13px 14px}.co-command button{border:0;border-radius:16px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:white;font-weight:950;padding:0 16px}.co-bars{display:grid;gap:12px}.co-bar{display:grid;grid-template-columns:110px 1fr 64px;gap:10px;align-items:center}.co-track{height:12px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.co-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#2563eb)}.login-body .login-card{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.88))!important;border:1px solid rgba(56,189,248,.18)!important;color:#eaf6ff!important}.login-body h1{color:#fff!important}.login-body .login-subtitle,.login-body .login-footer,.login-form label{color:#b6c7dd!important}.login-body .eyebrow{color:#7dd3fc!important}.login-body .login-logo{box-shadow:0 0 34px rgba(56,189,248,.34)!important}.login-form button{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important}.login-body input{background:rgba(15,23,42,.76)!important;color:#fff!important;border-color:rgba(148,163,184,.24)!important}.co-table{width:100%;border-collapse:separate;border-spacing:0 10px}.co-table th{text-align:left;color:#93a4bd;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 12px}.co-table td{padding:14px 12px;background:rgba(30,41,59,.58);border-top:1px solid var(--co-border);border-bottom:1px solid var(--co-border)}.co-table td:first-child{border-left:1px solid var(--co-border);border-radius:16px 0 0 16px}.co-table td:last-child{border-right:1px solid var(--co-border);border-radius:0 16px 16px 0}@media(max-width:1280px){.co-kpis{grid-template-columns:repeat(3,1fr)}.co-main-grid{grid-template-columns:1fr}}@media(max-width:820px){.co-kpis,.co-quick{grid-template-columns:1fr}.co-title{font-size:34px}}

/* =========================================================
   CINEMA ONE 4.0 UI REFRESH - logo trong suốt + màu/chữ rõ
   ========================================================= */
:root{
  --bg:#08111f!important;
  --card:#101c2f!important;
  --card2:#17243a!important;
  --text:#f4f8ff!important;
  --muted:#b9c7d8!important;
  --border:rgba(148,163,184,.24)!important;
  --primary:#38bdf8!important;
  --primary2:#2563eb!important;
  --accent:#22c55e!important;
  --ok:#22c55e!important;
  --danger:#fb7185!important;
  --warning:#facc15!important;
  --glass:rgba(15,23,42,.76)!important;
  --shadow:0 24px 80px rgba(2,6,23,.38)!important;
  --shadow2:0 16px 44px rgba(2,6,23,.28)!important;
  --co-border:rgba(125,211,252,.20)!important;
  --co-shadow:0 28px 86px rgba(2,6,23,.42)!important;
}
body:not(.dark):not(.co-page):not(.login-body){
  --bg:#f6f9fc!important;--card:#ffffff!important;--card2:#eef5fb!important;--text:#0f172a!important;--muted:#475569!important;--border:rgba(15,23,42,.14)!important;--glass:rgba(255,255,255,.86)!important;
  background:radial-gradient(circle at 14% -8%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 88% 10%,rgba(34,197,94,.12),transparent 28%),var(--bg)!important;
}
body.dark, body.co-page, body.login-body{
  --bg:#07111f!important;--card:#0f1b2d!important;--card2:#14233a!important;--text:#f8fbff!important;--muted:#c4d1e1!important;--border:rgba(148,163,184,.25)!important;--glass:rgba(15,23,42,.76)!important;
  background:radial-gradient(circle at 15% -10%,rgba(56,189,248,.23),transparent 30%),radial-gradient(circle at 92% 8%,rgba(34,197,94,.13),transparent 28%),linear-gradient(180deg,#07111f 0%,#0a1322 52%,#06101d 100%)!important;
  color:var(--text)!important;
}
body, input, select, textarea, button{letter-spacing:.01em} 
body.dark p, body.dark span, body.dark small, body.co-page p, body.co-page span, body.co-page small{color:inherit}
.field span,.login-form label,.mini-guide,.date,.stat-card span,.stat-card small,.co-sub,.co-tile span,.co-row span,.co-kpi span,.co-kpi small{color:var(--muted)!important}
.panel,.hero-topbar,.stat-card,.chart-card,.res-panel,.co-panel,.co-card,.co-row,.co-tile{
  border-color:var(--border)!important;
}
.field input,.field select,.table-toolbar input,.login-form input,.activate-card input,.activate-card textarea,.co-command input,textarea,select,input{
  color:var(--text)!important;
  background:rgba(15,23,42,.72)!important;
  border-color:var(--border)!important;
}
body:not(.dark):not(.co-page):not(.login-body) input,
body:not(.dark):not(.co-page):not(.login-body) select,
body:not(.dark):not(.co-page):not(.login-body) textarea{
  color:#0f172a!important;background:#fff!important;
}
input::placeholder,textarea::placeholder{color:#8fa3b8!important}.primary-btn,.co-btn.primary,.co-command button{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important}.download,.co-btn.green{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}.co-btn.gold{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#fff!important}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{background:linear-gradient(180deg,#020617 0%,#071827 55%,#0b1220 100%)!important;color:#eaf6ff!important;border-right:1px solid rgba(56,189,248,.18)!important}.nav-item{color:#cde8f7!important}.nav-item.active,.nav-item:hover{color:#fff!important;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(34,197,94,.10))!important;box-shadow:inset 3px 0 0 #38bdf8,0 8px 28px rgba(56,189,248,.08)!important}.frt-nav-group-title{color:#7dd3fc!important}.brand-logo,.logo-glass,.login-logo{background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.26),rgba(2,6,23,.54))!important;border:1px solid rgba(125,211,252,.24)!important;box-shadow:0 0 30px rgba(56,189,248,.20), inset 0 0 0 1px rgba(255,255,255,.10)!important;overflow:hidden}.brand-logo img{width:88%!important;height:88%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.login-logo img{width:86%!important;height:86%!important;object-fit:contain!important}
.co-page{--co-border:rgba(125,211,252,.20)!important;--co-shadow:0 28px 86px rgba(2,6,23,.48)!important}.co-hero{position:relative!important;min-height:230px!important;padding:34px 34px 34px 310px!important;background:linear-gradient(135deg,rgba(8,18,32,.94),rgba(8,47,73,.65) 58%,rgba(20,83,45,.34))!important;border:1px solid rgba(125,211,252,.24)!important;box-shadow:0 26px 82px rgba(2,6,23,.42)!important}.co-hero-logo{position:absolute;left:34px;top:50%;transform:translateY(-50%);width:230px;height:190px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(125,211,252,.15),rgba(15,23,42,.20) 52%,rgba(2,6,23,.10));border:1px solid rgba(125,211,252,.12);box-shadow:inset 0 0 60px rgba(56,189,248,.08),0 18px 50px rgba(2,6,23,.24)}.co-hero-logo img{max-width:78%;max-height:94%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(125,211,252,.22))}.co-hero:before{content:"";position:absolute;right:36px;bottom:-18px;width:260px;height:260px;background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat;opacity:.055;pointer-events:none}.co-title{font-size:48px!important;color:#fff!important;text-shadow:0 0 28px rgba(56,189,248,.10)!important}.co-eyebrow{color:#7dd3fc!important}.co-sub{color:#d4e5f4!important}.co-card,.co-panel{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(15,23,42,.94))!important;color:#eef8ff!important}.co-kpi b,.co-panel h2,.co-row b,.co-tile b{color:#fff!important}.co-tile,.co-row{background:rgba(30,41,59,.66)!important}.co-tile:hover{border-color:rgba(56,189,248,.48)!important;box-shadow:0 18px 46px rgba(56,189,248,.10)!important}.co-track,.progress,.bar-track{background:rgba(148,163,184,.18)!important}.co-track span,.progress div,.bar-track span{background:linear-gradient(90deg,#38bdf8,#2563eb,#22c55e)!important}.co-status{background:rgba(34,197,94,.16)!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.22)}.co-status.wait{background:rgba(250,204,21,.14)!important;color:#fde68a!important;border-color:rgba(250,204,21,.22)}.co-status.err{background:rgba(251,113,133,.16)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.24)}
.login-body .login-card{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92))!important}.login-body .login-card:before{content:"";position:absolute;right:-24px;bottom:-46px;width:230px;height:230px;background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat;opacity:.07;pointer-events:none}.login-body h1{color:#fff!important}.login-subtitle{color:#d4e5f4!important}.login-error{background:rgba(251,113,133,.14)!important;color:#fecdd3!important;border:1px solid rgba(251,113,133,.24)!important}
.nt-modal-backdrop{background:rgba(2,6,23,.76)!important;backdrop-filter:blur(14px)!important}.nt-modal{background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;border:1px solid rgba(125,211,252,.22)!important;box-shadow:0 32px 96px rgba(0,0,0,.55),0 0 42px rgba(56,189,248,.08)!important;color:#f8fbff!important}.nt-modal-icon{background:rgba(56,189,248,.15)!important;color:#7dd3fc!important}.nt-modal-body{color:#d4e5f4!important}.nt-btn-ok{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;box-shadow:0 14px 34px rgba(14,165,233,.22)!important}.nt-btn-cancel{background:rgba(148,163,184,.16)!important;color:#eaf6ff!important}.nt-toast-wrap{position:fixed;right:22px;top:22px;z-index:999998;display:grid;gap:12px;pointer-events:none}.nt-toast{min-width:min(380px,calc(100vw - 44px));padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,47,73,.92));border:1px solid rgba(125,211,252,.24);box-shadow:0 22px 60px rgba(2,6,23,.38);color:#eef8ff;font-weight:850;line-height:1.45;animation:ntToastIn .2s ease-out}.nt-toast b{display:block;color:#fff;margin-bottom:3px}.nt-toast.ok{border-color:rgba(34,197,94,.30)}.nt-toast.err{border-color:rgba(251,113,133,.32)}@keyframes ntToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.table-wrap,table{color:var(--text)!important}th{color:#d4e5f4!important}td{color:var(--text)!important}.empty-card,.empty-chart{color:var(--muted)!important;background:rgba(30,41,59,.58)!important;border:1px solid var(--border)!important}.status.idle{background:rgba(30,41,59,.58)!important;color:#d4e5f4!important}.status.success{background:rgba(34,197,94,.15)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.25)!important}.status.error{background:rgba(251,113,133,.15)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.25)!important}
@media(max-width:980px){.co-hero{padding:220px 22px 24px!important}.co-hero-logo{left:22px;top:24px;transform:none;width:180px;height:170px}.co-title{font-size:36px!important}}

/* =========================================================
   CINEMA ONE 4.0.2 FINAL READABILITY + LOGO FIX
   Fix: logo không bị phóng to, chữ rõ trên mọi site, bỏ nền vàng làm chìm chữ
   ========================================================= */
:root{
  --co-bg-final:#07111f!important;
  --co-surface:#0f1b2d!important;
  --co-surface-2:#15243a!important;
  --co-line:rgba(125,211,252,.24)!important;
  --co-text-final:#f6fbff!important;
  --co-muted-final:#c8d7e7!important;
  --co-blue-final:#38bdf8!important;
  --co-green-final:#22c55e!important;
  --co-gold-final:#f59e0b!important;
}
html,body{background:#07111f!important;color:var(--co-text-final)!important;}
body:not(.login-body){background:radial-gradient(circle at 12% -8%,rgba(56,189,248,.20),transparent 32%),radial-gradient(circle at 92% 8%,rgba(34,197,94,.12),transparent 28%),linear-gradient(180deg,#07111f,#0a1424 55%,#06101d)!important;}
.app-shell,.v8-shell{background:transparent!important;}
.main-content{background:transparent!important;color:var(--co-text-final)!important;}
body, body *{text-rendering:geometricPrecision;}
/* chữ không bị chìm */
h1,h2,h3,h4,.title,.co-title,.co-panel h2,.co-kpi b,.co-row b,.co-tile b,.brand strong,.nav-item span{color:#ffffff!important;}
p,span,small,label,td,th,.muted,.co-sub,.co-kpi small,.co-kpi span,.co-row span,.co-tile span,.helper,.hint,.subtitle{color:var(--co-muted-final)!important;}
a{color:#7dd3fc!important}.co-btn,.primary-btn,.download,.nav-item.active span,.nav-item:hover span{color:#fff!important;}
/* panel/card đồng bộ tối */
.panel,.hero-topbar,.stat-card,.chart-card,.res-panel,.card,.glass-card,.dashboard-card,.co-panel,.co-card,.co-row,.co-tile,.table-wrap,.empty-card,.empty-chart,.ai-card,.cnox-card,.copyright-card,.mail-card,.learn-card{
  background:linear-gradient(180deg,rgba(15,27,45,.92),rgba(10,19,33,.96))!important;
  border:1px solid var(--co-line)!important;
  color:var(--co-text-final)!important;
  box-shadow:0 18px 54px rgba(2,6,23,.34)!important;
}
.co-tile,.co-row{background:rgba(21,36,58,.88)!important}.co-tile:hover,.nav-item:hover{border-color:rgba(56,189,248,.52)!important;box-shadow:0 14px 38px rgba(56,189,248,.12)!important;}
/* dashboard/about hero */
.co-page{background:radial-gradient(circle at 14% -8%,rgba(56,189,248,.22),transparent 32%),radial-gradient(circle at 88% 7%,rgba(34,197,94,.14),transparent 28%),linear-gradient(180deg,#07111f,#0a1424 55%,#06101d)!important;color:var(--co-text-final)!important;}
.co-hero{min-height:190px!important;padding:30px 34px 30px 210px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(8,18,32,.96),rgba(8,47,73,.76) 58%,rgba(20,83,45,.30))!important;border:1px solid rgba(125,211,252,.28)!important;box-shadow:0 26px 82px rgba(2,6,23,.45)!important;overflow:hidden!important;}
.co-hero-logo{position:absolute!important;left:34px!important;top:50%!important;transform:translateY(-50%)!important;width:136px!important;height:136px!important;min-width:136px!important;max-width:136px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 45% 35%,rgba(56,189,248,.22),rgba(8,18,32,.92) 60%,rgba(2,6,23,.96))!important;border:1px solid rgba(125,211,252,.30)!important;box-shadow:inset 0 0 42px rgba(56,189,248,.12),0 18px 50px rgba(2,6,23,.35),0 0 32px rgba(56,189,248,.18)!important;overflow:hidden!important;}
.co-hero-logo img{width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 14px rgba(125,211,252,.28))!important;}
.co-hero:before{background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat!important;width:240px!important;height:240px!important;opacity:.045!important;right:36px!important;bottom:-32px!important;}
.co-title{font-size:42px!important;line-height:1.05!important;color:#fff!important;letter-spacing:-.025em!important;text-shadow:0 0 28px rgba(56,189,248,.14)!important;}
.co-eyebrow{color:#7dd3fc!important;font-weight:950!important}.co-sub{color:#d8e8f7!important;font-weight:800!important;}
/* logo toàn app: không méo, không tràn */
.brand-logo,.mail-brand-logo,.login-logo,.res-logo-box,.logo-glass,.cr-logo{
  border-radius:22px!important;background:radial-gradient(circle at 45% 35%,rgba(56,189,248,.18),rgba(8,18,32,.92) 62%,rgba(2,6,23,.96))!important;border:1px solid rgba(125,211,252,.28)!important;box-shadow:0 0 28px rgba(56,189,248,.18),inset 0 0 0 1px rgba(255,255,255,.08)!important;overflow:hidden!important;display:grid!important;place-items:center!important;}
.brand-logo img,.mail-brand-logo img,.login-logo img,.res-logo-box img,.logo-glass img,.cr-logo img{width:78%!important;height:78%!important;max-width:78%!important;max-height:78%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 10px rgba(125,211,252,.18))!important;}
.sidebar .brand-logo{width:74px!important;height:74px!important;min-width:74px!important;border-radius:22px!important;}
.sidebar .brand-logo img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;}
.login-logo{width:118px!important;height:118px!important;border-radius:30px!important}.login-logo img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;}
.res-logo-box{width:96px!important;height:96px!important}.res-logo-box img{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;}
/* sidebar đẹp và dễ đọc */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{background:linear-gradient(180deg,#020617 0%,#071827 54%,#0b1220 100%)!important;color:#eaf6ff!important;border-right:1px solid rgba(56,189,248,.18)!important;box-shadow:16px 0 46px rgba(2,6,23,.28)!important;}
.brand-main.frt-brand-pro{background:rgba(15,27,45,.72)!important;border:1px solid rgba(125,211,252,.18)!important;box-shadow:none!important;min-height:104px!important;}
.sidebar .brand strong{font-size:18px!important;letter-spacing:.06em!important;text-shadow:none!important}.sidebar .brand span{color:#7dd3fc!important;letter-spacing:.18em!important;font-size:11px!important;}
.nav-item{background:transparent!important;color:#cfe6f7!important;border:1px solid transparent!important}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(34,197,94,.10))!important;color:#fff!important;border-color:rgba(125,211,252,.20)!important;box-shadow:inset 3px 0 0 #38bdf8!important;}
/* bảng, form, input */
input,select,textarea,.field input,.field select,.table-toolbar input,.co-command input{background:rgba(8,18,32,.88)!important;color:#fff!important;border:1px solid rgba(125,211,252,.25)!important;}
input::placeholder,textarea::placeholder{color:#9fb2ca!important;} th{background:rgba(8,18,32,.92)!important;color:#d8e8f7!important;} td{color:#f6fbff!important;}
/* KPI sáng hơn */
.co-kpis .co-card,.stat-card{background:linear-gradient(180deg,rgba(17,31,50,.96),rgba(12,22,38,.98))!important;}
.co-kpi small{color:#8fd3ff!important}.co-kpi b{color:#fff!important}.co-kpi span{color:#d1deea!important;}
.co-track{background:rgba(148,163,184,.20)!important}.co-track span{background:linear-gradient(90deg,#38bdf8,#2563eb,#22c55e)!important;}
.co-status{background:rgba(34,197,94,.16)!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.25)!important}.co-status.wait{background:rgba(250,204,21,.14)!important;color:#fde68a!important;border-color:rgba(250,204,21,.25)!important;}
/* popup/thông báo */
.nt-modal,.modal-content,.popup,.toast,.alert-box{background:linear-gradient(180deg,rgba(15,27,45,.98),rgba(8,18,32,.98))!important;color:#f6fbff!important;border:1px solid rgba(125,211,252,.25)!important;box-shadow:0 30px 90px rgba(0,0,0,.50)!important;}
.nt-modal-body,.modal-content p,.popup p,.alert-box p{color:#d8e8f7!important}.nt-toast,.toast{background:linear-gradient(135deg,rgba(15,27,45,.98),rgba(8,47,73,.94))!important;color:#f6fbff!important;}
/* bỏ style nền vàng/kem cũ gây chìm chữ */
body:not(.login-body) .main-content,body:not(.login-body) .app-shell,body:not(.login-body) .v8-shell{background:transparent!important;}
/* responsive */
@media(max-width:980px){.co-hero{padding:190px 22px 24px!important}.co-hero-logo{left:22px!important;top:24px!important;transform:none!important;width:128px!important;height:128px!important}.co-hero-logo img{width:98px!important;height:98px!important}.co-title{font-size:34px!important}}

/* =========================================================
   CINEMA ONE ENTERPRISE 4.1 BETA DESIGN SYSTEM
   Mục tiêu: chữ trắng dễ đọc, bỏ toàn bộ màu nâu/vàng cũ, logo ONE thống nhất
   ========================================================= */
:root{
  --c1-bg:#06111f!important;
  --c1-bg2:#0a1728!important;
  --c1-surface:#0f1c30!important;
  --c1-surface2:#14243b!important;
  --c1-border:rgba(125,211,252,.28)!important;
  --c1-text:#ffffff!important;
  --c1-text2:#e8f4ff!important;
  --c1-muted:#b9cbe0!important;
  --c1-blue:#38bdf8!important;
  --c1-blue2:#2563eb!important;
  --c1-green:#22c55e!important;
  --c1-red:#ef4444!important;
  --c1-amber:#f59e0b!important;
}
html, body, body.dark, body.co-page, body.res-body, body.login-body{
  background:radial-gradient(circle at 12% -10%,rgba(56,189,248,.22),transparent 32%),radial-gradient(circle at 90% 8%,rgba(34,197,94,.14),transparent 30%),linear-gradient(180deg,var(--c1-bg) 0%,var(--c1-bg2) 55%,#050d19 100%)!important;
  color:var(--c1-text)!important;
}
body.light, body:not(.dark){
  --bg:var(--c1-bg)!important;--card:var(--c1-surface)!important;--card2:var(--c1-surface2)!important;--text:#fff!important;--muted:var(--c1-muted)!important;--border:var(--c1-border)!important;--glass:rgba(15,28,48,.82)!important;
}
/* Chữ: ưu tiên trắng rõ trên mọi site */
body :where(h1,h2,h3,h4,h5,h6,b,strong,.title,.co-title,.panel h2,.card-title,.section-title,.hero-title h1,.brand strong,.frt-account-text b,.co-kpi b,.co-row b,.co-tile b,.stat-card strong,.res-topbar h1,.res-panel h2,.login-card h1){
  color:#ffffff!important;
  text-shadow:0 0 18px rgba(56,189,248,.08)!important;
}
body :where(p,span,small,label,li,td,th,div,.subtitle,.muted,.hint,.helper,.co-sub,.co-row span,.co-tile span,.co-kpi span,.co-kpi small,.stat-card span,.stat-card small,.date,.field span,.login-subtitle,.res-topbar p,.res-clock-card span){
  color:var(--c1-text2)!important;
}
body :where(.eyebrow,.step,.co-eyebrow,.frt-nav-group-title,.version-badge,.pill){
  color:#7dd3fc!important;
}
/* Loại bỏ triệt để chữ nâu/cam bị chìm ở Dashboard/About */
body :where(.quick-launch,.quick-title,.co-panel,.co-card,.co-row,.co-tile,.panel,.stat-card,.chart-card,.res-panel,.ai-card,.mail-card,.cnox-card,.copyright-card,.learn-card) *{
  color:var(--c1-text2)!important;
}
body :where(.quick-launch h2,.quick-title,h2,h3,.co-panel h2,.panel h2,.stat-card strong,.co-tile b,.co-row b){color:#fff!important;}
/* Nền và card */
.main-content,.app-shell,.v8-shell,.work-grid,.stats-grid{background:transparent!important;}
body :where(.panel,.hero-topbar,.stat-card,.chart-card,.res-panel,.res-topbar,.login-card,.activate-card,.co-panel,.co-card,.co-row,.co-tile,.table-wrap,.empty-card,.empty-chart,.dashboard-card,.glass-card,.card,.mail-card,.cnox-card,.copyright-card,.learn-card){
  background:linear-gradient(180deg,rgba(15,28,48,.94),rgba(8,18,32,.98))!important;
  border:1px solid var(--c1-border)!important;
  box-shadow:0 18px 54px rgba(2,6,23,.36)!important;
  color:#fff!important;
}
body :where(.co-row,.co-tile,.v9-alert,.v9-check-grid div,.bot-msg,.chat-box,.quick-questions button){
  background:rgba(20,36,59,.90)!important;
  border-color:rgba(125,211,252,.24)!important;
}
/* Hero/banner gọn, logo không phóng to */
.co-hero,.hero-topbar{
  background:linear-gradient(135deg,rgba(7,17,31,.98),rgba(8,47,73,.78) 58%,rgba(20,83,45,.34))!important;
  border:1px solid rgba(125,211,252,.30)!important;
  overflow:hidden!important;
}
.co-hero{min-height:190px!important;padding:30px 34px 30px 198px!important;border-radius:30px!important;}
.co-hero-logo{position:absolute!important;left:34px!important;top:50%!important;transform:translateY(-50%)!important;width:124px!important;height:124px!important;min-width:124px!important;max-width:124px!important;border-radius:26px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:rgba(8,18,32,.88)!important;border:1px solid rgba(125,211,252,.36)!important;box-shadow:0 0 34px rgba(56,189,248,.20),inset 0 0 28px rgba(56,189,248,.08)!important;}
.co-hero-logo img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 12px rgba(125,211,252,.24))!important;}
.co-hero:before{background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat!important;opacity:.06!important;width:220px!important;height:220px!important;right:28px!important;bottom:-36px!important;}
.co-title{font-size:40px!important;line-height:1.05!important;color:#fff!important;}
.co-sub{color:#dcecff!important;font-weight:750!important;max-width:980px!important;}
/* Logo ONE dùng toàn site - luôn đúng tỷ lệ */
.brand-logo,.logo-glass,.login-logo,.res-logo-box,.mail-brand-logo,.cr-logo,.co-mini-logo{
  background:rgba(8,18,32,.90)!important;
  border:1px solid rgba(125,211,252,.32)!important;
  box-shadow:0 0 30px rgba(56,189,248,.18),inset 0 0 24px rgba(56,189,248,.08)!important;
  border-radius:22px!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.brand-logo img,.logo-glass img,.login-logo img,.res-logo-box img,.mail-brand-logo img,.cr-logo img,.co-mini-logo img{
  width:76%!important;height:76%!important;max-width:76%!important;max-height:76%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 9px rgba(125,211,252,.18))!important;
}
.sidebar .brand-logo{width:82px!important;height:82px!important;min-width:82px!important;max-width:82px!important;}
.sidebar .brand-logo img{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;}
.login-logo{width:128px!important;height:128px!important;}
.login-logo img{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;}
.res-logo-box{width:104px!important;height:104px!important;margin:0 auto!important;padding:0!important;}
.res-logo-box img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;}
/* Sidebar dễ đọc */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{
  background:linear-gradient(180deg,#020617 0%,#061827 52%,#0b1220 100%)!important;
  color:#eaf6ff!important;
  border-right:1px solid rgba(56,189,248,.22)!important;
}
.brand-main.frt-brand-pro,.cinema-one-brand{background:rgba(15,28,48,.72)!important;border:1px solid rgba(125,211,252,.18)!important;border-radius:22px!important;}
.nav-item,.res-menu-item{color:#d9ecfb!important;border:1px solid transparent!important;}
.nav-item span,.res-menu-item span{color:#d9ecfb!important;}
.nav-item:hover,.nav-item.active,.res-menu-item:hover,.res-menu-item.active{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(34,197,94,.10))!important;border-color:rgba(125,211,252,.24)!important;color:#fff!important;box-shadow:inset 3px 0 0 #38bdf8!important;}
.nav-item:hover span,.nav-item.active span,.res-menu-item:hover span,.res-menu-item.active span{color:#fff!important;}
/* Form, bảng, input */
input,select,textarea,.field input,.field select,.table-toolbar input,.login-form input,.activate-card input,.activate-card textarea,.co-command input,.v9-form input,.chat-input-row input{
  background:rgba(8,18,32,.92)!important;color:#ffffff!important;border:1px solid rgba(125,211,252,.30)!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#a9bed3!important;opacity:1!important;}
table,thead,tbody,tr,td,th{color:#f6fbff!important;border-color:rgba(125,211,252,.16)!important;}
th, thead th{background:rgba(8,18,32,.96)!important;color:#e9f7ff!important;font-weight:900!important;}
td{background:rgba(15,28,48,.50)!important;color:#f6fbff!important;}
tr:hover td{background:rgba(30,64,102,.56)!important;}
/* Button chuẩn Cinema One */
.primary-btn,.co-btn.primary,.co-command button,.login-form button,.activate-card button{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;border:0!important;box-shadow:0 14px 34px rgba(14,165,233,.24)!important;}
.download,.co-btn.green{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;}
.co-btn,.ghost-btn,.theme-toggle,.glass-toggle,.quick-admin-btn,.lock-computer-btn{color:#fff!important;background:rgba(20,36,59,.92)!important;border:1px solid rgba(125,211,252,.24)!important;}
/* Progress */
.progress,.bar-track,.co-track{background:rgba(148,163,184,.22)!important;}
.progress div,.bar-track span,.co-track span{background:linear-gradient(90deg,#38bdf8,#2563eb,#22c55e)!important;}
/* Popup/thông báo dễ đọc */
.nt-modal,.modal-content,.popup,.toast,.alert-box,.nt-toast{
  background:linear-gradient(180deg,rgba(15,28,48,.98),rgba(8,18,32,.98))!important;color:#ffffff!important;border:1px solid rgba(125,211,252,.30)!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.nt-modal *,.modal-content *,.popup *,.toast *,.alert-box *,.nt-toast *{color:#eef8ff!important;}
.status,.status.idle{background:rgba(20,36,59,.92)!important;color:#e8f4ff!important;border:1px solid rgba(125,211,252,.25)!important;}
.status.success,.co-status{background:rgba(34,197,94,.16)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.28)!important;}
.status.error,.co-status.err{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border-color:rgba(239,68,68,.30)!important;}
.co-status.wait{background:rgba(245,158,11,.16)!important;color:#fde68a!important;border-color:rgba(245,158,11,.30)!important;}
/* Chống inline/class màu cũ */
body [style*="color"]{color:inherit!important;}
body :where(.text-dark,.text-muted,.text-secondary,.brown,.gold,.orange){color:var(--c1-text2)!important;}
/* Login */
.login-card{background:linear-gradient(180deg,rgba(15,28,48,.96),rgba(8,18,32,.98))!important;}
.login-card:before{background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat!important;opacity:.08!important;}
/* Mobile */
@media(max-width:980px){.co-hero{padding:178px 22px 24px!important}.co-hero-logo{left:22px!important;top:24px!important;transform:none!important;width:124px!important;height:124px!important}.co-title{font-size:32px!important}}


/* =========================================================
   CINEMA ONE ENTERPRISE 5.0 BETA - AI AUTOMATION DESIGN SYSTEM
   Hard override: readable typography + ONE logo + unified UI
   ========================================================= */
:root{
  --co-bg:#08111f; --co-bg2:#0f172a; --co-surface:#111c2e; --co-surface2:#16243a;
  --co-card:#122036; --co-card2:#0e1a2d; --co-border:rgba(148,163,184,.26);
  --co-text:#ffffff; --co-text2:#e5edf8; --co-muted:#cbd5e1; --co-dim:#94a3b8;
  --co-primary:#38bdf8; --co-primary2:#2563eb; --co-cyan:#22d3ee; --co-green:#22c55e;
  --co-warn:#fbbf24; --co-danger:#fb7185; --co-shadow:0 20px 55px rgba(0,0,0,.38);
  --co-radius:18px;
}
html,body{background:radial-gradient(circle at 18% -10%,rgba(34,211,238,.13),transparent 34%),linear-gradient(135deg,#070d18 0%,#0b1424 52%,#0f1c30 100%)!important;color:var(--co-text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;}
body *{box-sizing:border-box;}
body :where(h1,h2,h3,h4,h5,h6,.co-title,.panel-head h2,.section-title,.quick-title,.brand strong,.nav-item span){color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.2)!important;}
body :where(p,span,small,label,td,th,li,b,strong,em,div,.muted,.muted-sm,.co-sub,.co-row span,.co-tile span,.co-kpi span,.co-kpi small,.cr-field label){color:var(--co-text2)!important;}
body :where(.muted,.muted-sm,.hint,.subtle,.help-text){color:var(--co-muted)!important;opacity:1!important;}
.app-shell,.main-content,.v8-shell{background:transparent!important;}
.main-content{padding:24px!important;}
/* all core panels/cards */
body :where(.panel,.full-panel,.co-panel,.co-card,.co-tile,.co-row,.stat-card,.chart-card,.res-panel,.card,.glass-card,.dashboard-card,.table-wrap,.cr-table-wrap,.mail-card,.cnox-card,.learn-card,.copyright-card,.ai-card){
  background:linear-gradient(180deg,rgba(22,36,58,.96),rgba(13,25,43,.98))!important;
  border:1px solid rgba(125,211,252,.18)!important;border-radius:var(--co-radius)!important;box-shadow:var(--co-shadow)!important;color:#fff!important;
}
body :where(.co-row,.co-tile,.cr-table tbody tr,.platform,.acct-chip,.doc-item){background:rgba(15,30,52,.82)!important;border:1px solid rgba(125,211,252,.16)!important;color:#fff!important;}
body :where(.co-row:hover,.co-tile:hover,.nav-item:hover,.cr-table tbody tr:hover){border-color:rgba(56,189,248,.48)!important;box-shadow:0 0 0 1px rgba(56,189,248,.18),0 16px 34px rgba(0,0,0,.22)!important;transform:translateY(-1px);}
/* Hero */
.co-hero,.hero,.hero-topbar{min-height:190px!important;background:radial-gradient(circle at 78% 20%,rgba(34,197,94,.16),transparent 28%),linear-gradient(135deg,#07121f 0%,#10243a 52%,#153b50 100%)!important;border:1px solid rgba(56,189,248,.25)!important;border-radius:24px!important;box-shadow:0 26px 70px rgba(0,0,0,.42)!important;display:flex!important;align-items:center!important;gap:28px!important;position:relative!important;overflow:hidden!important;padding:28px 36px!important;}
.co-hero:after,.hero-topbar:after{content:"ONE";position:absolute;right:36px;top:20px;font-size:88px;font-weight:1000;letter-spacing:.05em;color:rgba(255,255,255,.055);writing-mode:vertical-rl;line-height:.8;pointer-events:none;}
.co-hero-logo,.brand-logo,.logo-glass{display:grid!important;place-items:center!important;flex:0 0 auto!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,17,31,.94))!important;border:1px solid rgba(125,211,252,.28)!important;box-shadow:0 0 28px rgba(56,189,248,.18)!important;}
.co-hero-logo{width:108px!important;height:108px!important;border-radius:24px!important;}
.brand-logo,.logo-glass{width:64px!important;height:64px!important;border-radius:18px!important;}
.co-hero-logo img,.brand-logo img,.logo-glass img,img[src*="cinema_one"],img[src*="film_report_logo"],img[src*="logo.png"]{max-width:86%!important;max-height:86%!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;display:block!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.18));}
.co-title{font-size:34px!important;color:#fff!important;letter-spacing:-.03em!important;margin:4px 0!important;}
.co-eyebrow{color:#67e8f9!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
.co-sub{max-width:850px!important;line-height:1.65!important;font-weight:700!important;}
/* sidebar */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{background:linear-gradient(180deg,#06101d,#0b1729 62%,#08111f)!important;border-right:1px solid rgba(125,211,252,.18)!important;color:#fff!important;}
.brand,.cinema-one-brand{padding:18px 14px!important;gap:12px!important;}
.nav-item{color:#e5edf8!important;background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;margin:4px 10px!important;font-weight:850!important;letter-spacing:.01em!important;}
.nav-item i{color:#7dd3fc!important;filter:drop-shadow(0 0 8px rgba(56,189,248,.3));}
.nav-item.active{background:linear-gradient(90deg,rgba(37,99,235,.32),rgba(34,211,238,.12))!important;border-color:rgba(56,189,248,.42)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(56,189,248,.10),0 14px 30px rgba(37,99,235,.16)!important;}
.frt-nav-group-title{color:#7dd3fc!important;opacity:1!important;font-weight:900!important;letter-spacing:.16em!important;margin:14px 14px 6px!important;}
/* buttons */
button,.btn,.cr-btn,.co-btn,.icon-btn,.open-link-btn,.cr-tab,.quick-logout-btn,input[type=button],input[type=submit],a.co-btn{border-radius:12px!important;font-weight:900!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;}
.cr-btn,.co-btn.primary,.btn-primary{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;}
.cr-btn.secondary,.co-btn,.btn-secondary{background:linear-gradient(135deg,#334155,#172033)!important;}
.cr-btn.danger,.btn-danger{background:linear-gradient(135deg,#e11d48,#ef4444)!important;}
.co-btn.green,.btn-success{background:linear-gradient(135deg,#059669,#22c55e)!important;}
.co-btn.gold,.btn-warning{background:linear-gradient(135deg,#d97706,#f59e0b)!important;}
/* forms/tables */
input,select,textarea{background:#0b1729!important;color:#fff!important;border:1px solid rgba(125,211,252,.28)!important;border-radius:12px!important;outline:none!important;box-shadow:none!important;}
input::placeholder,textarea::placeholder{color:#94a3b8!important;opacity:1!important;}
input:focus,select:focus,textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.18)!important;}
table,.cr-table{background:transparent!important;color:#fff!important;border-collapse:separate!important;border-spacing:0!important;}
thead th,.cr-table thead th{background:#1e293b!important;color:#fff!important;border-bottom:1px solid rgba(125,211,252,.22)!important;font-weight:1000!important;}
tbody td,.cr-table tbody td{background:rgba(15,30,52,.65)!important;color:#e5edf8!important;border-bottom:1px solid rgba(125,211,252,.10)!important;}
.link-cell span{color:#93c5fd!important;font-weight:750!important;}
.badge,.co-status{color:#fff!important;border-radius:999px!important;font-weight:1000!important;padding:5px 10px!important;}
.b-ok,.co-status:not(.wait){background:rgba(34,197,94,.28)!important;border:1px solid rgba(34,197,94,.45)!important;color:#dcfce7!important;}
.b-warn,.wait{background:rgba(251,191,36,.25)!important;border:1px solid rgba(251,191,36,.40)!important;color:#fef3c7!important;}
.b-bad{background:rgba(239,68,68,.25)!important;border:1px solid rgba(239,68,68,.42)!important;color:#fee2e2!important;}
.b-info{background:rgba(56,189,248,.22)!important;border:1px solid rgba(56,189,248,.42)!important;color:#e0f2fe!important;}
/* KPI light cards should not be beige */
.co-kpi,.mini-stat{background:linear-gradient(180deg,#17243a,#101c2f)!important;color:#fff!important;}
.co-kpi b,.mini-stat b{color:#fff!important;font-size:26px!important;}.co-kpi small,.mini-stat span{color:#bae6fd!important;}
.co-track{background:rgba(148,163,184,.22)!important;border-radius:999px!important;overflow:hidden!important;}.co-track span{background:linear-gradient(90deg,#38bdf8,#2563eb,#22c55e)!important;}
/* modal/toast */
#coToastHost{position:fixed;right:22px;top:22px;z-index:99999;display:grid;gap:10px}.co-toast{min-width:300px;max-width:460px;background:linear-gradient(180deg,#122036,#0b1729);border:1px solid rgba(56,189,248,.35);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 20px 60px rgba(0,0,0,.4);font-weight:850;animation:coToastIn .22s ease-out}.co-toast small{display:block;color:#cbd5e1!important;margin-top:4px;font-weight:650}@keyframes coToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* light mode is truly light/readable */
html[data-theme="light"] body,body.light{background:linear-gradient(135deg,#f4f7fb,#eaf2fb)!important;color:#111827!important;}
html[data-theme="light"] body :where(.panel,.full-panel,.co-panel,.co-card,.co-tile,.co-row,.stat-card,.chart-card,.res-panel,.card,.glass-card,.dashboard-card,.table-wrap,.cr-table-wrap,.mail-card,.cnox-card,.learn-card,.copyright-card,.ai-card){background:#ffffff!important;border-color:#dbeafe!important;color:#111827!important;box-shadow:0 18px 44px rgba(15,23,42,.10)!important;}
html[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6,.co-title,.panel-head h2,.section-title,.quick-title){color:#0f172a!important;text-shadow:none!important;}
html[data-theme="light"] body :where(p,span,small,label,td,th,li,b,strong,em,div,.muted,.muted-sm,.co-sub,.co-row span,.co-tile span,.co-kpi span,.co-kpi small,.cr-field label){color:#1f2937!important;}
html[data-theme="light"] .co-hero,html[data-theme="light"] .hero-topbar{background:linear-gradient(135deg,#0f172a,#17415c)!important;color:#fff!important;}
html[data-theme="light"] .co-hero *{color:#fff!important;}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#111827!important;border-color:#bfdbfe!important;}
html[data-theme="light"] thead th{background:#e5edf8!important;color:#111827!important;} html[data-theme="light"] tbody td{background:#fff!important;color:#111827!important;}
html[data-theme="light"] .co-kpi,html[data-theme="light"] .mini-stat{background:#fff!important;color:#111827!important;} html[data-theme="light"] .co-kpi b,html[data-theme="light"] .mini-stat b{color:#111827!important;}
/* responsiveness */
@media(max-width:1100px){.co-main-grid{grid-template-columns:1fr!important}.co-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.co-hero{align-items:flex-start!important;flex-direction:column!important}.main-content{padding:14px!important}}


/* ================= CINEMA ONE 5.0 AI DESIGN SYSTEM RC ================= */
:root{
  --co-bg:#f3f6fb!important; --co-surface:#ffffff!important; --co-surface2:#f8fafc!important; --co-panel:#ffffff!important;
  --co-text:#0f172a!important; --co-title:#0b1220!important; --co-muted:#475569!important; --co-border:#d8e1ee!important;
  --co-primary:#2563eb!important; --co-cyan:#06b6d4!important; --co-green:#22c55e!important; --co-amber:#f59e0b!important; --co-red:#ef4444!important;
  --co-shadow:0 20px 55px rgba(15,23,42,.12)!important;
}
html[data-theme="dark"], body.dark, body:not(.light-mode){
  --co-bg:#07111f!important; --co-surface:#0f1b2d!important; --co-surface2:#132238!important; --co-panel:#101d31!important;
  --co-text:#f8fafc!important; --co-title:#ffffff!important; --co-muted:#cbd5e1!important; --co-border:rgba(148,163,184,.24)!important;
  --co-shadow:0 24px 72px rgba(0,0,0,.38)!important;
}
body{background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.20),transparent 28%),radial-gradient(circle at 88% 10%,rgba(6,182,212,.16),transparent 26%),var(--co-bg)!important;color:var(--co-text)!important;}
body.light,body.light-mode,html[data-theme="light"] body{background:var(--co-bg)!important;color:#0f172a!important;}
.main-content{background:transparent!important;color:var(--co-text)!important;}
.sidebar,.frt-sidebar-pro{background:linear-gradient(180deg,#07111f 0%,#0b1628 55%,#08111f 100%)!important;color:#fff!important;border-right:1px solid rgba(148,163,184,.18)!important;box-shadow:18px 0 44px rgba(0,0,0,.24)!important;}
.brand-logo,.logo-glass,.co-hero-logo{background:linear-gradient(145deg,rgba(15,27,45,.94),rgba(8,17,31,.96))!important;border:1px solid rgba(125,211,252,.35)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.32),0 0 38px rgba(14,165,233,.18)!important;overflow:hidden!important;}
.brand-logo img,.co-hero-logo img,.login-logo img,.about-logo img{object-fit:contain!important;width:82%!important;height:82%!important;max-width:82%!important;max-height:82%!important;}
.brand strong,.cinema-one-brand strong{color:#fff!important}.brand span,.cinema-one-brand span{color:#93c5fd!important}.frt-nav-group-title{color:#7dd3fc!important;opacity:.92!important}.frt-sync-menu .nav-item{color:#dbeafe!important}.frt-sync-menu .nav-item span{color:inherit!important}.frt-sync-menu .nav-item:hover,.frt-sync-menu .nav-item.active{background:linear-gradient(135deg,rgba(37,99,235,.72),rgba(8,145,178,.58))!important;border-color:rgba(125,211,252,.36)!important;color:#fff!important;box-shadow:0 14px 34px rgba(37,99,235,.25)!important;}
.hero-topbar,.co-hero,.panel,.co-panel,.stat-card,.co-card,.login-card,.activate-card,.table-wrap,.check-card,.mini-guide,.chart-card,.manual-box,.cache-box,.date-picker-box,.helper-box{background:linear-gradient(180deg,rgba(15,27,45,.96),rgba(13,24,40,.94))!important;border:1px solid var(--co-border)!important;box-shadow:var(--co-shadow)!important;color:var(--co-text)!important;}
body.light .hero-topbar,body.light .co-hero,body.light .panel,body.light .co-panel,body.light .stat-card,body.light .co-card,body.light .login-card,body.light .activate-card,body.light .table-wrap,body.light .check-card,body.light .mini-guide,body.light .chart-card,
body.light-mode .hero-topbar,body.light-mode .co-hero,body.light-mode .panel,body.light-mode .co-panel,body.light-mode .stat-card,body.light-mode .co-card,body.light-mode .login-card,body.light-mode .activate-card,body.light-mode .table-wrap,body.light-mode .check-card,body.light-mode .mini-guide,body.light-mode .chart-card{background:#fff!important;color:#0f172a!important;border-color:#d8e1ee!important;box-shadow:0 18px 45px rgba(15,23,42,.10)!important;}
.hero-title h1,.co-title,h1,h2,h3,.panel h2,.co-panel h2,.stat-card strong,.co-kpi b,.co-tile b,.co-row b,.opt-card b,.intro-grid b{color:var(--co-title)!important;text-shadow:none!important;}
body.light h1,body.light h2,body.light h3,body.light .co-title,body.light .panel h2,body.light .co-panel h2,body.light .stat-card strong,body.light .co-kpi b,body.light .co-tile b,body.light .co-row b,
body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode .co-title,body.light-mode .panel h2,body.light-mode .co-panel h2,body.light-mode .stat-card strong,body.light-mode .co-kpi b,body.light-mode .co-tile b,body.light-mode .co-row b{color:#0f172a!important;}
.hero-title span,.co-sub,.co-muted,.field span,.login-form label,.stat-card small,.stat-card span,.co-kpi small,.co-kpi span,.co-tile span,.co-row span,.mini-guide p,.check-card small,.dropzone span,.dropzone small,p,small,label,td{color:var(--co-muted)!important;}
body:not(.light):not(.light-mode) .co-row span,body:not(.light):not(.light-mode) .co-tile span,body:not(.light):not(.light-mode) .stat-card span,body:not(.light):not(.light-mode) .mini-guide p,body:not(.light):not(.light-mode) .check-card small,body:not(.light):not(.light-mode) td{color:#cbd5e1!important;}
.eyebrow,.step,.co-eyebrow{color:#7dd3fc!important;letter-spacing:.16em!important}.pill{background:rgba(14,165,233,.14)!important;color:#7dd3fc!important;border:1px solid rgba(125,211,252,.28)!important}.primary-btn,.co-btn.primary,.login-form button,.activate-card button{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;border:0!important;box-shadow:0 14px 34px rgba(37,99,235,.28)!important}.co-btn.green,.download{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}.co-btn.gold{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#fff!important}.ghost-btn,.secondary-btn,.theme-toggle,.glass-toggle,.quick-admin-btn,.lock-computer-btn,.mini-btn,.co-btn{background:rgba(15,27,45,.86)!important;color:#f8fafc!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}.ghost-btn:hover,.co-btn:hover{transform:translateY(-1px)!important;border-color:rgba(125,211,252,.45)!important}.danger-ghost{color:#fecaca!important;border-color:rgba(239,68,68,.34)!important;background:rgba(127,29,29,.28)!important}.field input,.field select,.table-toolbar input,.login-form input,.activate-card input,.activate-card textarea,.co-command input,.ai-command-box input,input,select,textarea{background:#0b1628!important;color:#ffffff!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:14px!important;outline:none!important}.field input::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8!important}body.light .field input,body.light .field select,body.light .table-toolbar input,body.light .login-form input,body.light .activate-card input,body.light .activate-card textarea,body.light input,body.light select,body.light textarea,body.light-mode .field input,body.light-mode .field select,body.light-mode input,body.light-mode select,body.light-mode textarea{background:#ffffff!important;color:#0f172a!important;border-color:#cbd5e1!important}th{background:#16243a!important;color:#f8fafc!important;border-bottom:1px solid rgba(148,163,184,.28)!important}td{background:transparent!important;border-bottom:1px solid rgba(148,163,184,.16)!important}tbody tr:hover{background:rgba(14,165,233,.09)!important}body.light th,body.light-mode th{background:#e8eef8!important;color:#0f172a!important}body.light td,body.light-mode td{color:#334155!important}.status,.co-status{color:#fff!important;border-radius:999px!important;padding:6px 10px!important;background:rgba(34,197,94,.24)!important;border:1px solid rgba(34,197,94,.35)!important;font-style:normal!important;font-weight:900!important}.co-status.wait{background:rgba(245,158,11,.18)!important;border-color:rgba(245,158,11,.34)!important;color:#fde68a!important}#coToastHost{position:fixed;right:22px;top:22px;z-index:99999;display:flex;flex-direction:column;gap:10px}.co-toast{width:min(360px,calc(100vw - 32px));padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#0f1b2d,#0b1628);border:1px solid rgba(125,211,252,.30);box-shadow:0 20px 50px rgba(0,0,0,.35);color:#fff;transition:.25s}.co-toast b{display:block;color:#fff!important}.co-toast small{display:block;margin-top:5px;color:#cbd5e1!important}.co-toast.ok{border-color:rgba(34,197,94,.40)}.dashboard-status-bar{background:#0f1b2d!important;border:1px solid var(--co-border)!important;color:#f8fafc!important}.progress div,.bar-track span,.co-track span{background:linear-gradient(90deg,#38bdf8,#2563eb,#22c55e)!important}.co-ai-auto .co-hero-logo{width:104px!important;height:104px!important;border-radius:28px!important;display:grid!important;place-items:center!important}.ai-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.ai-command-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.ai-command-box button,.co-command button{border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:900;padding:0 18px}.ai-answer{padding:14px;border-radius:16px;background:rgba(14,165,233,.12);border:1px solid rgba(125,211,252,.24);color:#e0f2fe!important;font-weight:800}.queue-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.opt-grid,.intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opt-card,.intro-grid div{padding:16px;border-radius:18px;background:rgba(15,27,45,.70);border:1px solid rgba(148,163,184,.20)}.opt-card b,.intro-grid b{display:block;margin-bottom:6px}.opt-card span,.intro-grid span{display:block;color:#cbd5e1!important;line-height:1.45}.opt-card em{display:inline-flex;margin-top:10px;border-radius:999px;background:rgba(34,197,94,.20);color:#bbf7d0;padding:5px 10px;font-style:normal;font-weight:900}.quick-logout-btn{background:rgba(239,68,68,.18)!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.30)!important}.frt-account-text b{color:#fff!important}.frt-account-text span{color:#cbd5e1!important}
@media(max-width:1100px){.ai-main-grid,.opt-grid,.intro-grid{grid-template-columns:1fr!important}.co-ai-auto .co-hero-logo{width:88px!important;height:88px!important}}
/* ================= END CINEMA ONE 5.0 AI DESIGN SYSTEM RC ================= */


/* 5.0.4 GLOBAL LOGO + COPYRIGHT READONLY FIX */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:320px!important;min-width:320px!important;max-width:320px!important;overflow-x:visible!important;}
.app-shell,.v8-shell{grid-template-columns:320px minmax(0,1fr)!important;}
.brand-main.frt-brand-pro,.cinema-one-brand{min-height:104px!important;height:auto!important;padding:14px 14px!important;align-items:center!important;overflow:visible!important;display:flex!important;}
.brand-logo,.logo-glass,.sidebar .brand-logo,.frt-brand-pro .brand-logo{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;max-width:78px!important;max-height:78px!important;padding:8px!important;overflow:visible!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#020617,#111827)!important;border:1px solid rgba(125,211,252,.34)!important;border-radius:24px!important;box-sizing:border-box!important;}
.brand-logo img,.logo-glass img,.sidebar .brand-logo img,.frt-brand-pro .brand-logo img,img[src*="cinema_one_logo"]{display:block!important;width:auto!important;height:auto!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.24))!important;}
.brand-main strong,.cinema-one-brand strong{white-space:normal!important;line-height:1.15!important;overflow:visible!important;text-overflow:clip!important;}
.nav-item span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;}
.cr-readonly-link{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbeafe;font-weight:800;cursor:default!important;pointer-events:none!important;}
.readonly-link-cell,.readonly-link-cell *{cursor:default!important;}
.cr-view-link,.open-link-btn{display:none!important;pointer-events:none!important;}
@media(max-width:900px){.app-shell,.v8-shell{grid-template-columns:1fr!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{max-width:none!important;width:320px!important}}

/* ===== Cinema One 5.0.5 FULL SITE POLISH: readable boxes, no brown-on-dark, upload reset ready ===== */
html[data-theme] .app-shell .panel,
html[data-theme] .app-shell .full-panel,
html[data-theme] .app-shell .co-panel,
html[data-theme] .app-shell .co-card,
html[data-theme] .app-shell .stat-card,
html[data-theme] .app-shell .mini-stat,
html[data-theme] .app-shell .field,
html[data-theme] .app-shell .cr-field,
html[data-theme] .app-shell .cr-drop,
html[data-theme] .app-shell .doc-item,
html[data-theme] .app-shell .platform,
html[data-theme] .app-shell .acct-chip,
html[data-theme] .app-shell .cr-table-wrap{
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  color:#102033!important;
  border:1px solid #cfe1f5!important;
  box-shadow:0 14px 34px rgba(15,35,70,.08)!important;
}
html[data-theme] .app-shell h1,html[data-theme] .app-shell h2,html[data-theme] .app-shell h3,
html[data-theme] .app-shell b,html[data-theme] .app-shell label,html[data-theme] .app-shell th{
  color:#102033!important;
}
html[data-theme] .app-shell p,html[data-theme] .app-shell small,html[data-theme] .app-shell span,
html[data-theme] .app-shell td,html[data-theme] .app-shell .muted,html[data-theme] .app-shell .muted-sm,
html[data-theme] .app-shell .cr-sub{
  color:#334155!important;
}
html[data-theme] .app-shell input,html[data-theme] .app-shell textarea,html[data-theme] .app-shell select,
html[data-theme] .app-shell .cr-tab{
  background:#ffffff!important;
  color:#102033!important;
  border:1px solid #b8cbe0!important;
}
html[data-theme] .app-shell .cr-table th,
html[data-theme] .app-shell table th{
  background:#eaf3ff!important;
  color:#102033!important;
}
html[data-theme] .app-shell .cr-table td,
html[data-theme] .app-shell table td{
  background:#ffffff!important;
  color:#1f2937!important;
  border-bottom:1px solid #d8e6f5!important;
}
html[data-theme] .app-shell .cr-table tr:nth-child(even) td,
html[data-theme] .app-shell table tr:nth-child(even) td{
  background:#f5f9ff!important;
}
html[data-theme] .app-shell .link-cell,
html[data-theme] .app-shell .cr-readonly-link,
html[data-theme] .app-shell .readonly-link-cell{
  color:#1d4ed8!important;
  font-weight:850!important;
  cursor:default!important;
  pointer-events:none!important;
}
html[data-theme] .app-shell #resultBody,
html[data-theme] .app-shell #resultBody *{
  cursor:default!important;
}
html[data-theme] .app-shell #resultBody a,
html[data-theme] .app-shell #resultBody button,
html[data-theme] .app-shell #resultBody [data-open-url]{display:none!important;pointer-events:none!important;}
html[data-theme] .app-shell .doc-item{background:#f8fbff!important;}
html[data-theme] .app-shell .badge.b-ok{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important;}
html[data-theme] .app-shell .badge.b-warn{background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important;}
html[data-theme] .app-shell .badge.b-info{background:#dbeafe!important;color:#1e40af!important;border:1px solid #93c5fd!important;}
html[data-theme] .app-shell .badge.b-bad{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important;}
html[data-theme] .cr-btn.secondary{background:#f8fbff!important;color:#102033!important;border:1px solid #b8cbe0!important;}
html[data-theme] .cr-btn.danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fda4af!important;}
html[data-theme] .cr-btn:not(.secondary):not(.danger), html[data-theme] .app-shell .primary-btn, html[data-theme] .app-shell .submit-btn{
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;border:1px solid #1d4ed8!important;
}
/* Logo/sidebar: never crop */
.sidebar,.side-nav,.nav-sidebar{min-width:286px!important;overflow:visible!important;}
.brand-logo,.frt-brand-pro,.sidebar-brand,.co-hero-logo,.logo-glass{overflow:visible!important;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.brand-logo img,.frt-brand-pro img,.sidebar-brand img,.co-hero-logo img,.logo-glass img,img[src*="cinema_one_logo"]{object-fit:contain!important;object-position:center!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:68px!important;display:block!important;}
.nav-item,.sidebar a,.side-nav a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-height:48px!important;}
.nav-item span,.sidebar a span,.side-nav a span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}

/* ===============================
   CINEMA ONE ENTERPRISE 5.0 FINAL
   Global UI + Logo + Sidebar Fix
   =============================== */
:root{--co-final-blue:#0f6fff;--co-final-cyan:#14b8ff;--co-final-ink:#142033;--co-final-card:#ffffff;--co-final-soft:#f5f9ff;--co-final-line:#dbeafe;}
.cinema-one-sidebar,.sidebar.frt-sidebar-pro{width:320px!important;min-width:320px!important;max-width:320px!important;overflow:visible!important;background:linear-gradient(180deg,#fff7de 0%,#fffaf0 52%,#fff 100%)!important;border-right:1px solid #e9c774!important;box-shadow:12px 0 36px rgba(116,79,18,.10)!important;}
.cinema-one-brand,.frt-brand-pro{height:auto!important;min-height:116px!important;padding:18px 18px!important;gap:14px!important;border-radius:24px!important;overflow:visible!important;background:linear-gradient(135deg,#fff1c6,#fff8e6)!important;border:1px solid #eecb75!important;box-shadow:0 16px 35px rgba(173,115,23,.16)!important;}
.cinema-one-brand .brand-logo,.frt-brand-pro .brand-logo,.logo-glass{width:92px!important;height:92px!important;min-width:92px!important;border-radius:50%!important;padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:0 0 0 5px rgba(20,184,255,.14),0 0 34px rgba(20,184,255,.22)!important;display:grid!important;place-items:center!important;}
.cinema-one-brand .brand-logo img,.frt-brand-pro .brand-logo img,.logo-glass img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important;display:block!important;border-radius:50%!important;transform:none!important;}
.cinema-one-brand strong,.frt-brand-pro strong{font-size:18px!important;color:#2b1e0d!important;letter-spacing:.8px!important;white-space:nowrap!important;display:block!important;line-height:1.1!important;}
.cinema-one-brand span,.frt-brand-pro span{font-size:12px!important;color:#21466c!important;letter-spacing:2px!important;font-weight:950!important;white-space:nowrap!important;display:block!important;margin-top:7px!important;}
.frt-sync-menu,.nav-box{padding:18px 14px!important;overflow:visible!important;}
.frt-nav-group-title{color:#6b7c92!important;font-size:13px!important;font-weight:950!important;letter-spacing:1.2px!important;margin:18px 12px 8px!important;text-transform:uppercase!important;}
.nav-item{min-height:52px!important;height:auto!important;width:100%!important;border-radius:14px!important;padding:12px 14px!important;gap:12px!important;overflow:visible!important;color:#26364d!important;text-decoration:none!important;display:flex!important;align-items:center!important;}
.nav-item i{width:28px!important;min-width:28px!important;text-align:center!important;font-size:19px!important;filter:drop-shadow(0 8px 12px rgba(19,31,54,.15))!important;}
.nav-item span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.22!important;font-size:14px!important;font-weight:950!important;letter-spacing:.2px!important;word-break:normal!important;}
.nav-item.active{background:linear-gradient(135deg,#ffe695,#ffd05f)!important;border:1px solid #efbd4f!important;color:#25364d!important;box-shadow:0 16px 32px rgba(180,117,16,.15)!important;}
.sidebar-footer{overflow:visible!important;}
body:has(.cinema-one-sidebar) .app-shell{grid-template-columns:320px 1fr!important;}
@media(max-width:900px){.cinema-one-sidebar,.sidebar.frt-sidebar-pro{width:300px!important;min-width:300px!important}.app-shell{grid-template-columns:1fr!important}.cinema-one-brand .brand-logo,.frt-brand-pro .brand-logo,.logo-glass,.cinema-one-brand .brand-logo img,.frt-brand-pro .brand-logo img,.logo-glass img{width:84px!important;height:84px!important;min-width:84px!important}}

/* FINAL: Anti-Piracy readable theme */
.cr-page .panel,.cr-page .full-panel,.cr-page .copyright-card,.cr-page .mini-stat{background:#ffffff!important;color:#142033!important;border:1px solid #dbeafe!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important;}
.cr-page .panel *:not(.cr-btn):not(button):not(.badge){color:inherit;}
.cr-page .muted,.cr-page .cr-sub,.cr-page .muted-sm{color:#64748b!important;}
.cr-page h1,.cr-page h2,.cr-page h3,.cr-page label,.cr-page b{color:#142033!important;}
.cr-page .cr-field input,.cr-page .cr-field textarea,.cr-page .cr-field select,.cr-page #resultSearch,.cr-page #scanSearch{background:#f8fbff!important;color:#142033!important;border:1px solid #cfe3ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;}
.cr-page .cr-drop{background:#f8fbff!important;color:#142033!important;border:1.5px dashed #9cc8ff!important;}
.cr-page .doc-item{background:#f8fbff!important;color:#142033!important;border:1px solid #cfe3ff!important;}
.cr-page .cr-table-wrap{background:#ffffff!important;border:1px solid #cfe3ff!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important;}
.cr-page .cr-table th{background:#eaf4ff!important;color:#142033!important;border-bottom:1px solid #cfe3ff!important;}
.cr-page .cr-table td{background:#ffffff!important;color:#142033!important;border-bottom:1px solid #e8f1ff!important;}
.cr-page .cr-table tr:nth-child(even) td{background:#f6fbff!important;}
.cr-page .readonly-link-cell,.cr-page .cr-readonly-link{cursor:default!important;pointer-events:none!important;text-decoration:none!important;color:#7a5a27!important;font-weight:900!important;}
.cr-page #resultBody tr,.cr-page #resultBody td{cursor:default!important;}
.cr-page #resultBody button,.cr-page #resultBody a{display:none!important;pointer-events:none!important;}
.cr-page .b-warn{background:#fff7d6!important;color:#8a5a00!important}.cr-page .b-ok{background:#dcfce7!important;color:#15803d!important}.cr-page .b-bad{background:#fee2e2!important;color:#b91c1c!important}.cr-page .b-info{background:#dbeafe!important;color:#1d4ed8!important}.cr-page .b-muted{background:#e5e7eb!important;color:#475569!important;}

/* ===== CINEMA ONE 5.0 FINAL LOCK - SIDEBAR/LOGO/MENU ===== */
:root{--co-final-sidebar:320px;}
.app-shell,.v8-shell{grid-template-columns:var(--co-final-sidebar) minmax(0,1fr)!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{
  width:var(--co-final-sidebar)!important;min-width:var(--co-final-sidebar)!important;max-width:var(--co-final-sidebar)!important;
  padding:18px 18px 16px!important;overflow-x:visible!important;background:linear-gradient(180deg,#fffaf0 0%,#fffdf7 48%,#f8fbff 100%)!important;
  border-right:1px solid rgba(245,158,11,.38)!important;color:#172033!important;box-shadow:18px 0 48px rgba(15,23,42,.08)!important;
}
.brand-main.frt-brand-pro,.cinema-one-brand,.sidebar .brand{
  width:100%!important;min-height:118px!important;padding:16px 18px!important;margin:0 0 16px!important;border-radius:24px!important;
  display:flex!important;align-items:center!important;gap:18px!important;overflow:visible!important;box-sizing:border-box!important;
  background:linear-gradient(135deg,#fff7d8 0%,#ffe6a3 100%)!important;border:1px solid #f6c453!important;box-shadow:0 18px 42px rgba(245,158,11,.18)!important;
}
.brand-logo.logo-glass,.brand-logo,.logo-glass,.sidebar .brand-logo,.frt-brand-pro .brand-logo{
  width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;max-width:84px!important;max-height:84px!important;
  padding:0!important;border-radius:22px!important;overflow:visible!important;display:grid!important;place-items:center!important;
  background:#071827!important;border:1px solid rgba(56,189,248,.38)!important;box-shadow:0 14px 34px rgba(15,23,42,.25),0 0 22px rgba(14,165,233,.25)!important;
}
.brand-logo.logo-glass img,.brand-logo img,.logo-glass img,.sidebar .brand-logo img,.frt-brand-pro .brand-logo img,img[src*="cinema_one_logo"]{
  width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;object-fit:contain!important;object-position:center!important;display:block!important;
  filter:drop-shadow(0 0 10px rgba(56,189,248,.28))!important;
}
.cinema-one-brand strong,.sidebar .brand strong,.brand-main strong{
  font-size:20px!important;line-height:1.05!important;letter-spacing:.05em!important;white-space:nowrap!important;color:#2d2417!important;font-weight:1000!important;overflow:visible!important;text-overflow:clip!important;
}
.cinema-one-brand span,.sidebar .brand span,.brand-main span{
  font-size:12px!important;line-height:1.25!important;letter-spacing:.20em!important;color:#2563eb!important;font-weight:1000!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}
.nav-box,.frt-sync-menu{gap:7px!important;overflow-x:visible!important;padding-right:0!important;}
.frt-sync-menu .nav-item,.sidebar .nav-item{
  min-height:46px!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;
  padding:12px 14px!important;border-radius:15px!important;overflow:visible!important;color:#27364a!important;border:1px solid transparent!important;
  background:transparent!important;transform:none!important;text-decoration:none!important;
}
.frt-sync-menu .nav-item i,.sidebar .nav-item i{width:26px!important;min-width:26px!important;text-align:center!important;font-size:17px!important;filter:drop-shadow(0 8px 14px rgba(59,130,246,.18))!important;}
.frt-sync-menu .nav-item span,.sidebar .nav-item span{
  display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;
  color:#27364a!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.02em!important;text-transform:uppercase!important;
}
.frt-sync-menu .nav-item:hover,.frt-sync-menu .nav-item.active,.sidebar .nav-item:hover,.sidebar .nav-item.active{
  background:linear-gradient(135deg,#ffe08a,#ffd36a)!important;border-color:#f6c453!important;box-shadow:0 12px 30px rgba(245,158,11,.24)!important;color:#172033!important;transform:none!important;
}
.frt-sync-menu .nav-item:hover span,.frt-sync-menu .nav-item.active span,.sidebar .nav-item:hover span,.sidebar .nav-item.active span{color:#172033!important;}
.frt-nav-group-title{margin:17px 12px 8px!important;color:#64748b!important;font-size:12px!important;letter-spacing:.14em!important;font-weight:1000!important;white-space:nowrap!important;}
.sidebar-footer{margin-top:auto!important;gap:10px!important;overflow:visible!important;}
.frt-account-pro{background:#ffffff!important;border:1px solid #dbeafe!important;border-radius:16px!important;color:#172033!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important;}
.frt-account-text b,.frt-account-text span{color:#172033!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.quick-logout-btn{background:#f8fafc!important;color:#1e293b!important;border:1px solid #dbeafe!important;}
@media(max-width:900px){.app-shell,.v8-shell{grid-template-columns:1fr!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:var(--co-final-sidebar)!important;max-width:var(--co-final-sidebar)!important;}}

/* =========================================================
   CINEMA ONE ENTERPRISE 5.0 FINAL - QUALITY UI LOCK V2
   Mục tiêu: giống mock đẹp, logo gọn trong box, menu hiện đầy đủ,
   layout không cắt cuối trang, Anti-Piracy dễ đọc.
   ========================================================= */
:root{
  --co-sidebar-w: 300px;
  --co-dark-1:#060b13;
  --co-dark-2:#0b1420;
  --co-gold-1:#fff2c9;
  --co-gold-2:#f6d277;
  --co-gold-3:#e6b84f;
  --co-blue:#1479ff;
  --co-cyan:#21d4ff;
  --co-ink:#101827;
  --co-muted:#64748b;
  --co-line:#dbe7f5;
}
html,body{min-height:100%!important;overflow-x:hidden!important;}
body{background:#f6f8fb!important;color:var(--co-ink)!important;}
.app-shell.v8-shell,.app-shell:has(.cinema-one-sidebar){display:grid!important;grid-template-columns:var(--co-sidebar-w) minmax(0,1fr)!important;min-height:100vh!important;height:auto!important;overflow:visible!important;background:#f6f8fb!important;}
.main-content{min-width:0!important;min-height:100vh!important;height:auto!important;overflow:visible!important;padding:28px 32px 72px!important;background:#f6f8fb!important;color:var(--co-ink)!important;}
/* Sidebar dark enterprise */
.cinema-one-sidebar,.sidebar.frt-sidebar-pro{position:sticky!important;top:0!important;align-self:start!important;width:var(--co-sidebar-w)!important;min-width:var(--co-sidebar-w)!important;max-width:var(--co-sidebar-w)!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 16px!important;background:linear-gradient(180deg,var(--co-dark-1) 0%,#09111c 55%,#050912 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:16px 0 42px rgba(2,6,23,.34)!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,210,95,.55) transparent!important;}
.cinema-one-sidebar::-webkit-scrollbar{width:8px}.cinema-one-sidebar::-webkit-scrollbar-thumb{background:rgba(255,210,95,.55);border-radius:999px}
/* Brand card exactly compact: logo left, text fully inside */
.cinema-one-brand,.frt-brand-pro,.sidebar .brand.cinema-one-brand{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;width:100%!important;height:104px!important;min-height:104px!important;max-height:104px!important;padding:14px 16px!important;margin:0 0 20px!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(135deg,#fff4cf 0%,#ffe8a9 100%)!important;border:1px solid rgba(233,184,72,.85)!important;box-shadow:0 18px 42px rgba(238,190,79,.23), inset 0 1px 0 rgba(255,255,255,.75)!important;}
.cinema-one-brand .brand-logo,.frt-brand-pro .brand-logo,.logo-glass{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;border-radius:24px!important;padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;}
.cinema-one-brand .brand-logo img,.frt-brand-pro .brand-logo img,.logo-glass img,.brand-logo img[src*="cinema_one_logo"]{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;max-width:74px!important;max-height:74px!important;object-fit:contain!important;object-position:center!important;display:block!important;border-radius:24px!important;filter:drop-shadow(0 12px 16px rgba(7,16,30,.28))!important;transform:none!important;}
.cinema-one-brand .brand-copy,.frt-brand-pro .brand-copy,.cinema-one-brand>div:not(.brand-logo){min-width:0!important;overflow:hidden!important;}
.cinema-one-brand strong,.frt-brand-pro strong{display:block!important;margin:0!important;color:#2c1f11!important;font-size:21px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:1.3px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-transform:uppercase!important;}
.cinema-one-brand span,.frt-brand-pro span{display:block!important;margin-top:8px!important;color:#1266ff!important;font-size:11px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:2.6px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-transform:uppercase!important;}
/* Menu: full Vietnamese text, never ellipsis */
.frt-sync-menu,.nav-box{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important;overflow:visible!important;}
.frt-nav-group-title{margin:16px 8px 8px!important;color:#f6d88e!important;font-size:11px!important;line-height:1!important;font-weight:1000!important;letter-spacing:1.3px!important;text-transform:uppercase!important;opacity:.95!important;}
.nav-item,.sidebar a.nav-item,.nav-box .nav-item{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:42px!important;height:auto!important;padding:11px 12px!important;border-radius:12px!important;text-decoration:none!important;color:#e8edf6!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;}
.nav-item i{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;font-size:17px!important;line-height:1!important;filter:drop-shadow(0 8px 13px rgba(0,0,0,.24))!important;}
.nav-item span,.sidebar a span,.side-nav a span{display:block!important;min-width:0!important;color:inherit!important;font-size:13px!important;line-height:1.25!important;font-weight:850!important;letter-spacing:.15px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;text-transform:none!important;}
.nav-item:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important;color:#ffffff!important;transform:translateX(2px)!important;}
.nav-item.active{background:linear-gradient(135deg,#ffe99c 0%,#ffd160 100%)!important;border:1px solid rgba(235,186,73,.95)!important;color:#1d2a3e!important;box-shadow:0 14px 28px rgba(237,192,83,.20)!important;}
.nav-item.active span,.nav-item.active i{color:#1d2a3e!important;}
.sidebar-footer,.frt-sidebar-footer-pro{margin-top:18px!important;padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.10)!important;overflow:visible!important;}
.frt-account-pro{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important;}
.frt-account-text b{color:#fff!important}.frt-account-text span{color:#f5d37f!important}.quick-logout-btn{background:rgba(239,68,68,.13)!important;color:#fff!important;border-color:rgba(239,68,68,.25)!important;}
/* Dashboard like mock: black top accents, clean cards */
.mobile-topbar{background:#0b111c!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.co-hero{display:grid!important;grid-template-columns:420px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;background:linear-gradient(135deg,#fff4cf 0%,#ffe9af 100%)!important;border:1px solid rgba(232,185,75,.85)!important;border-radius:22px!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;color:#111827!important;overflow:hidden!important;min-height:150px!important;padding:24px 28px!important;}
.co-hero-logo{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;width:100%!important;max-width:420px!important;}
.co-hero-logo:after{content:"CINEMA\A ONE\A PHIÊN BẢN 5.0 FINAL";white-space:pre!important;font-size:30px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:1.4px!important;color:#2b1e11!important;}
.co-hero-logo img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;border-radius:28px!important;object-fit:contain!important;filter:drop-shadow(0 16px 18px rgba(15,23,42,.28))!important;}
.co-hero .co-eyebrow,.co-hero .co-title{display:none!important;}
.co-hero .co-sub{margin:0!important;color:#324154!important;font-weight:750!important;line-height:1.55!important;max-width:760px!important;}
.co-hero .co-actions{margin-top:14px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
.co-card,.co-panel,.co-tile,.panel,.full-panel,.table-wrap,.cr-table-wrap{background:#ffffff!important;color:#111827!important;border:1px solid #e4edf8!important;border-radius:18px!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important;}
.co-card *,.co-panel *,.co-tile *,.panel *,.full-panel *{color:inherit;}
.co-panel h2,.panel h2,.full-panel h2{color:#111827!important;}
.co-tile{background:linear-gradient(135deg,#ffffff,#f7fbff)!important;}
.co-tile b{color:#0f172a!important}.co-tile span,.muted,.muted-sm{color:#64748b!important;}
.co-kpi b{color:#111827!important}.co-kpi span{color:#00a64f!important;font-weight:850!important;}
.co-btn,.cr-btn,button.primary-btn,.primary-btn{border-radius:12px!important;font-weight:900!important;}
/* Anti-piracy page readability and no accidental clickable result links */
.cr-page{background:#f6f8fb!important;color:#142033!important;}
.cr-page .panel,.cr-page .full-panel,.cr-page .copyright-card,.cr-page .mini-stat{background:#ffffff!important;color:#142033!important;border:1px solid #dbeafe!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important;}
.cr-page .cr-table-wrap{background:#fff!important;border:1px solid #cfe3ff!important;overflow:auto!important;}
.cr-page .cr-table th{background:#eaf4ff!important;color:#142033!important;border-bottom:1px solid #cfe3ff!important;}
.cr-page .cr-table td{background:#fff!important;color:#142033!important;border-bottom:1px solid #edf4ff!important;}
.cr-page .cr-table tr:nth-child(even) td{background:#f8fbff!important;}
.cr-page .readonly-link-cell,.cr-page .cr-readonly-link{cursor:default!important;pointer-events:none!important;text-decoration:none!important;color:#1f4f8f!important;font-weight:850!important;}
.cr-page .open-link-btn,#resultBody [data-open-url],#resultBody a,#resultBody button{display:none!important;pointer-events:none!important;}
.cr-page .doc-item{background:#f8fbff!important;border:1px solid #cfe3ff!important;color:#142033!important;}
.cr-page .cr-drop{background:#f8fbff!important;border:1.5px dashed #9cc8ff!important;color:#142033!important;}
.cr-page input,.cr-page textarea,.cr-page select{background:#f8fbff!important;color:#142033!important;border:1px solid #cfe3ff!important;}
/* Layout bottom clipping fix */
body .content,body .main,body .main-content,body .page,body .panel,body .full-panel{max-height:none!important;}
.ai-assistant,.ai-chatbot,.co-ai-float,#aiAssistant,.chatbox-ai{z-index:40!important;right:22px!important;bottom:22px!important;}
/* responsive */
@media(max-width:1100px){:root{--co-sidebar-w:285px}.main-content{padding:22px 20px 70px!important}.co-hero{grid-template-columns:1fr!important}.co-hero-logo{max-width:390px!important}}
@media(max-width:900px){.app-shell.v8-shell,.app-shell:has(.cinema-one-sidebar){display:block!important}.cinema-one-sidebar,.sidebar.frt-sidebar-pro{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1000!important;transform:translateX(-105%);transition:.22s ease!important}.sidebar-open .cinema-one-sidebar,.sidebar-open .sidebar.frt-sidebar-pro{transform:translateX(0)!important}.main-content{padding:18px 16px 72px!important}.co-hero-logo:after{font-size:24px!important}.co-hero-logo img{width:78px!important;height:78px!important}.co-hero-logo{grid-template-columns:78px 1fr!important}.cinema-one-brand,.frt-brand-pro{height:96px!important;min-height:96px!important;grid-template-columns:68px 1fr!important}.cinema-one-brand .brand-logo,.frt-brand-pro .brand-logo,.cinema-one-brand .brand-logo img,.frt-brand-pro .brand-logo img{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;max-height:68px!important}.cinema-one-brand strong,.frt-brand-pro strong{font-size:18px!important}.cinema-one-brand span,.frt-brand-pro span{font-size:10px!important;letter-spacing:1.8px!important}}

/* =========================================================
   CINEMA ONE 5.0 FINAL REAL FIX - 2026-07-06
   - Logo chỉ nằm ở sidebar bên trái
   - Không còn logo trong nội dung trang
   - Menu luôn đủ chữ
   - CNOX không cần zoom để xem hết
   ========================================================= */
:root{
  --co-sidebar-w: 300px!important;
  --co-final-sidebar: 300px!important;
}
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;}
.app-shell,.v8-shell{
  display:grid!important;
  grid-template-columns:var(--co-sidebar-w) minmax(0,1fr)!important;
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{
  width:var(--co-sidebar-w)!important;
  min-width:var(--co-sidebar-w)!important;
  max-width:var(--co-sidebar-w)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
.main-content{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding:22px 24px 92px!important;
}
/* Sidebar brand giống mẫu đã chọn: gọn, không lệch, không tràn */
.sidebar .brand-main.frt-brand-pro,
.sidebar .cinema-one-brand,
.cinema-one-sidebar .brand-main,
.cinema-one-sidebar .cinema-one-brand{
  height:auto!important;
  min-height:112px!important;
  padding:16px 14px!important;
  margin:14px 12px 18px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff1bd 0%,#ffe4a3 100%)!important;
  border:1px solid rgba(214,159,45,.55)!important;
  box-shadow:0 14px 34px rgba(97,65,12,.16)!important;
  overflow:hidden!important;
}
.sidebar .brand-logo.logo-glass,
.sidebar .brand-logo,
.sidebar .logo-glass,
.frt-brand-pro .brand-logo,
.cinema-one-brand .brand-logo{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  border-radius:21px!important;
  background:#071827!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 12px 24px rgba(15,23,42,.22)!important;
}
.sidebar .brand-logo img,
.sidebar .logo-glass img,
.frt-brand-pro .brand-logo img,
.cinema-one-brand .brand-logo img{
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:21px!important;
  filter:none!important;
  transform:none!important;
}
.sidebar .brand-copy,
.cinema-one-brand .brand-copy{
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.sidebar .brand-copy strong,
.cinema-one-brand .brand-copy strong{
  color:#2b1e11!important;
  font-size:19px!important;
  line-height:1.08!important;
  letter-spacing:.08em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.sidebar .brand-copy span,
.cinema-one-brand .brand-copy span{
  color:#2563eb!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.18em!important;
  margin-top:8px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.sidebar .nav-box,.frt-sync-menu{padding:0 12px 24px!important;}
.sidebar .nav-item,.frt-sync-menu .nav-item{
  min-height:44px!important;
  padding:10px 12px!important;
  margin:3px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
.sidebar .nav-item i,.frt-sync-menu .nav-item i{
  width:26px!important;
  min-width:26px!important;
  text-align:center!important;
  font-size:17px!important;
}
.sidebar .nav-item span,.frt-sync-menu .nav-item span{
  flex:1 1 auto!important;
  min-width:0!important;
  color:inherit!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.frt-nav-group-title{
  margin:18px 10px 8px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}
/* Chỉ hiện logo ở sidebar. Nội dung trang không hiển thị logo nữa. */
.main-content .co-hero-logo,
.main-content .login-logo,
.main-content .mail-brand-logo,
.main-content img[src*="cinema_one_logo"]{
  display:none!important;
}
.main-content .co-hero{
  display:block!important;
  grid-template-columns:none!important;
  min-height:unset!important;
  padding:22px 26px!important;
  overflow:visible!important;
}
.main-content .co-hero .co-eyebrow,
.main-content .co-hero .co-title,
.main-content .co-hero .co-sub,
.main-content .co-hero .co-actions{
  display:block!important;
}
.main-content .co-hero .co-title{
  margin:4px 0 8px!important;
  font-size:clamp(26px,2.2vw,42px)!important;
  line-height:1.08!important;
}
.main-content .co-hero .co-sub{max-width:980px!important;}
/* CNOX: co giãn đúng màn hình, không còn phải zoom nhỏ để thấy hết */
body.cnox-page .main-content{
  padding:18px 18px 92px!important;
  overflow:visible!important;
  max-width:calc(100vw - var(--co-sidebar-w))!important;
}
body.cnox-page .cnox-control,
body.cnox-page .cnox-card,
body.cnox-page .cnox-body,
body.cnox-page .cnox-control-hero,
body.cnox-page .cnox-workflow-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.cnox-page .cnox-control{overflow:hidden!important;}
body.cnox-page .cnox-head,
body.cnox-page .cnox-workflow-head{
  min-width:0!important;
  flex-wrap:wrap!important;
}
body.cnox-page .cnox-head h1{font-size:clamp(22px,1.6vw,30px)!important;line-height:1.15!important;}
body.cnox-page .cnox-head h2{font-size:clamp(18px,1.25vw,23px)!important;}
body.cnox-page .cnox-source-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
body.cnox-page .cnox-source-card{min-height:300px!important;padding:16px!important;}
body.cnox-page .cnox-source-card .drop-zone-cnox{min-height:210px!important;padding:28px 18px!important;}
body.cnox-page .cnox-mail-actions{
  display:grid!important;
  grid-template-columns:110px minmax(180px,1fr) repeat(4,minmax(88px,108px))!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
}
body.cnox-page .cnox-btn{min-width:0!important;white-space:normal!important;line-height:1.15!important;padding:10px 11px!important;}
body.cnox-page .cnox-prof-panel{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
body.cnox-page .cnox-prof-panel .name-upload-wide{grid-column:1 / 3!important;}
body.cnox-page .cnox-summary-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body.cnox-page .cnox-bottom-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(120px,160px) minmax(130px,170px)!important;
  gap:10px!important;
  padding:14px 0 0!important;
}
body.cnox-page .ai-assistant,
body.cnox-page .co-ai-assistant,
body.cnox-page .ai-chatbot,
body.cnox-page .chatbot-widget{
  right:18px!important;
  bottom:18px!important;
  transform:none!important;
}
@media(max-width:1500px){
  body.cnox-page .cnox-source-grid{grid-template-columns:1fr!important;}
  body.cnox-page .cnox-mail-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.cnox-page .cnox-prof-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cnox-page .cnox-prof-panel .name-upload-wide{grid-column:auto!important;}
  body.cnox-page .cnox-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .app-shell,.v8-shell{display:block!important;}
  .sidebar,.frt-sidebar-pro,.cinema-one-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:9990!important;transform:translateX(-105%);transition:.22s ease!important;}
  body.sidebar-open .sidebar,body.sidebar-open .frt-sidebar-pro,body.sidebar-open .cinema-one-sidebar,.sidebar.open,.frt-sidebar-pro.open,.cinema-one-sidebar.open{transform:translateX(0)!important;}
  .main-content,body.cnox-page .main-content{max-width:100vw!important;padding:16px 14px 90px!important;}
  body.cnox-page .cnox-mail-actions,body.cnox-page .cnox-prof-panel,body.cnox-page .cnox-summary-row,body.cnox-page .cnox-bottom-actions{grid-template-columns:1fr!important;}
}


/* ===== Cinema One 5.0 RELEASE - Header account bar + no sidebar scrollbar ===== */
:root{--co-sidebar-w:320px;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{
  height:100vh!important; max-height:100vh!important; overflow:hidden!important;
  display:flex!important; flex-direction:column!important;
}
.brand-main,.cinema-one-brand{flex:0 0 auto!important; margin-bottom:8px!important; padding:10px 12px!important; min-height:54px!important;}
.brand-logo,.logo-glass{width:42px!important;height:42px!important;min-width:42px!important;}
.brand-copy strong{font-size:16px!important;line-height:1.05!important;}
.brand-copy span{font-size:10px!important;line-height:1.1!important;}
.nav-box,.frt-sync-menu{
  flex:1 1 auto!important; overflow:visible!important; padding-right:0!important; gap:3px!important;
  scrollbar-width:none!important; -ms-overflow-style:none!important;
}
.nav-box::-webkit-scrollbar,.frt-sync-menu::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.nav-item,.frt-sync-menu .nav-item{
  min-height:34px!important; height:34px!important; padding:7px 10px!important; border-radius:10px!important;
  font-size:12.2px!important; line-height:1!important; letter-spacing:-.01em!important;
}
.nav-item i{width:20px!important;font-size:14px!important;}
.frt-nav-group-title{margin:8px 10px 4px!important;font-size:10px!important;line-height:1!important;}
/* Footer được chuyển lên Header nên ẩn khỏi Menu */
.sidebar-footer,.frt-sidebar-footer-pro{display:none!important;}
.hero-topbar,.topbar{align-items:center!important; gap:18px!important;}
.top-actions,.top-actions-v2{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
/* Đồng hồ lớn hơn và dài hơn */
.datetime-card{
  min-width:172px!important; min-height:70px!important; padding:12px 18px!important;
  display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
  border-radius:15px!important;
}
.datetime-card .clock,.clock#clockNow,.clock{
  font-size:24px!important; line-height:1!important; font-weight:950!important; letter-spacing:.02em!important;
}
.datetime-card .date,.date#dateNow,.date{
  margin-top:7px!important; font-size:12.5px!important; line-height:1.1!important; font-weight:850!important; white-space:nowrap!important;
}
.theme-toggle,.lock-computer-btn,.co-header-account,.co-header-logout{
  min-height:70px!important; padding:12px 18px!important; border-radius:15px!important;
  background:#fff!important; color:var(--office-text,#0f172a)!important; border:1px solid var(--office-line,#e2e8f0)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.06)!important; font-weight:900!important;
}
.co-header-account{
  display:flex!important; align-items:center!important; gap:10px!important; min-width:190px!important; text-decoration:none!important; cursor:pointer!important;
}
.co-header-account .frt-avatar-form{display:block!important;margin:0!important;}
.co-header-account .frt-avatar{
  width:48px!important; height:48px!important; min-width:48px!important; border-radius:50%!important;
  border:2px solid #bfdbfe!important; box-shadow:0 0 0 5px rgba(59,130,246,.12),0 8px 18px rgba(15,23,42,.12)!important;
}
.co-header-account .frt-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}
.co-header-account .frt-avatar span{font-size:18px!important;font-weight:950!important;}
.co-header-account .frt-account-text{display:flex!important;flex-direction:column!important;gap:3px!important;text-decoration:none!important;color:inherit!important;min-width:0!important;}
.co-header-account .frt-account-text b{font-size:13px!important;line-height:1!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:112px!important;}
.co-header-account .frt-account-text span{font-size:10px!important;line-height:1!important;color:#475569!important;text-transform:uppercase!important;font-weight:900!important;white-space:nowrap!important;}
.co-header-logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;min-width:126px!important;}
.co-header-logout:hover{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important;}
@media(max-width:1250px){
  .datetime-card{min-width:150px!important}.theme-toggle,.lock-computer-btn,.co-header-account,.co-header-logout{min-height:60px!important;padding:10px 12px!important}.datetime-card{min-height:60px!important}.datetime-card .clock,.clock{font-size:20px!important}.co-header-account{min-width:160px!important}.co-header-account .frt-account-text b{max-width:86px!important}
}
@media(max-width:900px){.sidebar-footer,.frt-sidebar-footer-pro{display:flex!important}.co-header-account,.co-header-logout{display:none!important}.datetime-card{min-width:136px!important;min-height:56px!important}.datetime-card .clock,.clock{font-size:18px!important}}

/* ===== CINEMA ONE 5.0 FINAL - RESPONSIVE FIT FIX 1366x768 GLOBAL ===== */
:root{--co-sidebar-w:clamp(218px,18vw,265px)!important;--co-final-sidebar:clamp(218px,18vw,265px)!important}html,body{overflow-x:hidden!important}.app-shell,.v8-shell{grid-template-columns:var(--co-sidebar-w) minmax(0,1fr)!important;width:100%!important;max-width:100vw!important}.main-content{min-width:0!important;max-width:100%!important;width:100%!important}.hero-topbar,.topbar{min-width:0!important}.hero-title{min-width:0!important;flex:1 1 420px!important}.hero-title h1{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important}.hero-title span{font-size:clamp(12px,1vw,15px)!important;line-height:1.35!important}.top-actions,.top-actions-v2{flex:0 1 auto!important;min-width:0!important;gap:8px!important}.datetime-card{min-width:112px!important;padding:8px 10px!important}.datetime-card .clock,.clock{font-size:clamp(20px,1.8vw,28px)!important;line-height:1!important}.datetime-card .date,.date{font-size:11px!important;line-height:1.15!important}.theme-toggle,.lock-computer-btn,.top-actions button{min-width:auto!important;height:44px!important;padding:0 13px!important;font-size:13px!important;white-space:nowrap!important}.dashboard-status-bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;margin-bottom:12px!important}.dashboard-status-bar span{height:32px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.stat-card{padding:14px 16px!important;min-height:82px!important;border-radius:18px!important}.stat-card strong{font-size:clamp(22px,2vw,30px)!important;margin:6px 0 1px!important;line-height:1!important}.stat-card small{font-size:12px!important}.stat-card span{font-size:11px!important}.work-grid{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)!important;gap:14px!important;align-items:start!important}.panel,.feature-panel,.result-panel,.full-panel,.co-panel,.card{padding:16px!important;border-radius:20px!important;margin-bottom:14px!important}.panel-head{margin-bottom:12px!important;gap:10px!important}.panel h2,.panel-head h2{font-size:20px!important;line-height:1.12!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.field input,.field select,input,select,textarea{min-width:0!important;max-width:100%!important;height:44px!important;padding:10px 12px!important;font-size:13px!important}.check-card{padding:10px 12px!important;margin:10px 0!important;border-radius:16px!important}.check-card small{font-size:11px!important;line-height:1.25!important}.dropzone{min-height:130px!important;padding:16px!important;border-radius:20px!important}.drop-icon{font-size:34px!important}.dropzone strong{font-size:16px!important}.dropzone span,.dropzone small{font-size:12px!important}.action-row,.action-row-main{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.action-row .primary-btn,.action-row-main .primary-btn{flex:1 1 220px!important;width:auto!important;margin-top:8px!important}.action-row .ghost-btn,.action-row-main .ghost-btn{flex:0 1 auto!important;margin-top:8px!important}.table-wrap,.cr-table-wrap{max-width:100%!important;overflow:auto!important}.co-kpis,.v8-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.co-main-grid,.v8-chart-grid,.one-click-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)!important}.chart-grid,.v8-insight-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}@media (max-width:1500px),(max-height:820px){:root{--co-sidebar-w:230px!important;--co-final-sidebar:230px!important}.main-content{padding:14px 16px 70px!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;padding:9px 10px!important;gap:5px!important}.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:80px!important;min-height:80px!important;max-height:80px!important;padding:8px!important;margin-bottom:4px!important;border-radius:18px!important}.cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{height:60px!important;max-height:60px!important;max-width:198px!important}.cinema-one-sidebar .brand-logo img,.cinema-one-brand .brand-logo img,.brand-logo.logo-glass img,img[src*="cinema_one_logo_user"]{width:188px!important;max-height:58px!important}.frt-nav-group-title{height:14px!important;min-height:14px!important;margin:2px 2px 0!important;font-size:9px!important;line-height:14px!important}.nav-item,.sidebar .nav-item,.frt-sync-menu .nav-item{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 8px!important;margin:2px 4px!important;gap:7px!important;border-radius:10px!important}.nav-item i,.sidebar .nav-item i{width:17px!important;min-width:17px!important;font-size:12px!important}.nav-item span,.sidebar .nav-item span{font-size:9.2px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-footer,.frt-sidebar-footer-pro{min-height:70px!important;max-height:78px!important;padding-top:4px!important}.frt-account-pro{height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 6px!important}.frt-avatar{width:28px!important;height:28px!important;min-width:28px!important}.quick-logout-btn{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:9px!important;margin-top:4px!important}.hero-topbar,.topbar{padding:13px 16px!important;margin-bottom:12px!important;border-radius:20px!important;align-items:center!important;gap:12px!important}.hero-title h1{font-size:25px!important;line-height:1.04!important;margin:3px 0 6px!important}.eyebrow,.step{font-size:10px!important;margin-bottom:5px!important}.hero-title span{font-size:12px!important;max-width:620px!important}.top-actions,.top-actions-v2{gap:7px!important}.datetime-card{min-width:104px!important;height:52px!important;padding:7px 9px!important;border-radius:14px!important}.datetime-card .clock,.clock{font-size:22px!important}.datetime-card .date,.date{font-size:10px!important}.theme-toggle,.lock-computer-btn,.top-actions button{height:52px!important;padding:0 12px!important;border-radius:14px!important;font-size:12px!important}.dashboard-status-bar{padding:8px 10px!important;min-height:42px!important;border-radius:16px!important}.stats-grid{gap:10px!important;margin-bottom:12px!important}.stat-card{padding:12px 14px!important;min-height:72px!important;border-radius:16px!important}.stat-card strong{font-size:22px!important}.work-grid{grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr)!important;gap:12px!important}.panel,.feature-panel,.result-panel,.full-panel,.co-panel,.card{padding:14px!important;border-radius:18px!important}.dropzone{min-height:112px!important;padding:12px!important}}@media (max-width:1180px){.work-grid,.co-main-grid,.v8-chart-grid,.one-click-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-topbar,.topbar{flex-direction:column!important;align-items:stretch!important}.top-actions,.top-actions-v2{justify-content:flex-start!important;width:100%!important}}@media (max-width:980px){:root{--co-sidebar-w:260px!important;--co-final-sidebar:260px!important}.app-shell,.v8-shell{display:block!important}.mobile-topbar{display:flex!important}.main-content{padding:12px!important}.form-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr!important}.top-actions .theme-toggle,.top-actions .lock-computer-btn{height:42px!important}}


/* ===== CINEMA ONE 5.0 FINAL - WORDMARK LOGO + HEADER AVATAR ALIGN FIX ===== */
/* Bỏ ảnh logo sidebar hoàn toàn: chỉ còn chữ CINEMA ONE để không bị lỗi scale/release */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{
  justify-content:center!important;align-items:center!important;text-align:center!important;
  background:linear-gradient(135deg,#fff3bf,#fde68a 52%,#fef3c7)!important;
  border:1px solid rgba(251,191,36,.60)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.7)!important;
  overflow:hidden!important;
}
.cinema-one-brand .brand-logo,.brand-main .brand-logo,.sidebar .brand-logo,.logo-glass,
.cinema-one-brand img[src*="cinema_one_logo"],.sidebar img[src*="cinema_one_logo"]{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
}
.brand-wordmark{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;padding:0 10px!important;box-sizing:border-box!important;
  color:#07111f!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;
  font-size:clamp(24px,2.2vw,34px)!important;line-height:1!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
}
@media(max-width:1500px),(max-height:820px){
  .brand-wordmark{font-size:24px!important;letter-spacing:.065em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:72px!important;min-height:72px!important;max-height:72px!important;flex-basis:72px!important;padding:6px 8px!important;}
}
@media(max-height:720px){
  .brand-wordmark{font-size:20px!important;letter-spacing:.05em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:58px!important;min-height:58px!important;max-height:58px!important;flex-basis:58px!important;}
}
/* Header Admin box: avatar không nhảy lệch, text nằm giữa card */
.co-header-account{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-width:174px!important;max-width:190px!important;min-height:60px!important;height:60px!important;
  padding:8px 12px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.co-header-account .frt-avatar-form{
  flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;display:block!important;position:relative!important;
}
.co-header-account .frt-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
  position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;overflow:visible!important;
  box-sizing:border-box!important;border:2px solid #86efac!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.16),0 0 18px rgba(34,197,94,.28)!important;
}
.co-header-account .frt-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;position:static!important;transform:none!important;margin:0!important;
}
.co-header-account .frt-avatar i{
  right:0!important;bottom:0!important;width:10px!important;height:10px!important;border-width:2px!important;
}
.co-header-account .frt-account-text{
  flex:1 1 auto!important;min-width:0!important;max-width:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:3px!important;margin:0!important;padding:0!important;
}
.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{
  width:100%!important;max-width:112px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;margin:0!important;
}
.co-header-account .frt-account-text b{font-size:12px!important;line-height:1.05!important;color:#0f172a!important;}
.co-header-account .frt-account-text span{font-size:9.5px!important;line-height:1.05!important;color:#0f172a!important;font-weight:950!important;text-transform:uppercase!important;}
@media(max-width:1250px){
  .co-header-account{min-width:150px!important;max-width:160px!important;height:54px!important;min-height:54px!important;padding:7px 9px!important;gap:9px!important;}
  .co-header-account .frt-avatar-form,.co-header-account .frt-avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important;}
  .co-header-account .frt-account-text,.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{max-width:88px!important;}
}


/* ===== CINEMA ONE FINAL URGENT FIX: 2-LINE TEXT LOGO + ADMIN AVATAR CLEAN ALIGN ===== */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{
  display:flex!important;justify-content:center!important;align-items:center!important;
  padding:8px 14px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.brand-wordmark{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  width:100%!important;height:100%!important;max-width:100%!important;padding:0!important;margin:0!important;
  box-sizing:border-box!important;white-space:normal!important;overflow:visible!important;text-align:left!important;
  color:#111827!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;
  font-size:0!important;letter-spacing:0!important;line-height:1!important;text-shadow:none!important;
}
.brand-wordmark span{
  display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;
  font-size:clamp(22px,1.8vw,30px)!important;line-height:.92!important;letter-spacing:.045em!important;
  color:#111827!important;text-transform:uppercase!important;font-weight:950!important;text-align:left!important;
}
@media(max-width:1500px),(max-height:820px){
  .brand-wordmark span{font-size:24px!important;letter-spacing:.035em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:72px!important;min-height:72px!important;max-height:72px!important;}
}
@media(max-height:720px){
  .brand-wordmark span{font-size:20px!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:60px!important;min-height:60px!important;max-height:60px!important;}
}
.co-header-account{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;width:190px!important;min-width:190px!important;max-width:190px!important;
  height:60px!important;min-height:60px!important;max-height:60px!important;padding:8px 12px!important;
  overflow:hidden!important;box-sizing:border-box!important;position:relative!important;
}
.co-header-account .frt-avatar-form{
  position:relative!important;display:block!important;flex:0 0 46px!important;width:46px!important;height:46px!important;
  min-width:46px!important;max-width:46px!important;margin:0!important;padding:0!important;z-index:1!important;
}
.co-header-account .frt-avatar,
.co-header-account .frt-avatar img,
.co-header-account .frt-avatar span{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;
  margin:0!important;padding:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  position:relative!important;box-sizing:border-box!important;border-radius:50%!important;
}
.co-header-account .frt-avatar{display:grid!important;place-items:center!important;overflow:visible!important;z-index:1!important;}
.co-header-account .frt-avatar:before{display:none!important;content:none!important;}
.co-header-account .frt-avatar i{right:0!important;bottom:1px!important;width:11px!important;height:11px!important;z-index:3!important;}
.co-header-account .frt-account-text{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  flex:1 1 auto!important;min-width:0!important;max-width:108px!important;margin:0!important;padding:0!important;position:relative!important;z-index:2!important;
}
.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{
  display:block!important;width:100%!important;max-width:108px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:left!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.co-header-account .frt-account-text b{font-size:13px!important;line-height:1.05!important;font-weight:950!important;}
.co-header-account .frt-account-text span{font-size:9px!important;line-height:1.05!important;font-weight:950!important;text-transform:uppercase!important;margin-top:3px!important;}
.co-header-logout{height:60px!important;min-height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 18px!important;border-radius:16px!important;white-space:nowrap!important;}
@media(max-width:1350px){
  .co-header-account{width:172px!important;min-width:172px!important;max-width:172px!important;height:54px!important;min-height:54px!important;max-height:54px!important;gap:9px!important;padding:7px 10px!important;}
  .co-header-account .frt-avatar-form,.co-header-account .frt-avatar,.co-header-account .frt-avatar img,.co-header-account .frt-avatar span{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px!important;}
  .co-header-account .frt-account-text,.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{max-width:95px!important;}
  .co-header-account .frt-account-text b{font-size:12px!important;}
  .co-header-account .frt-account-text span{font-size:8.5px!important;}
  .co-header-logout{height:54px!important;min-height:54px!important;padding:0 14px!important;}
}

/* ===== CINEMA ONE 5.0 FINAL - REMOVE LOGO BOX + SIDEBAR ADMIN TOP FIX ===== */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main,.brand-wordmark{
  display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;
  padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;
}
.sidebar-top-account.frt-account-pro{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
  width:100%!important;min-height:94px!important;height:94px!important;padding:15px 16px!important;
  border-radius:22px!important;box-sizing:border-box!important;cursor:pointer!important;overflow:hidden!important;
  background:linear-gradient(135deg,#fff7d6,#fde68a 55%,#fef3c7)!important;
  border:1px solid rgba(245,158,11,.55)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.sidebar-top-account .frt-avatar-form{
  flex:0 0 58px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  margin:0!important;padding:0!important;display:block!important;position:relative!important;
}
.sidebar-top-account .frt-avatar{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;
  margin:0!important;padding:0!important;border-radius:50%!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  overflow:visible!important;background:#0f172a!important;border:3px solid #86efac!important;
  box-shadow:0 0 0 6px rgba(34,197,94,.18),0 0 26px rgba(34,197,94,.30),0 10px 20px rgba(15,23,42,.18)!important;
}
.sidebar-top-account .frt-avatar img{
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;
  display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:50%!important;
  margin:0!important;padding:0!important;position:static!important;transform:none!important;box-sizing:border-box!important;
}
.sidebar-top-account .frt-avatar span{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  color:#fff!important;font-size:22px!important;font-weight:950!important;line-height:1!important;
}
.sidebar-top-account .frt-avatar i{
  position:absolute!important;right:1px!important;bottom:2px!important;width:13px!important;height:13px!important;border-radius:50%!important;
  background:#22c55e!important;border:2px solid #ffffff!important;z-index:4!important;box-shadow:0 0 10px rgba(34,197,94,.75)!important;
}
.sidebar-top-account .frt-avatar:before{display:none!important;content:none!important;}
.sidebar-top-account .frt-account-text{
  flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:5px!important;text-decoration:none!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.sidebar-top-account .frt-account-text b,
.sidebar-top-account .frt-account-text span{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:left!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.sidebar-top-account .frt-account-text b{font-size:16px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.02em!important;text-transform:uppercase!important;}
.sidebar-top-account .frt-account-text span{font-size:10px!important;line-height:1.1!important;font-weight:950!important;text-transform:uppercase!important;color:#334155!important;}
/* Không còn Admin ở header; chỉ giữ Đăng xuất sau Khóa máy */
.co-header-account{display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
.co-header-logout{height:60px!important;min-height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 18px!important;border-radius:16px!important;white-space:nowrap!important;}
.sidebar-footer,.frt-sidebar-footer-pro{display:none!important;}
@media(max-height:760px){
  .sidebar-top-account.frt-account-pro{height:78px!important;min-height:78px!important;padding:11px 13px!important;border-radius:18px!important;}
  .sidebar-top-account .frt-avatar-form,.sidebar-top-account .frt-avatar{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;flex-basis:48px!important;}
  .sidebar-top-account .frt-account-text b{font-size:14px!important;}
  .sidebar-top-account .frt-account-text span{font-size:9px!important;}
}
@media(max-width:900px){
  .co-header-logout{display:none!important;}
  .sidebar-footer,.frt-sidebar-footer-pro{display:flex!important;}
}

/* =========================================================
   RELEASE 2.0 CONTRAST SAFETY SWEEP
   Chống lỗi nền đen/chữ đen hoặc nền tối/chữ tối ở mọi site.
   ========================================================= */
html[data-theme="dark"] body,
body.dark,
body.theme-dark{
  background:#0f172a!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .compact-card,
html[data-theme="dark"] .feature-panel,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
body.dark .panel,
body.dark .card,
body.dark .compact-card,
body.dark .feature-panel,
body.dark .table-card,
body.dark .stat-card,
body.dark .modal,
body.dark .modal-content,
body.dark .dropdown-menu{
  background:#111827!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
html[data-theme="dark"] .panel *,
html[data-theme="dark"] .card *,
html[data-theme="dark"] .compact-card *,
html[data-theme="dark"] .feature-panel *,
html[data-theme="dark"] .table-card *,
html[data-theme="dark"] .stat-card *,
body.dark .panel *,
body.dark .card *,
body.dark .compact-card *,
body.dark .feature-panel *,
body.dark .table-card *,
body.dark .stat-card *{
  color:inherit;
}
html[data-theme="dark"] table,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .cnox-table-wrap,
html[data-theme="dark"] .lib-table-wrap,
body.dark table,
body.dark .table-wrap,
body.dark .cnox-table-wrap,
body.dark .lib-table-wrap{
  background:#111827!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] th,
body.dark th{
  background:#1f2937!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] td,
body.dark td{
  color:#e5e7eb!important;
  border-color:#334155!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
body.dark input,
body.dark select,
body.dark textarea{
  background:#0b1220!important;
  color:#f8fafc!important;
  border-color:#475569!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body.dark input::placeholder,
body.dark textarea::placeholder{
  color:#cbd5e1!important;
}
html[data-theme="light"] body{
  background:#f5f7fb!important;
  color:#0f172a!important;
}
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .compact-card,
html[data-theme="light"] .feature-panel,
html[data-theme="light"] .table-card,
html[data-theme="light"] .stat-card{
  background:#ffffff!important;
  color:#0f172a!important;
}

/* FIX LOGIN CLOCK ALIGN */
.login-clock-box{
    width:190px !important;
    min-height:88px !important;
    padding:12px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    line-height:1.15 !important;
}

.login-clock-box .clock-time,
.login-clock-box #clockTime,
.login-clock-box .time{
    font-size:36px !important;
    font-weight:900 !important;
    line-height:1 !important;
    margin:0 !important;
    white-space:nowrap !important;
}

.login-clock-box .clock-date,
.login-clock-box #clockDate,
.login-clock-box .date{
    margin-top:8px !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-align:center !important;
    white-space:nowrap !important;
}

/* FIX CLOCK ONLY ON REPORT PAGE */
.report-clock-box,
.home-clock-box,
.workspace-clock-box,
.clock-card{
    min-width:190px !important;
    min-height:86px !important;
    padding:12px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
}

.report-clock-box .clock-time,
.home-clock-box .clock-time,
.workspace-clock-box .clock-time,
.clock-card .clock-time{
    font-size:30px !important;
    line-height:32px !important;
    margin:0 !important;
    white-space:nowrap !important;
}

.report-clock-box .clock-date,
.home-clock-box .clock-date,
.workspace-clock-box .clock-date,
.clock-card .clock-date{
    font-size:15px !important;
    line-height:20px !important;
    margin-top:8px !important;
    white-space:nowrap !important;
}

/* =========================
   CINEMA ONE LOGO RED GLOW
   ========================= */

.co-hero-logo{
    display:flex !important;
    justify-content:center;
    align-items:center;
}

.co-hero-logo img{

    width:170px !important;
    height:170px !important;

    object-fit:contain !important;
    object-position:center;

    padding:14px;

    background:#ffffff;

    border-radius:24px;

    border:3px solid #ff3030;

    box-shadow:
        0 0 10px rgba(255,0,0,.45),
        0 0 25px rgba(255,0,0,.45),
        0 0 50px rgba(255,0,0,.35),
        inset 0 0 20px rgba(255,255,255,.7);

    transition:.25s;
}

.co-hero-logo img:hover{

    transform:scale(1.04);

    box-shadow:
        0 0 18px #ff2d2d,
        0 0 40px #ff2d2d,
        0 0 80px rgba(255,0,0,.45);

}



/* =========================================================
   CINEMA ONE - SPLASH SCREEN FINAL FIX
   ========================================================= */

.fr30-splash {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 24px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at 50% 32%,
            rgba(239, 35, 60, .22),
            transparent 35%),
        radial-gradient(circle at 15% 10%,
            rgba(34, 197, 94, .12),
            transparent 35%),
        linear-gradient(135deg, #07101c 0%, #111827 52%, #090b12 100%)
        !important;
}

.fr30-splash-card {
    position: relative !important;
    width: min(560px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    max-width: 560px !important;
    min-height: 340px !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 48px 42px 40px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    text-align: center !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 34px !important;

    background:
        linear-gradient(145deg,
            rgba(24, 33, 52, .94),
            rgba(8, 12, 22, .92))
        !important;

    box-shadow:
        0 40px 110px rgba(0, 0, 0, .50),
        0 0 70px rgba(239, 35, 60, .16),
        inset 0 1px 0 rgba(255, 255, 255, .10)
        !important;

    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* Ẩn logo vuông cũ đang làm tràn chữ */
.fr30-splash-logo-wrap,
.fr30-splash-logo {
    display: none !important;
}

/* Tạo biểu tượng ONE mới bằng CSS */
.fr30-splash-card::before {
    content: "ONE" !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 112px !important;
    height: 112px !important;
    margin: 0 auto 26px !important;

    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: 2px !important;
    color: #ffffff !important;

    border: 2px solid rgba(255, 255, 255, .85) !important;
    border-radius: 50% !important;

    background:
        radial-gradient(circle at 35% 30%,
            rgba(255, 255, 255, .22),
            transparent 38%),
        linear-gradient(145deg, #ef233c, #9f1239)
        !important;

    box-shadow:
        0 0 0 10px rgba(239, 35, 60, .08),
        0 0 42px rgba(239, 35, 60, .55),
        0 22px 42px rgba(0, 0, 0, .35)
        !important;

    animation: cinemaOneLogoPulse 2.2s ease-in-out infinite !important;
}

.fr30-splash-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(30px, 5vw, 42px) !important;
    line-height: 1.12 !important;
    font-weight: 1000 !important;
    letter-spacing: .5px !important;

    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    text-shadow: 0 15px 38px rgba(239, 35, 60, .24) !important;
}

.fr30-splash-sub {
    display: block !important;
    width: 100% !important;

    margin: 12px 0 0 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;

    color: #fbbf24 !important;
    text-align: center !important;
    white-space: normal !important;
}

.fr30-splash-copy {
    display: block !important;
    width: 100% !important;

    margin: 18px 0 0 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, .68) !important;
    text-align: center !important;
}

.fr30-loadbar {
    position: relative !important;
    display: block !important;

    width: min(340px, 88%) !important;
    height: 10px !important;

    margin: 28px auto 0 !important;
    overflow: hidden !important;

    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.fr30-loadbar span {
    display: block !important;
    width: 0 !important;
    height: 100% !important;

    border-radius: 999px !important;
    background: linear-gradient(
        90deg,
        #ef233c,
        #f59e0b,
        #22c55e
    ) !important;

    box-shadow: 0 0 22px rgba(239, 35, 60, .55) !important;
    animation: cinemaOneLoad 3.8s ease forwards !important;
}

.fr30-loading {
    display: block !important;
    width: 100% !important;

    margin-top: 14px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    color: #fbbf24 !important;
    text-align: center !important;
}

@keyframes cinemaOneLogoPulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.055);
        filter: brightness(1.15);
    }
}

@keyframes cinemaOneLoad {
    0% {
        width: 0;
    }

    65% {
        width: 78%;
    }

    100% {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .fr30-splash {
        padding: 16px !important;
    }

    .fr30-splash-card {
        width: 100% !important;
        min-height: 320px !important;
        padding: 38px 22px 32px !important;
        border-radius: 26px !important;
    }

    .fr30-splash-card::before {
        width: 92px !important;
        height: 92px !important;
        margin-bottom: 22px !important;
        font-size: 25px !important;
    }

    .fr30-splash-title {
        font-size: 30px !important;
    }

    .fr30-splash-sub {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }
}



/* ==========================================================
   CINEMA ONE STARTUP SPLASH — FINAL SERVER BUILD
   Unique class names: không bị CSS fr30 cũ ghi đè
   ========================================================== */

.co-startup-splash {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    opacity: 1;
    visibility: visible;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(239, 35, 60, .28),
            transparent 34%
        ),
        radial-gradient(
            circle at 12% 12%,
            rgba(37, 99, 235, .20),
            transparent 38%
        ),
        radial-gradient(
            circle at 88% 88%,
            rgba(34, 197, 94, .10),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #050914 0%,
            #101827 50%,
            #070910 100%
        ) !important;

    transition:
        opacity .45s ease,
        visibility .45s ease !important;
}

.co-startup-splash.hide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.co-startup-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(560px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    min-height: 410px !important;

    margin: 0 auto !important;
    padding: 48px 44px 38px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    text-align: center !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 36px !important;

    background:
        linear-gradient(
            145deg,
            rgba(24, 33, 52, .96),
            rgba(6, 10, 18, .96)
        ) !important;

    box-shadow:
        0 45px 130px rgba(0, 0, 0, .58),
        0 0 90px rgba(239, 35, 60, .18),
        inset 0 1px 0 rgba(255, 255, 255, .10)
        !important;

    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;

    animation: coStartupCardIn .55s ease both !important;
}

.co-startup-card::after {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    pointer-events: none !important;

    border-radius: inherit !important;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255, 255, 255, .08) 45%,
            transparent 70%
        ) !important;

    transform: translateX(-120%) !important;
    animation: coStartupShine 2.4s ease-in-out infinite !important;
}

.co-startup-logo {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 118px !important;
    height: 118px !important;
    flex: 0 0 118px !important;

    margin: 0 auto 25px !important;

    border: 2px solid rgba(255, 255, 255, .88) !important;
    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at 34% 28%,
            rgba(255, 255, 255, .28),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #ff3349,
            #be123c 55%,
            #760c2c
        ) !important;

    box-shadow:
        0 0 0 11px rgba(239, 35, 60, .08),
        0 0 52px rgba(239, 35, 60, .60),
        0 24px 50px rgba(0, 0, 0, .42)
        !important;

    animation: coStartupLogoPulse 2.2s ease-in-out infinite !important;
}

.co-startup-logo span {
    display: block !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: 2px !important;

    color: #ffffff !important;
    text-shadow: 0 4px 14px rgba(0, 0, 0, .30) !important;
}

.co-startup-brand {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    margin: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(32px, 5vw, 44px) !important;
    line-height: 1.08 !important;
    font-weight: 1000 !important;
    letter-spacing: 1.2px !important;

    color: #ffffff !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    text-shadow:
        0 12px 34px rgba(239, 35, 60, .25)
        !important;
}

.co-startup-edition {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    margin-top: 10px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 1000 !important;
    letter-spacing: 3px !important;

    color: #fbbf24 !important;
}

.co-startup-description {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    margin-top: 15px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;

    color: rgba(226, 232, 240, .74) !important;
}

.co-startup-progress {
    position: relative !important;
    z-index: 2 !important;

    width: min(350px, 88%) !important;
    height: 10px !important;

    margin: 28px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    border: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 999px !important;

    background: rgba(255, 255, 255, .08) !important;

    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, .28)
        !important;
}

.co-startup-progress span {
    display: block !important;

    width: 0;
    height: 100% !important;

    border-radius: inherit !important;

    background:
        linear-gradient(
            90deg,
            #ef233c 0%,
            #f59e0b 48%,
            #22c55e 100%
        ) !important;

    box-shadow:
        0 0 22px rgba(239, 35, 60, .55)
        !important;

    animation: coStartupProgress 4.4s ease forwards !important;
}

.co-startup-status {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    margin-top: 14px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;

    color: #fbbf24 !important;

    animation: coStartupStatus 1.2s ease-in-out infinite !important;
}

.co-startup-footer {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    margin-top: 19px !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;

    color: rgba(203, 213, 225, .52) !important;
}

@keyframes coStartupCardIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes coStartupLogoPulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.055);
        filter: brightness(1.15);
    }
}

@keyframes coStartupProgress {
    0% {
        width: 0;
    }

    30% {
        width: 34%;
    }

    68% {
        width: 79%;
    }

    100% {
        width: 100%;
    }
}

@keyframes coStartupStatus {
    0%, 100% {
        opacity: .70;
    }

    50% {
        opacity: 1;
    }
}

@keyframes coStartupShine {
    0%, 35% {
        transform: translateX(-125%);
    }

    70%, 100% {
        transform: translateX(125%);
    }
}

@media (max-width: 600px) {
    .co-startup-splash {
        padding: 14px !important;
    }

    .co-startup-card {
        width: 100% !important;
        min-height: 370px !important;

        padding: 40px 22px 32px !important;
        border-radius: 28px !important;
    }

    .co-startup-logo {
        width: 94px !important;
        height: 94px !important;
        flex-basis: 94px !important;

        margin-bottom: 22px !important;
    }

    .co-startup-logo span {
        font-size: 25px !important;
    }

    .co-startup-brand {
        font-size: 31px !important;
    }

    .co-startup-edition {
        font-size: 12px !important;
        letter-spacing: 2px !important;
    }

    .co-startup-description {
        font-size: 12px !important;
    }
}