:root{--primary:#2563eb;--primary2:#1d4ed8;--bg:#f5f7fb;--card:#fff;--card2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#dde6f2;--side:#08111f;--side2:#0d1b2f;--green:#16a34a;--red:#dc2626;--amber:#f59e0b;--purple:#7c3aed;--cyan:#0891b2;--shadow:0 12px 32px #0b1b3312;--radius:16px}body.dark{--bg:#0b1220;--card:#111827;--card2:#172033;--text:#e5e7eb;--muted:#9ca3af;--line:#263248;--side:#050b14;--side2:#0d1626;--shadow:0 16px 40px #0006}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);outline:none}textarea{min-height:90px}label{font-size:12px;color:var(--muted);display:block;margin:10px 0 6px}.btn{border:0;border-radius:12px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--primary2)}.btn.secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--red)}.icon{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;width:40px;height:40px;cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#2978f5 0,#0f3665 35%,#07111f 100%)}.login-card{width:min(470px,92vw);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 25px 80px #0006}.logo{display:flex;gap:14px;align-items:center;margin-bottom:24px}.logo-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#38bdf8);color:#fff;display:grid;place-items:center;font-weight:900}.logo h1{font-size:22px;margin:0}.logo p{margin:4px 0 0;color:var(--muted)}.hint{background:var(--card2);border:1px solid var(--line);padding:14px;border-radius:14px;margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7}.shell{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,var(--side),var(--side2));color:#d9e3f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:18px;border-bottom:1px solid #ffffff15;display:flex;gap:12px;align-items:center}.brand-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#38bdf8);display:grid;place-items:center;color:white;font-weight:900}.brand b{color:#fff;font-size:16px}.brand span{display:block;font-size:12px;color:#9fb1c8;margin-top:3px}.nav{padding:12px 10px;overflow:auto}.nav-section{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7890ae;padding:16px 12px 7px}.nav button{width:100%;background:transparent;border:0;color:#d9e3f0;text-align:left;padding:11px 12px;border-radius:12px;margin:2px 0;cursor:pointer;display:flex;justify-content:space-between}.nav button.active,.nav button:hover{background:#1f6feb33;color:#fff}.userbox{margin-top:auto;padding:16px;border-top:1px solid #ffffff15;font-size:12px;color:#9fb1c8}.main{flex:1;min-width:0}.topbar{height:72px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:5}.topbar h2{font-size:22px;margin:0}.search{max-width:420px;margin-left:auto}.content{padding:24px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.metric .label{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.metric .value{font-size:30px;font-weight:900;margin:8px 0 4px}.metric small{color:var(--muted)}.metric .ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;font-size:20px;background:#eaf2ff}.grid-3{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:16px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.toolbar span,.subtle{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{background:var(--card2);color:var(--muted);font-size:12px;text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:hover{background:var(--card2)}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.blue{background:#dbeafe;color:#1d4ed8}.green{background:#dcfce7;color:#15803d}.red{background:#fee2e2;color:#b91c1c}.yellow{background:#fef3c7;color:#a16207}.gray{background:#e5e7eb;color:#374151}.dark .blue{background:#1e3a8a;color:#bfdbfe}.dark .green{background:#14532d;color:#bbf7d0}.dark .red{background:#7f1d1d;color:#fecaca}.dark .yellow{background:#713f12;color:#fde68a}.dark .gray{background:#374151;color:#e5e7eb}.progress{height:8px;background:var(--card2);border-radius:99px;overflow:hidden;min-width:70px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#22c55e)}.feed{display:flex;flex-direction:column;gap:10px}.feed-item{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.feed-dot{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#1f6feb18;color:var(--primary);font-weight:800;flex:none}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.show{display:flex}.modal-card{background:var(--card);border:1px solid var(--line);border-radius:20px;width:min(1050px,100%);max-height:92vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline{border-left:3px solid #1f6feb55;margin-left:8px;padding-left:18px}.timeline-item{position:relative;margin-bottom:14px;background:var(--card2);padding:12px;border-radius:14px;border:1px solid var(--line)}.timeline-item:before{content:"";position:absolute;left:-27px;top:14px;width:13px;height:13px;border-radius:50%;background:var(--primary);border:3px solid var(--card)}.timeline-title{font-weight:900}.timeline-meta{font-size:12px;color:var(--muted);margin-top:4px}.perm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.perm-item{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card2)}.perm-item label{margin:0;color:var(--text);font-size:12px}.error{color:var(--red);margin-top:10px}.success{color:var(--green);margin-top:10px}canvas{max-height:260px!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-2,.split{grid-template-columns:1fr}}@media(max-width:850px){.cards,.form-grid,.perm-grid{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:auto;flex-wrap:wrap;padding:12px}.search{max-width:none}.content{padding:14px}}

.hide-main .sidebar{display:none!important}.hide-main .main{width:100%}
@media print{.sidebar,.topbar,.btn,.icon{display:none!important}.content{padding:0}.card{box-shadow:none;break-inside:avoid}}

/* V7 Professional UI upgrade */
.sidebar{background:linear-gradient(180deg,#06111f 0%,#0f1e33 100%);box-shadow:8px 0 24px rgba(15,23,42,.12)}
.brand{padding:20px 18px}.brand-logo{box-shadow:0 10px 20px rgba(37,99,235,.35)}
.nav button{height:42px;margin:4px 8px;border-radius:12px;font-weight:650}.nav button i{font-style:normal;margin-right:8px}.nav button.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 20px rgba(37,99,235,.35)}
.topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}body.dark .topbar{background:rgba(15,23,42,.82)}
.content{background:linear-gradient(180deg,#f8fafc 0%,#eef5ff 100%)}body.dark .content{background:linear-gradient(180deg,#0f172a 0%,#111827 100%)}
.card{border-radius:18px;border:1px solid rgba(148,163,184,.26);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.06));border-radius:50%}.metric .value{font-size:30px}.ico{width:44px;height:44px;border-radius:14px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:20px}body.dark .ico{background:#172554}
.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.filterbar select,.filterbar input,.form-grid select,.form-grid input,.form-grid textarea,.col-filter{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);color:var(--text);outline:none}.col-filter{width:100%;font-size:12px;padding:7px 8px}.table.smart thead th{user-select:none;white-space:nowrap}.table.smart tbody tr:hover{background:rgba(37,99,235,.06)}
.sla-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.sla-boxes div{border-radius:12px;padding:10px;text-align:center;font-size:12px;font-weight:650}.sla-boxes .ok{background:#dcfce7;color:#166534}.sla-boxes .risk{background:#fef3c7;color:#92400e}.sla-boxes .bad{background:#fee2e2;color:#991b1b}body.dark .sla-boxes .ok{background:#052e16}body.dark .sla-boxes .risk{background:#451a03}body.dark .sla-boxes .bad{background:#450a0a}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.perm-grid label{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;gap:8px;align-items:center}
@media(max-width:1100px){.grid-3{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}

/* ========================== V9 UI FIXES ========================== */
.brand b{font-size:16px}.nav{overflow:hidden!important}.sidebar{overflow:hidden!important}.nav button{white-space:nowrap}.content{padding-top:20px}.date-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-bottom:16px;box-shadow:var(--shadow)}.chip{border:1.5px solid #bfd0e5;background:#fff;color:#0f172a;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.chip:hover,.chip.primary{background:#2563eb;color:white;border-color:#2563eb}.date-summary{margin-left:auto;color:var(--muted);font-weight:700}.date-pop{display:none;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:-6px 0 16px;box-shadow:var(--shadow);grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;align-items:end}.date-pop.show{display:grid}.filter-card{padding:16px!important}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.sortable{cursor:pointer;user-select:none}.sortable:hover{color:#2563eb;background:#eaf2ff}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.mini{padding:8px 10px;font-size:12px}input,select,textarea{background:#fff!important;border:2px solid #cbd5e1!important;color:#0f172a!important;font-weight:650!important;box-shadow:0 1px 0 rgba(15,23,42,.03)}input:focus,select:focus,textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.15)!important;outline:none}.dark input,.dark select,.dark textarea{background:#111827!important;color:#e5e7eb!important;border-color:#475569!important}.twofa-enroll{margin-top:14px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:14px}.qr{display:block;width:190px;height:190px;margin:12px auto;border:10px solid white;border-radius:14px}.secret-box{font-size:12px;background:#fff;border:1px dashed #94a3b8;padding:8px;border-radius:8px;word-break:break-all;margin-bottom:10px}.table th,.table td{vertical-align:middle}.table-wrap{border-radius:12px}.dark .chip{background:#111827;color:#e5e7eb;border-color:#475569}.dark .date-toolbar,.dark .date-pop,.dark .twofa-enroll,.dark .secret-box{background:#0f172a;color:#e5e7eb;border-color:#334155}
/* ========================== V10 FIXES ========================== */
.date-toolbar.compact{padding:10px 14px;gap:8px}.date-toolbar.compact .chip{padding:8px 12px}.date-pop{max-width:720px}.pm-alert-wrap{position:fixed;right:22px;top:22px;z-index:9999;display:flex;flex-direction:column;gap:10px}.pm-alert{min-width:320px;max-width:460px;border-radius:16px;background:#0f172a;color:#fff;box-shadow:0 18px 60px rgba(2,6,23,.35);padding:16px 18px;border-left:5px solid #38bdf8;display:flex;gap:12px;align-items:flex-start;animation:slideIn .18s ease-out}.pm-alert.success{border-left-color:#22c55e}.pm-alert.error{border-left-color:#ef4444}.pm-alert.warning{border-left-color:#f59e0b}.pm-alert .pm-ico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);flex:none}.pm-alert b{display:block;margin-bottom:3px}.pm-alert p{margin:0;color:#cbd5e1;line-height:1.45}.pm-alert button{margin-left:auto;background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer}@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.input-strong,input,select,textarea{border-width:2px!important;border-color:#94a3b8!important;background:#fff!important}.dark .input-strong,.dark input,.dark select,.dark textarea{border-color:#64748b!important;background:#111827!important}.filter-grid select option:checked{font-weight:900}.date-summary strong{color:var(--primary)}

/* ========================== V11 HOTFIX ========================== */
.v11-datebar{position:relative;margin-bottom:12px!important}
.v11-date-pop{display:none!important;max-width:620px!important;grid-template-columns:1fr 1fr auto!important;align-items:end!important;margin:-6px 0 18px 0!important;border:2px solid #cbd5e1!important;background:var(--card)!important;box-shadow:0 18px 50px rgba(15,23,42,.14)!important}
.v11-date-pop.show{display:grid!important}
.dashboard-click,.chart-card canvas,.sla-boxes div{cursor:pointer}.dashboard-click:hover,.chart-card:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(37,99,235,.14)}.chart-card{transition:.15s ease}.chart-card canvas{min-height:240px}.date-toolbar .chip.primary{box-shadow:0 8px 18px rgba(37,99,235,.25)}

/* ========================== V13 PROFESSIONAL DELETE / REFRESH ========================== */
.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.refresh-btn-v13{margin-left:8px}.confirm-box{text-align:left}.confirm-icon{width:56px;height:56px;border-radius:18px;background:#fef3c7;color:#92400e;display:grid;place-items:center;font-size:28px;margin-bottom:12px}.confirm-box h2{margin:0 0 4px;font-size:22px}.confirm-summary{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:14px;margin:14px 0}.confirm-warning{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:14px;padding:14px;margin:14px 0}.confirm-warning ul{margin:8px 0 0 18px;padding:0}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.dark .confirm-warning{background:#431407;border-color:#9a3412;color:#fed7aa}.dark .confirm-summary{background:#111827;border-color:#334155}.row-actions .btn{white-space:nowrap}.table .row-actions{display:flex;gap:6px;flex-wrap:wrap}

/* V16 accounting/project layout fixes */
.accounting-stack{display:grid;grid-template-columns:1fr;gap:18px}.accounting-stack .card{min-width:0}.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn.mini{padding:7px 10px;font-size:12px}.input-strong, input, select, textarea{border-color:#9fb0c9!important;background:#fff!important}.dark input,.dark select,.dark textarea{background:#101827!important;border-color:#334155!important;color:#e5e7eb!important}.modal .subtle-title{font-size:13px;color:var(--muted);margin-top:-8px;margin-bottom:12px}.table td{vertical-align:middle}.table-wrap{overflow-x:auto;max-width:100%}
/* V26 fixes */
.v26-datebar{margin-bottom:12px;align-items:center;gap:8px;flex-wrap:wrap}.v26-date-pop{display:none;margin:0 0 14px 0}.v26-date-pop.show{display:grid;grid-template-columns:repeat(3,minmax(160px,240px));gap:12px;align-items:end}.accounting-stack{display:grid;grid-template-columns:1fr;gap:16px}.report-result .card h3{margin:18px 0 10px}.filter-card .toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}

/* V38 Settings page layout refinement */
.settings-v38-top{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin-bottom:16px!important;
}
.settings-v38-top>.card{height:100%;min-height:285px;display:flex;flex-direction:column}
.settings-v38-top .form-grid{grid-template-columns:1fr 1fr}
.settings-v38-ssl{
  width:100%;
  margin-bottom:16px!important;
}
.settings-v38-ssl .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-v38-shortcuts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:0!important;
}
.settings-v38-shortcuts .card.metric{min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:1200px){
  .settings-v38-top{grid-template-columns:1fr!important}
  .settings-v38-top>.card{min-height:auto}
  .settings-v38-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .settings-v38-ssl .form-grid,.settings-v38-shortcuts{grid-template-columns:1fr!important}
}

/* V41: Active date filter highlight */
.date-toolbar .chip.active-date-filter,
.datebar .btn.active-date-filter,
.filterbar .btn.active-date-filter {
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  color: #ffffff !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22), 0 8px 22px rgba(37, 99, 235, 0.28) !important;
}
.date-toolbar .chip.active-date-filter::after,
.datebar .btn.active-date-filter::after {
  content: ' ✓';
  font-weight: 800;
}
.date-summary strong { color: #60a5fa; }

/* V42: clearer hover and active states for Refresh / Clear Filter actions */
.btn.secondary:hover,
button[onclick*="refresh" i]:hover,
button[onclick*="Refresh" i]:hover,
button[onclick*="clear" i]:hover,
button[onclick*="Clear" i]:hover {
  transform: translateY(-1px);
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.18), 0 10px 22px rgba(37,99,235,.18);
  background: rgba(37,99,235,.12) !important;
}
.btn.secondary:active,
button[onclick*="refresh" i]:active,
button[onclick*="Refresh" i]:active,
button[onclick*="clear" i]:active,
button[onclick*="Clear" i]:active {
  transform: translateY(0) scale(.98);
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
.dark .btn.secondary:hover,
.dark button[onclick*="refresh" i]:hover,
.dark button[onclick*="Refresh" i]:hover,
.dark button[onclick*="clear" i]:hover,
.dark button[onclick*="Clear" i]:hover {
  background: rgba(59,130,246,.22) !important;
  border-color: #60a5fa !important;
}


/* V51: Refresh interaction feedback */
.refresh-feedback{
  display:none;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  margin:0 0 14px 0;
  border:1px solid rgba(96,165,250,.45);
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,233,.10));
  border-radius:14px;
  color:#bfdbfe;
  box-shadow:0 10px 28px rgba(37,99,235,.16);
}
.refresh-feedback.show{display:flex;animation:refreshPulse .9s ease-in-out infinite alternate}
.refresh-spinner{width:18px;height:18px;border:3px solid rgba(191,219,254,.35);border-top-color:#60a5fa;border-radius:50%;display:inline-block;animation:spin .75s linear infinite}
.btn.btn-clicked{background:#2563eb!important;color:#fff!important;border-color:#60a5fa!important;box-shadow:0 0 0 4px rgba(37,99,235,.28)!important;transform:translateY(-1px) scale(.99)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes refreshPulse{from{filter:brightness(1)}to{filter:brightness(1.18)}}
.table input.tg_chat_case{width:100%;min-width:240px}

/* V63: Professional sidebar menu scrolling fix */
.sidebar{
  height:100vh!important;
  max-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.sidebar .brand{
  flex:0 0 auto!important;
}
.sidebar .nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:none!important;
  padding:12px 8px 14px 10px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(96,165,250,.75) transparent!important;
}
.sidebar .userbox{
  flex:0 0 auto!important;
  margin-top:0!important;
  background:linear-gradient(180deg,rgba(15,30,51,.85),rgba(8,17,31,.98))!important;
}
.sidebar .nav::-webkit-scrollbar{
  width:8px!important;
}
.sidebar .nav::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04)!important;
  border-radius:10px!important;
}
.sidebar .nav::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#2563eb,#0ea5e9)!important;
  border-radius:10px!important;
}
.sidebar .nav::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#60a5fa,#38bdf8)!important;
}
.sidebar .nav button{
  min-height:42px!important;
  flex-shrink:0!important;
}
@media(max-height:760px){
  .sidebar .brand{padding:12px!important}
  .sidebar .nav button{min-height:38px!important;padding-top:8px!important;padding-bottom:8px!important}
  .sidebar .userbox{padding:10px 14px!important}
}

.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:10px 14px;align-items:start}.detail-grid b{color:var(--muted);font-weight:800}.detail-grid span{word-break:break-word}

/* V97 Attachment Repository */
.attachment-card{margin-top:18px;border:1px solid rgba(99,102,241,.25)}
.attachment-upload{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;margin:10px 0;align-items:center}
.attachment-upload input[type=file],.attachment-upload input{width:100%}
.attachment-list{margin-top:10px}
.btn.mini{padding:6px 10px;font-size:12px}
@media(max-width:800px){.attachment-upload{grid-template-columns:1fr}.attachment-upload .btn{width:100%}}

/* V98 Attachment preview/download fix */
.attachment-upload{display:grid;grid-template-columns:1.2fr .8fr auto;gap:14px;align-items:center;margin:14px 0}
.attachment-filter{display:flex;gap:12px;align-items:center;margin:14px 0}
.attachment-filter label{font-size:13px;color:var(--muted)}
.attachment-filter select{max-width:260px}
.attachment-preview-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:16px;background:#fff}
.attachment-preview-img-wrap{width:100%;max-height:70vh;overflow:auto;text-align:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.03)}
.attachment-preview-img{max-width:100%;height:auto;border-radius:12px}
.attachment-preview-modal{min-height:260px}
@media(max-width:900px){.attachment-upload{grid-template-columns:1fr}.attachment-preview-frame{height:60vh}}

/* V107: Sidebar clean scroll + My Account footer final polish */
.sidebar .nav::-webkit-scrollbar-button,
.sidebar::-webkit-scrollbar-button,
*::-webkit-scrollbar-button{
  width:0!important;
  height:0!important;
  display:none!important;
}
.sidebar .nav{
  scrollbar-gutter:stable!important;
}
.sidebar .userbox{
  overflow:hidden!important;
}
.sidebar .userbox .btn{
  margin-top:8px!important;
}
.sidebar .userbox #myAccountBtnV85,
.sidebar .userbox #myAccountBtnV105,
.sidebar .userbox .my-account-single{
  margin-right:8px!important;
}


/* V109 final: stable sidebar/account footer and main-only scrolling */
html,body{height:100%!important;overflow:hidden!important}
#app,.shell{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important}
.shell{display:flex!important;align-items:stretch!important}
.sidebar{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:280px!important;min-width:280px!important;height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:0 0 280px!important}
.sidebar .brand{flex:0 0 auto!important}.sidebar .nav{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important;padding-bottom:12px!important}.sidebar .userbox{flex:0 0 auto!important;margin-top:0!important;position:relative!important;bottom:auto!important;overflow:hidden!important;padding:14px 16px 16px!important}.main{flex:1 1 auto!important;min-width:0!important;height:100vh!important;max-height:100vh!important;overflow:auto!important}.topbar{position:sticky!important;top:0!important;z-index:10!important}.hide-main .sidebar{display:none!important}.hide-main .main{margin-left:0!important;width:100%!important;flex-basis:100%!important}.sidebar .nav::-webkit-scrollbar-button,.sidebar::-webkit-scrollbar-button,body::-webkit-scrollbar-button,.main::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}@media(max-width:850px){html,body{overflow:auto!important}#app,.shell{height:auto!important;max-height:none!important;overflow:visible!important}.main{height:auto!important;max-height:none!important;overflow:visible!important}.sidebar{display:none!important}}

/* V157.1 Connector Management: real confirmation modal + full monthly print */
@media print{
  @page{size:A4 landscape;margin:8mm;}
  html,body{background:#fff!important;color:#111!important;width:100%!important;overflow:visible!important;}
  .sidebar,.topbar,.btn,.icon,.toolbar-actions,.tabs,.nav,.toast,.modal-backdrop,.modal,.connector-tabs{display:none!important;}
  #content,.content,.main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;}
  .card,.connector-month-head,.connector-month-title,.connector-formula-banner,.connector-confirmation,.connector-signatures{box-shadow:none!important;border:none!important;background:#fff!important;color:#111!important;break-inside:avoid;page-break-inside:avoid;}
  .connector-month-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:8px!important;padding:0!important;}
  .connector-month-head input{border:none!important;background:#fff!important;color:#111!important;font-weight:700!important;padding:0!important;}
  .connector-month-title{text-align:center!important;margin:8px 0 10px!important;padding:0!important;}
  .connector-month-title h2{font-size:16px!important;margin:0 0 4px!important;color:#111!important;}
  .connector-month-title p,.subtle,small{color:#333!important;}
  .table-wrap{overflow:visible!important;width:100%!important;max-width:none!important;}
  table.connector-month-table{width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:fixed!important;font-size:9px!important;}
  table.connector-month-table th,table.connector-month-table td{white-space:normal!important;word-break:break-word!important;padding:4px 3px!important;border:1px solid #333!important;color:#111!important;background:#fff!important;}
  table.connector-month-table th{font-weight:700!important;}
  .connector-total-row td{font-weight:700!important;background:#eee!important;}
  .connector-formula-banner{border:1px solid #999!important;padding:6px!important;margin-top:8px!important;font-size:10px!important;}
  .connector-confirmation{border:1px solid #ddd!important;padding:8px!important;margin-top:8px!important;font-size:10px!important;}
  .connector-signatures{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-top:24px!important;font-size:10px!important;}
  .connector-signatures div{min-height:70px!important;border-top:1px solid #111!important;padding-top:6px!important;}
}

/* =======================================================================
   V160 ENTERPRISE UI STABLE
   Shared visual system only. Existing routes, APIs, permissions and data
   workflows remain unchanged.
   ======================================================================= */
:root{
  --border:var(--line);
  --e-primary:#2563eb;
  --e-primary-strong:#1d4ed8;
  --e-accent:#0891b2;
  --e-success:#16a34a;
  --e-warning:#d97706;
  --e-danger:#dc2626;
  --e-sidebar:#07111f;
  --e-sidebar-2:#0e2038;
  --e-radius-sm:10px;
  --e-radius:14px;
  --e-radius-lg:20px;
  --e-shadow-sm:0 3px 12px rgba(15,23,42,.06);
  --e-shadow:0 14px 36px rgba(15,23,42,.09);
  --e-shadow-lg:0 26px 70px rgba(2,6,23,.18);
  --e-focus:0 0 0 4px rgba(37,99,235,.16);
  --e-glass:rgba(255,255,255,.88);
}
body.dark{
  --border:#2c3b54;
  --e-glass:rgba(15,23,42,.88);
  --e-shadow-sm:0 4px 18px rgba(0,0,0,.18);
  --e-shadow:0 16px 42px rgba(0,0,0,.26);
  --e-shadow-lg:0 28px 80px rgba(0,0,0,.42);
  --e-focus:0 0 0 4px rgba(96,165,250,.18);
}
html{scroll-behavior:smooth}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.005em;background:linear-gradient(180deg,#f7faff 0%,#f2f6fb 100%)}
body.dark{background:linear-gradient(180deg,#08111f 0%,#0b1220 100%)}

/* Login */
.login{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 18%,rgba(14,165,233,.46),transparent 31%),
  radial-gradient(circle at 84% 12%,rgba(37,99,235,.40),transparent 30%),
  linear-gradient(135deg,#020617 0%,#0b2747 56%,#07111f 100%)!important}
.login:before,.login:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.login:before{width:460px;height:460px;right:-180px;bottom:-210px}.login:after{width:310px;height:310px;left:-155px;top:-120px}
.login-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.20)!important;border-radius:28px!important;box-shadow:0 34px 100px rgba(0,0,0,.42)!important;backdrop-filter:blur(20px)}
.login-card .logo-icon{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;box-shadow:0 14px 32px rgba(37,99,235,.34)}
.login-card h1{letter-spacing:-.035em}.login-card .btn{width:100%;justify-content:center;margin-top:4px}

/* Main application shell */
.enterprise-shell{background:transparent}
.enterprise-shell .sidebar{width:292px!important;min-width:292px!important;flex-basis:292px!important;background:linear-gradient(180deg,var(--e-sidebar) 0%,var(--e-sidebar-2) 52%,#06101d 100%)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:12px 0 40px rgba(2,6,23,.18)!important}
.enterprise-shell .brand{min-height:88px;padding:18px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent);border-bottom:1px solid rgba(255,255,255,.08)!important}
.enterprise-shell .brand-logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;box-shadow:0 14px 28px rgba(37,99,235,.34);font-size:13px;letter-spacing:.03em}
.enterprise-shell .brand b{font-size:16px;letter-spacing:-.01em}.enterprise-shell .brand span{color:#94abc6!important;line-height:1.35}
.enterprise-nav{padding:10px 10px 18px!important}
.enterprise-nav-group{margin:6px 0 13px}.enterprise-nav-group-title{display:flex;align-items:center;gap:8px;padding:9px 12px 5px;color:#7893b2;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.enterprise-nav-group-title:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.13)}
.enterprise-nav button{position:relative;min-height:42px!important;margin:3px 5px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;color:#d9e6f4!important;font-weight:700;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}
.enterprise-nav button .enterprise-nav-label{display:flex;align-items:center;min-width:0;gap:10px}.enterprise-nav button .enterprise-nav-icon{width:22px;text-align:center;font-style:normal;filter:saturate(.9)}
.enterprise-nav button .enterprise-nav-chevron{color:#7893b2}.enterprise-nav button:hover{transform:translateX(2px);background:rgba(37,99,235,.16)!important;border-color:rgba(125,211,252,.14)!important;color:#fff!important}
.enterprise-nav button.active{background:linear-gradient(135deg,#2563eb,#087fb0)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.30)!important}
.enterprise-nav button.active:before{content:"";position:absolute;left:-6px;top:9px;bottom:9px;width:4px;border-radius:99px;background:#7dd3fc}
.enterprise-userbox{padding:14px 16px 16px!important;background:linear-gradient(180deg,rgba(8,20,35,.40),rgba(2,6,23,.86));border-top:1px solid rgba(255,255,255,.09)!important}
.enterprise-user-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}.enterprise-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#0891b2);display:grid;place-items:center;color:#fff;font-weight:900}.enterprise-user-meta{min-width:0}.enterprise-user-meta b,.enterprise-user-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enterprise-user-meta b{color:#fff;font-size:12px}.enterprise-user-meta span{color:#9db0c7;font-size:11px;margin-top:3px}.enterprise-user-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.enterprise-user-actions .btn{justify-content:center;min-width:0;margin:0!important;padding:8px 10px!important;font-size:12px}.enterprise-copyright{display:block;color:#71869f;font-size:10px;text-align:center;margin-top:10px}

.enterprise-shell .main{background:transparent}
.enterprise-topbar{min-height:82px!important;height:auto!important;padding:12px 24px!important;background:var(--e-glass)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.26)!important;box-shadow:0 8px 30px rgba(15,23,42,.05);gap:14px!important}
.enterprise-menu-button{flex:0 0 auto}.enterprise-page-head{min-width:210px}.enterprise-breadcrumb{font-size:11px;color:var(--muted);font-weight:750;margin-bottom:3px}.enterprise-page-head h2{font-size:22px!important;font-weight:950!important;letter-spacing:-.035em;margin:0!important}.enterprise-page-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.3}
.enterprise-search-wrap{position:relative;max-width:430px;margin-left:auto;flex:1}.enterprise-search-wrap:before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;z-index:1}.enterprise-search{max-width:none!important;margin:0!important;padding-left:39px!important;height:42px!important;border-radius:13px!important;background:rgba(248,250,252,.82)!important}.dark .enterprise-search{background:rgba(17,24,39,.76)!important}
.enterprise-top-actions{display:flex;gap:8px;align-items:center}.enterprise-top-actions .icon{flex:0 0 auto}.enterprise-kbd{font-size:10px;color:var(--muted);border:1px solid var(--line);background:var(--card2);padding:2px 5px;border-radius:5px;margin-left:3px}
.enterprise-shell .content{padding:26px!important;background:transparent!important;min-height:calc(100vh - 82px)}

/* Cards and page hierarchy */
.card{border:1px solid rgba(148,163,184,.27)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94))!important;box-shadow:var(--e-shadow-sm)!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.dark .card{background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.96))!important;border-color:rgba(71,85,105,.62)!important}
.card:hover{border-color:rgba(37,99,235,.25)!important;box-shadow:var(--e-shadow)!important}
.cards{gap:16px!important}.metric{position:relative;overflow:hidden;min-height:148px}.metric:after{content:"";position:absolute;right:-42px;top:-48px;width:126px;height:126px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(14,165,233,.035));pointer-events:none}.metric .ico{position:relative;z-index:1;width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(14,165,233,.10))!important;border:1px solid rgba(96,165,250,.22);color:#1d4ed8}.dark .metric .ico{color:#bfdbfe;background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(14,165,233,.16))!important}.metric .label{font-size:10px!important;letter-spacing:.09em!important;font-weight:900!important}.metric .value{font-size:30px!important;letter-spacing:-.045em}.metric small{line-height:1.4}
.toolbar{min-height:42px;gap:12px!important}.toolbar>b,.toolbar>div>b,.card>h3,.modal-head h3{font-size:15px;font-weight:900;letter-spacing:-.015em}.toolbar-actions{display:flex;gap:8px!important;align-items:center;flex-wrap:wrap}.subtle{line-height:1.4}
.grid-2,.grid-3,.split{gap:16px!important}

/* Filters, fields and forms */
.filterbar,.filter-card,.date-filter-bar,.connector-filter-card{border-radius:17px!important;background:linear-gradient(135deg,rgba(37,99,235,.045),rgba(8,145,178,.025)),var(--card)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:var(--e-shadow-sm)!important}
.filter-grid{gap:12px!important}.form-grid{gap:14px!important}.form-grid>div,.filter-grid>div{min-width:0}
label{font-size:11px!important;font-weight:850!important;letter-spacing:.025em!important;color:var(--muted)!important}
input,select,textarea{min-height:42px;border-radius:12px!important;border:1px solid rgba(148,163,184,.52)!important;background:var(--card)!important;box-shadow:0 1px 1px rgba(15,23,42,.02);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
textarea{min-height:100px;line-height:1.5;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:rgba(96,165,250,.75)!important}input:focus,select:focus,textarea:focus{border-color:#60a5fa!important;box-shadow:var(--e-focus)!important}
input[type=checkbox],input[type=radio]{min-height:auto!important;box-shadow:none!important}
.field-note{line-height:1.45}.req-star{color:#ef4444}

/* Buttons and controls */
.btn,.icon{transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,background .13s ease!important}
.btn{min-height:39px;border-radius:11px!important;padding:9px 13px!important;background:linear-gradient(135deg,var(--e-primary),var(--e-primary-strong))!important;box-shadow:0 7px 17px rgba(37,99,235,.18);font-weight:800!important}
.btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(37,99,235,.23)}.btn:active{transform:translateY(0)}
.btn.secondary{background:var(--card2)!important;color:var(--text)!important;border:1px solid rgba(148,163,184,.42)!important;box-shadow:none!important}.btn.secondary:hover{background:rgba(37,99,235,.07)!important;border-color:rgba(96,165,250,.60)!important}.dark .btn.secondary{background:rgba(30,41,59,.82)!important;color:#e5e7eb!important;border-color:#334155!important}
.btn.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.btn.mini{min-height:30px!important;border-radius:9px!important;padding:5px 9px!important;font-size:11px!important;box-shadow:none}
.icon{width:40px;height:40px;border-radius:12px!important;background:var(--card)!important;border:1px solid rgba(148,163,184,.36)!important;color:var(--text)!important}.icon:hover{transform:translateY(-1px);border-color:#60a5fa!important;box-shadow:0 8px 18px rgba(37,99,235,.13)}

/* Tables */
.table-wrap{position:relative;border:1px solid rgba(148,163,184,.24);border-radius:15px!important;background:var(--card);box-shadow:0 1px 2px rgba(15,23,42,.025);overflow:auto}
.table{border-collapse:separate!important;border-spacing:0!important;min-width:100%}.table th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-size:10px!important;font-weight:950!important;letter-spacing:.055em;text-transform:uppercase;padding:11px 12px!important;border-bottom:1px solid rgba(148,163,184,.34)!important;box-shadow:0 1px 0 rgba(148,163,184,.10)}.dark .table th{background:linear-gradient(180deg,#1f2937,#172033)!important;color:#cbd5e1!important}.table td{padding:11px 12px!important;border-bottom:1px solid rgba(148,163,184,.17)!important;line-height:1.45}.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:rgba(37,99,235,.048)!important}.dark .table tbody tr:hover{background:rgba(59,130,246,.11)!important}
.table .nowrap,.nowrap{white-space:nowrap}.row-actions,.timeline-actions{gap:6px!important}.pill{border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;letter-spacing:.015em;border:1px solid rgba(255,255,255,.22);box-shadow:none!important}.progress{height:7px!important}
body.enterprise-compact .table th,body.enterprise-compact .table td{padding-top:7px!important;padding-bottom:7px!important}body.enterprise-compact .table{font-size:12px}
.enterprise-empty-row{padding:30px 16px!important;text-align:center!important;color:var(--muted)!important}

/* Tabs, timelines and details */
.tabs,.connector-tabs{display:flex;gap:7px!important;flex-wrap:wrap;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.22);border-radius:15px!important;padding:7px!important;margin-bottom:14px!important}.tabs button,.connector-tabs button{min-height:37px;border-radius:10px!important;font-weight:800!important}
.timeline{border-left-color:rgba(37,99,235,.34)!important}.timeline-item{border-radius:13px!important;background:rgba(148,163,184,.065)!important;border-color:rgba(148,163,184,.23)!important}.detail-grid{gap:12px 16px!important}.detail-grid>div{padding:11px 12px;border-radius:11px;background:rgba(148,163,184,.055);border:1px solid rgba(148,163,184,.17)}

/* Modals */
.modal{backdrop-filter:blur(8px);background:rgba(2,6,23,.72)!important}.modal-card{width:min(1080px,96vw)!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:var(--e-shadow-lg)!important;padding:0!important;overflow:hidden!important}.modal-head{position:sticky;top:0;z-index:7;margin:0!important;padding:17px 20px!important;background:var(--card)!important;border-bottom:1px solid var(--line)!important}.modal-head h3{margin:0!important;font-size:17px!important}.modal-card>#modalBody,.modal-card #modalBody{padding:20px;max-height:calc(92vh - 74px);overflow:auto}.modal-card .sticky-actions{bottom:-20px!important}
.confirm-box,.connector-confirm-box{padding:8px 2px 4px}.confirm-actions,.workflow-actions,.connector-form-actions{gap:9px!important}

/* Command palette and quick-create */
.enterprise-command{position:fixed;inset:0;z-index:90;display:none;align-items:flex-start;justify-content:center;padding:10vh 18px 18px;background:rgba(2,6,23,.64);backdrop-filter:blur(8px)}.enterprise-command.show{display:flex}.enterprise-command-card{width:min(680px,96vw);max-height:76vh;overflow:hidden;border-radius:20px;background:var(--card);border:1px solid rgba(148,163,184,.30);box-shadow:var(--e-shadow-lg)}.enterprise-command-search{position:relative;padding:14px;border-bottom:1px solid var(--line)}.enterprise-command-search input{height:48px!important;padding-left:16px!important;font-size:15px}.enterprise-command-list{max-height:58vh;overflow:auto;padding:9px}.enterprise-command-section{padding:9px 11px 5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.10em;font-weight:900}.enterprise-command-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:12px;cursor:pointer}.enterprise-command-item:hover,.enterprise-command-item.active{background:rgba(37,99,235,.08);border-color:rgba(96,165,250,.22)}.enterprise-command-item-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(37,99,235,.10);font-size:17px}.enterprise-command-item b{font-size:13px}.enterprise-command-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.enterprise-command-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.enterprise-fab{position:fixed;right:24px;bottom:24px;z-index:40}.enterprise-fab-main{width:52px;height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;font-size:25px;cursor:pointer;box-shadow:0 15px 34px rgba(37,99,235,.34);transition:transform .15s ease}.enterprise-fab.open .enterprise-fab-main{transform:rotate(45deg)}.enterprise-fab-menu{position:absolute;right:0;bottom:63px;display:none;min-width:205px;gap:7px}.enterprise-fab.open .enterprise-fab-menu{display:grid}.enterprise-fab-menu .btn{justify-content:flex-start;box-shadow:var(--e-shadow);background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.enterprise-mobile-backdrop{display:none}

/* Responsive */
@media(max-width:1280px){.enterprise-shell .sidebar{width:270px!important;min-width:270px!important;flex-basis:270px!important}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.enterprise-shell .content{padding:20px!important}}
@media(max-width:980px){.enterprise-page-head p{display:none}.enterprise-search-wrap{max-width:300px}.enterprise-topbar{padding:10px 14px!important}.form-grid{grid-template-columns:1fr!important}.grid-2,.grid-3,.split{grid-template-columns:1fr!important}}
@media(max-width:850px){
  html,body{overflow:hidden!important}#app,.shell{height:100vh!important;max-height:100vh!important;overflow:hidden!important}.enterprise-shell .main{height:100vh!important;max-height:100vh!important;overflow:auto!important}
  .enterprise-shell .sidebar{display:flex!important;position:fixed!important;left:-300px!important;top:0!important;bottom:0!important;z-index:70!important;height:100vh!important;max-height:100vh!important;transition:left .2s ease}.enterprise-shell.mobile-menu-open .sidebar{left:0!important}
  .enterprise-mobile-backdrop{display:block;position:fixed;inset:0;z-index:65;background:rgba(2,6,23,.58);opacity:0;pointer-events:none;transition:opacity .2s ease}.enterprise-shell.mobile-menu-open+.enterprise-mobile-backdrop,.enterprise-mobile-backdrop.show{opacity:1;pointer-events:auto}
  .enterprise-topbar{min-height:70px!important}.enterprise-page-head{min-width:0}.enterprise-page-head h2{font-size:18px!important}.enterprise-breadcrumb{display:none}.enterprise-search-wrap{order:4;max-width:none;flex-basis:100%}.enterprise-top-actions{margin-left:auto}.enterprise-top-actions .enterprise-density{display:none}.enterprise-shell .content{padding:13px!important}.cards{grid-template-columns:1fr!important}.enterprise-fab{right:15px;bottom:15px}
  .table-wrap.enterprise-mobile-table{border:0;background:transparent;overflow:visible}.enterprise-mobile-table .table,.enterprise-mobile-table .table tbody,.enterprise-mobile-table .table tr,.enterprise-mobile-table .table td{display:block;width:100%}.enterprise-mobile-table .table thead{display:none}.enterprise-mobile-table .table tr{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:7px 11px;box-shadow:var(--e-shadow-sm)}.enterprise-mobile-table .table td{display:grid;grid-template-columns:minmax(105px,38%) 1fr;gap:10px;padding:8px 2px!important;border-bottom:1px dashed rgba(148,163,184,.22)!important}.enterprise-mobile-table .table td:last-child{border-bottom:0!important}.enterprise-mobile-table .table td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900}.enterprise-mobile-table .table td[colspan]{display:block;text-align:center}.enterprise-mobile-table .table td[colspan]:before{display:none}
}
@media(max-width:560px){.enterprise-page-head p,.enterprise-search-wrap{display:none}.enterprise-top-actions{gap:5px}.enterprise-top-actions .icon{width:38px;height:38px}.enterprise-shell .content{padding:10px!important}.modal{padding:6px!important}.modal-card{width:100%!important;max-height:98vh!important;border-radius:17px!important}.modal-card>#modalBody,.modal-card #modalBody{padding:14px}.enterprise-command{padding:5vh 8px 8px}.enterprise-command-card{width:100%}.enterprise-user-actions{grid-template-columns:1fr 1fr}}

@media print{
  .enterprise-command,.enterprise-fab,.enterprise-mobile-backdrop{display:none!important}
  .card:hover{transform:none!important;box-shadow:none!important}
}

/* ========================== V160.1: sidebar scroll + icon collapsed mode ========================== */
.enterprise-shell .enterprise-nav{scroll-behavior:auto!important;overscroll-behavior:contain!important;}
.enterprise-shell.enterprise-sidebar-collapsed .sidebar{width:88px!important;min-width:88px!important;flex-basis:88px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .brand{justify-content:center!important;padding:16px 10px!important;min-height:82px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .brand>div:not(.brand-logo){display:none!important;}
.enterprise-shell.enterprise-sidebar-collapsed .brand-logo{width:50px!important;height:50px!important;font-size:11px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav{padding:9px 8px 14px!important;scrollbar-width:thin;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group{margin:4px 0 8px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group-title{height:10px!important;padding:5px 6px!important;margin:2px 0!important;font-size:0!important;justify-content:center!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group-title:after{display:none!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group-title:before{content:"";width:34px;height:1px;background:rgba(148,163,184,.24);display:block;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button{height:48px!important;min-height:48px!important;width:56px!important;margin:5px auto!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:16px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-label{display:grid!important;place-items:center!important;gap:0!important;width:100%;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-label span{display:none!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-icon{width:auto!important;font-size:21px!important;line-height:1!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-chevron{display:none!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button:hover{transform:translateY(-1px)!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button.active:before{left:-9px!important;top:12px!important;bottom:12px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-userbox{padding:12px 8px 14px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-card{grid-template-columns:1fr!important;justify-items:center!important;margin-bottom:8px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-avatar{width:44px!important;height:44px!important;border-radius:15px!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-meta,
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-copyright,
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-actions .my-account-single{display:none!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-actions{display:flex!important;justify-content:center!important;}
.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-actions .btn{width:48px!important;height:42px!important;min-width:48px!important;padding:0!important;border-radius:14px!important;}
.enterprise-shell.enterprise-sidebar-collapsed + .enterprise-mobile-backdrop{display:none!important;}
@media(max-width:1280px){.enterprise-shell.enterprise-sidebar-collapsed .sidebar{width:84px!important;min-width:84px!important;flex-basis:84px!important;}}
@media(max-width:850px){.enterprise-shell.enterprise-sidebar-collapsed .sidebar{width:270px!important;min-width:270px!important;flex-basis:270px!important;}.enterprise-shell.enterprise-sidebar-collapsed .brand>div:not(.brand-logo),.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-label span,.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-meta,.enterprise-shell.enterprise-sidebar-collapsed .enterprise-copyright,.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-actions .my-account-single{display:block!important}.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button{width:auto!important;height:auto!important;display:flex!important;place-items:initial!important;padding:10px 12px!important}.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav button .enterprise-nav-chevron{display:inline!important}.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group-title{height:auto!important;font-size:10px!important}.enterprise-shell.enterprise-sidebar-collapsed .enterprise-nav-group-title:before{display:none!important}.enterprise-shell.enterprise-sidebar-collapsed .enterprise-user-actions{display:grid!important}}

/* ========================== V161 Complete AI Platform ========================== */
.ai161-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:16px;min-height:calc(100vh - 150px)}
.ai161-left,.ai161-main,.ai161-right{border:1px solid var(--line);background:var(--panel);border-radius:20px;box-shadow:var(--shadow);min-width:0;overflow:hidden}
.ai161-left{padding:16px;display:flex;flex-direction:column;gap:12px}.ai161-main{display:flex;flex-direction:column}.ai161-right{padding:16px;display:flex;flex-direction:column;gap:12px}
.ai161-main .ai-hero{padding:20px 22px 12px}.ai161-main .ai-quick{padding:0 22px 12px}.ai161-main .ai-messages{flex:1;min-height:440px;max-height:calc(100vh - 390px);padding:18px 22px}.ai161-main .ai-input{padding:14px 18px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,var(--primary) 8%)}
.ai161-safe{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:10px 4px;font-size:12px}.ai161-safe span{color:var(--muted)}
.ai161-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.ai161-health-grid>div{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:9px}.ai161-health-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800;margin-bottom:4px}.ai161-health-grid b{font-size:12px;word-break:break-word}.ai161-model-line{font-size:11px;color:var(--muted);line-height:1.5;padding:4px}.ai161-admin-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ai161-side-title{font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:6px 4px 0}.ai161-left .ai-history{overflow:auto;max-height:calc(100vh - 500px);padding-right:4px}
.ai161-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.ai161-panel-head.sources{margin-top:4px}.ai161-alert-summary{display:flex;gap:6px;flex-wrap:wrap}.ai161-alert-summary span{font-size:10px;font-weight:900;border-radius:999px;padding:5px 8px;background:var(--soft);border:1px solid var(--line)}
.ai161-alerts{display:flex;flex-direction:column;gap:9px;max-height:330px;overflow:auto}.ai161-alert{border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:13px;background:var(--soft);padding:11px;display:flex;gap:9px;justify-content:space-between;align-items:flex-start}.ai161-alert.critical{border-left-color:var(--red)}.ai161-alert.high{border-left-color:#f97316}.ai161-alert.medium{border-left-color:var(--yellow)}.ai161-alert b{display:block;font-size:12px;margin:4px 0}.ai161-alert p,.ai161-alert small{display:block;margin:0;color:var(--muted);font-size:11px;line-height:1.45}.ai161-severity{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.ai161-sources{display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:auto}.ai161-source{display:flex;text-align:left;width:100%;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:9px;color:var(--text);cursor:pointer}.ai161-source:hover{border-color:var(--primary);transform:translateY(-1px)}.ai161-source>span{font-size:18px}.ai161-source div{min-width:0}.ai161-source b,.ai161-source small{display:block;overflow:hidden;text-overflow:ellipsis}.ai161-source b{font-size:11px;white-space:nowrap}.ai161-source small{color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px}.ai161-empty-panel{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px;text-align:center}
.ai161-bubble{max-width:min(900px,96%)}.ai161-inline-source{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);border-radius:6px;padding:1px 5px;font-size:10px;font-weight:900}.ai161-answer-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.ai161-answer-meta span{font-size:10px;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 7px;color:var(--muted)}
.ai161-feedback{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.ai161-feedback span{font-size:11px;color:var(--muted)}.ai161-feedback button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;padding:5px 8px;font-size:10px;cursor:pointer}.ai161-feedback button:hover{border-color:var(--primary)}
.ai161-recommended{margin-top:12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--soft));border-radius:12px;padding:10px}.ai161-recommended>b{display:block;font-size:11px;margin-bottom:7px}.ai161-recommended .btn{margin:2px 5px 2px 0}
.ai161-feedback-form label{margin-top:10px}.ai161-action-warning{border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.08);border-radius:12px;padding:12px;margin-bottom:14px}.ai161-json-preview{max-height:300px;overflow:auto;text-align:left;background:var(--soft);border:1px solid var(--line);padding:12px;border-radius:12px;white-space:pre-wrap}.ai161-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:9px 0}.switch-row input{width:auto!important}.ai161-feedback-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.ai161-review{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px}.ai161-review p{font-size:12px;line-height:1.45}
@media(max-width:1450px){.ai161-shell{grid-template-columns:280px minmax(0,1fr)}.ai161-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.ai161-right .sources{margin-top:0}.ai161-alerts,.ai161-sources{max-height:250px}}
@media(max-width:900px){.ai161-shell{grid-template-columns:1fr}.ai161-left,.ai161-right{grid-column:auto}.ai161-right{display:block}.ai161-alerts,.ai161-sources{max-height:260px;margin-bottom:14px}.ai161-main .ai-messages{max-height:none;min-height:420px}.ai161-left .ai-history{max-height:260px}.ai161-admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ai161-health-grid{grid-template-columns:1fr}.ai161-main .ai-hero,.ai161-main .ai-quick,.ai161-main .ai-messages{padding-left:14px;padding-right:14px}.ai161-shell{gap:10px}}


/* ========================== V161.11: Create/Delete Confirmation Page Restore ========================== */
.quality-confirm-overlay-v16111{position:fixed;inset:0;z-index:100500;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,23,.68);backdrop-filter:blur(8px)}
.quality-confirm-card-v16111{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:var(--card);color:var(--text);border:1px solid var(--line);border-left:6px solid var(--amber);border-radius:22px;box-shadow:0 32px 100px rgba(2,6,23,.48);padding:24px;animation:qualityConfirmInV16111 .18s ease-out}
.quality-confirm-x-v16111{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.quality-confirm-x-v16111:hover{background:var(--card2);color:var(--text)}
.quality-confirm-head-v16111{display:flex;gap:16px;align-items:flex-start;padding-right:34px}.quality-confirm-icon-v16111{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;background:#fff7ed;color:#c2410c;font-size:24px;border:1px solid #fed7aa}.dark .quality-confirm-icon-v16111{background:#431407;color:#fdba74;border-color:#9a3412}
.quality-confirm-kicker-v16111{display:block;color:#d97706;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.quality-confirm-head-v16111 h2{margin:0 0 7px;font-size:24px}.quality-confirm-head-v16111 p{margin:0;color:var(--muted);line-height:1.55}
.quality-confirm-content-v16111{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.quality-confirm-section-v16111{border:1px solid var(--line);border-radius:16px;padding:15px;background:var(--card2)}.quality-confirm-section-v16111 h3{margin:0 0 11px;font-size:15px}.quality-confirm-items-v16111{display:grid;gap:9px}.quality-confirm-item-v16111{padding:10px 11px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.quality-confirm-item-v16111 b{display:block;font-size:13px;margin-bottom:3px}.quality-confirm-item-v16111 span{display:block;color:var(--muted);font-size:12px;line-height:1.45}.quality-recommend-v16111 ul{margin:0;padding-left:20px}.quality-recommend-v16111 li{margin:0 0 8px;color:var(--muted);line-height:1.48}.quality-recommend-v16111 li:last-child{margin-bottom:0}
.quality-confirm-note-v16111{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:12px 14px;line-height:1.5}.dark .quality-confirm-note-v16111{background:#172554;border-color:#1d4ed8;color:#bfdbfe}
.quality-confirm-actions-v16111{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.quality-confirm-actions-v16111 .btn{min-width:132px;justify-content:center}
@keyframes qualityConfirmInV16111{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:720px){.quality-confirm-overlay-v16111{padding:12px}.quality-confirm-card-v16111{padding:19px}.quality-confirm-content-v16111{grid-template-columns:1fr}.quality-confirm-head-v16111 h2{font-size:20px}.quality-confirm-actions-v16111{flex-direction:column-reverse}.quality-confirm-actions-v16111 .btn{width:100%}}


/* ================= V164.8.4 Professional Login ================= */
:root{--login-primary:var(--primary);--login-primary-strong:#1746c8;--login-ink:#07132a;--login-muted:#62728d}
.professional-login{min-height:100vh!important;display:grid!important;place-items:center!important;padding:34px!important;background:radial-gradient(circle at 15% 15%,rgba(46,132,255,.30),transparent 34%),radial-gradient(circle at 90% 90%,rgba(14,165,233,.18),transparent 32%),linear-gradient(135deg,#061426 0%,#0a2a50 52%,#143d81 100%)!important;isolation:isolate}
.professional-login:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 86%);pointer-events:none;z-index:-1}
.professional-login .login-shell{position:relative;z-index:1;width:min(1120px,96vw);min-height:650px;display:grid;grid-template-columns:minmax(370px,.88fr) minmax(460px,1.12fr);overflow:hidden;border-radius:32px;background:#fff;box-shadow:0 42px 120px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.35)}
.professional-login .login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:52px 48px;color:#fff;background:linear-gradient(150deg,var(--login-primary) 0%,var(--login-primary-strong) 66%,#062f66 100%);overflow:hidden}
.professional-login .login-brand-panel:before,.professional-login .login-brand-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.professional-login .login-brand-panel:before{width:370px;height:370px;right:-225px;top:-120px;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.025)}
.professional-login .login-brand-panel:after{width:240px;height:240px;left:-140px;bottom:-95px;box-shadow:0 0 0 32px rgba(255,255,255,.035)}
.professional-login .login-brand-top,.professional-login .login-brand-middle,.professional-login .login-brand-bottom{position:relative;z-index:1}
.professional-login .login-brand-identity{display:flex;align-items:center;gap:16px}
.professional-login .login-brand-logo{width:68px;height:68px;flex:0 0 68px;border-radius:21px;padding:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);box-shadow:0 15px 34px rgba(0,0,0,.20);display:grid;place-items:center;overflow:hidden}
.professional-login .login-brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:15px}
.professional-login .login-company-name{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.80;margin-bottom:5px}
.professional-login .login-system-name{font-size:26px;line-height:1.08;font-weight:950;letter-spacing:-.035em}
.professional-login .login-brand-middle{margin:44px 0}
.professional-login .login-brand-middle h1{font-size:42px;line-height:1.06;margin:0 0 17px;letter-spacing:-.045em;max-width:420px}
.professional-login .login-brand-middle p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.82);max-width:430px;margin:0}
.professional-login .login-capabilities{display:grid;gap:12px;margin-top:30px}
.professional-login .login-capability{display:flex;align-items:center;gap:11px;font-weight:750;color:rgba(255,255,255,.93)}
.professional-login .login-capability i{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal;border:1px solid rgba(255,255,255,.18)}
.professional-login .login-security-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:999px;background:rgba(3,20,42,.30);border:1px solid rgba(255,255,255,.17);font-size:12px;font-weight:800}
.professional-login .login-access-note{font-size:11px;color:rgba(255,255,255,.68);margin-top:12px;font-weight:700;letter-spacing:.02em}
.professional-login .login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:58px 68px;background:linear-gradient(180deg,#fff,#f8fbff)}
.dark .professional-login .login-form-panel{background:linear-gradient(180deg,#111827,#0f172a)}
.professional-login .login-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:28px}
.professional-login .login-mobile-brand img{width:46px;height:46px;border-radius:14px}
.professional-login .login-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--login-primary);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:13px}
.professional-login .login-form-panel h2{margin:0 0 9px;font-size:34px;letter-spacing:-.04em;color:var(--login-ink)}
.dark .professional-login .login-form-panel h2{color:#f8fafc}
.professional-login .login-intro{margin:0 0 30px;color:var(--login-muted);font-size:14px;line-height:1.6}
.professional-login .login-field{margin-bottom:18px}
.professional-login .login-field label{font-size:12px!important;font-weight:850!important;color:#34445f!important;margin:0 0 8px!important}
.dark .professional-login .login-field label{color:#cbd5e1!important}
.professional-login .login-input-wrap{position:relative}
.professional-login .login-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;text-align:center;color:#8190a7;pointer-events:none}
.professional-login .login-input-wrap input{height:54px!important;padding:0 48px 0 45px!important;border-radius:14px!important;background:#fff!important;border:1px solid #cbd5e1!important;font-size:15px;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}
.dark .professional-login .login-input-wrap input{background:#111827!important;border-color:#334155!important;color:#f8fafc!important}
.professional-login .login-input-wrap input:focus{border-color:var(--login-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--login-primary) 14%,transparent)!important}
.professional-login .login-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#64748b;cursor:pointer;font-weight:800}
.professional-login .login-password-toggle:hover{background:#eef4ff;color:var(--login-primary)}
.professional-login .login-submit{width:100%;height:54px;justify-content:center!important;border-radius:14px!important;margin-top:4px!important;font-size:15px!important;box-shadow:0 14px 30px color-mix(in srgb,var(--login-primary) 28%,transparent)!important}
.professional-login .login-submit[disabled]{cursor:not-allowed;opacity:.72;transform:none!important}
.professional-login .login-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:loginSpin .75s linear infinite}
.professional-login .login-submit.is-loading .login-spinner{display:inline-block}
@keyframes loginSpin{to{transform:rotate(360deg)}}
.professional-login .login-error{min-height:22px;margin:14px 0 0;padding:0;font-size:13px;line-height:1.45;color:#dc2626}
.professional-login .login-error:not(:empty){padding:11px 13px;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3}
.dark .professional-login .login-error:not(:empty){background:rgba(127,29,29,.28);border-color:#7f1d1d;color:#fecaca}
.professional-login #twofaBox:not(:empty){margin-top:16px;padding:16px;border:1px solid #dbe6f4;border-radius:14px;background:#f8fbff}
.dark .professional-login #twofaBox:not(:empty){background:#172033;border-color:#334155}
.professional-login .login-form-footer{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:27px;padding-top:20px;border-top:1px solid #e2e8f0;color:#718096;font-size:11px;line-height:1.55}
.dark .professional-login .login-form-footer{border-color:#263248;color:#94a3b8}
.professional-login .login-support{max-width:68%}.professional-login .login-copyright{text-align:right;white-space:nowrap}
.professional-login .login-support a{color:var(--login-primary);font-weight:800;text-decoration:none}
.professional-login .login-canonical-note{font-size:11px;color:#8a98ad;margin-top:11px;text-align:center}
@media(max-width:930px){.professional-login{padding:20px!important}.professional-login .login-shell{grid-template-columns:1fr;width:min(620px,96vw);min-height:auto}.professional-login .login-brand-panel{display:none}.professional-login .login-form-panel{padding:42px 38px}.professional-login .login-mobile-brand{display:flex}.professional-login .login-form-panel h2{font-size:30px}}
@media(max-width:560px){.professional-login{padding:0!important;place-items:stretch!important;background:#f8fbff!important}.professional-login .login-shell{width:100%;min-height:100vh;border-radius:0;border:0;box-shadow:none}.professional-login .login-form-panel{padding:30px 22px;justify-content:center}.professional-login .login-form-footer{flex-direction:column;align-items:flex-start}.professional-login .login-support{max-width:100%}.professional-login .login-copyright{text-align:left}.professional-login .login-input-wrap input{height:52px!important}}

/* ========================== V165.2.16.8 Portfolio ========================== */
.portfolio-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.portfolio-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:260px}.portfolio-pending-change{color:#d97706;font-weight:800}.portfolio-create-intro{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.portfolio-create-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0891b2);font-size:24px}.portfolio-slug-input{display:flex;align-items:center;border:1px solid #9fb0c9;border-radius:9px;background:#fff;overflow:hidden}.dark .portfolio-slug-input{background:#101827;border-color:#334155}.portfolio-slug-input span{font-size:11px;color:var(--muted);padding:0 8px;white-space:nowrap;border-right:1px solid var(--line)}.portfolio-slug-input input{border:0!important;border-radius:0!important;min-width:0}.portfolio-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--soft);margin-bottom:16px}.portfolio-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.portfolio-editor-main{min-width:0}.portfolio-section{border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:15px;background:var(--card)}.portfolio-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.portfolio-section-title b{display:block;font-size:14px}.portfolio-section-title span:not(.pill){display:block;font-size:11px;color:var(--muted);margin-top:3px}.portfolio-check{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.portfolio-list{display:grid;gap:9px}.portfolio-list-row{display:grid;grid-template-columns:1.25fr 1fr 105px 38px;gap:8px;align-items:center}.portfolio-cert-row,.portfolio-project-row{border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--soft)}.portfolio-cert-extra{grid-template-columns:1fr 1.5fr auto;margin-top:8px}.portfolio-project-row textarea{width:100%;margin-top:8px}.portfolio-project-extra{grid-template-columns:1.5fr 110px 1fr 0;margin-top:8px}.portfolio-project-extra>:last-child{display:none}.portfolio-upload-label{position:relative;overflow:hidden;cursor:pointer}.portfolio-upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.portfolio-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.portfolio-upload-grid>div{border:1px dashed var(--line);border-radius:13px;padding:12px}.portfolio-upload-grid label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.portfolio-upload-grid .btn{margin-top:8px;width:100%;justify-content:center}.portfolio-editor-side{display:grid;gap:12px;align-content:start}.portfolio-side-card{display:grid;gap:9px;padding:15px!important}.portfolio-side-card>.btn{width:100%;justify-content:center}.portfolio-flow{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.portfolio-flow span{border:1px solid var(--line);border-radius:999px;padding:4px 6px}.portfolio-flow span.active{background:#2563eb;color:#fff;border-color:#2563eb}.portfolio-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.portfolio-mini-metrics span{text-align:center;padding:9px 4px;border-radius:10px;background:var(--soft);font-size:9px;color:var(--muted)}.portfolio-mini-metrics strong{display:block;font-size:16px;color:var(--text)}.portfolio-version-list{display:grid;gap:6px}.portfolio-version-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:7px}.portfolio-version-list span b,.portfolio-version-list span small{display:block}.portfolio-version-list span small{font-size:9px;color:var(--muted)}.portfolio-savebar{z-index:12}.portfolio-import-note{padding:12px;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:12px;margin-bottom:12px}.dark .portfolio-import-note{background:#172554;color:#bfdbfe}.portfolio-import-list{display:grid;gap:7px;max-height:58vh;overflow:auto}.portfolio-import-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.portfolio-import-item span b,.portfolio-import-item span small{display:block}.portfolio-import-item span small{color:var(--muted);font-size:10px}.portfolio-import-item em{font-size:10px;color:var(--green);font-style:normal}.portfolio-import-item.disabled{opacity:.6}.portfolio-qr{text-align:center;display:grid;justify-items:center;gap:12px}.portfolio-qr img{width:min(360px,80vw);border-radius:20px;border:1px solid var(--line);background:#fff;padding:12px}.portfolio-nav-group button.active{background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(14,165,233,.08))!important}
@media(max-width:1080px){.portfolio-editor-grid{grid-template-columns:1fr}.portfolio-editor-side{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.portfolio-metrics{grid-template-columns:1fr!important}.portfolio-editor-head{align-items:flex-start;flex-direction:column}.portfolio-editor-side{grid-template-columns:1fr}.portfolio-list-row,.portfolio-cert-extra,.portfolio-project-extra,.portfolio-upload-grid{grid-template-columns:1fr}.portfolio-list-row>.btn{width:100%}.portfolio-slug-input{display:block}.portfolio-slug-input span{display:block;border-right:0;border-bottom:1px solid var(--line);padding:6px 8px}}

.portfolio-review-state{display:block;margin-top:5px;color:var(--muted);font-weight:700}.portfolio-pending-change{color:#d97706;font-weight:800}


/* V165.2.16.8.6 - Portfolio professional confirmation dialogs + asset fix */
.portfolio-confirm-overlay-v16521683{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(6px)}
.portfolio-confirm-card-v16521683{width:min(650px,96vw);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.48);color:var(--text)}
.portfolio-confirm-head-v16521683{display:flex;gap:16px;align-items:flex-start}.portfolio-confirm-head-v16521683 h2{margin:0 0 7px;font-size:22px;line-height:1.2}.portfolio-confirm-head-v16521683 p{margin:0;color:var(--muted);line-height:1.55}
.portfolio-confirm-icon-v16521683{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:900;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.portfolio-confirm-icon-v16521683.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.portfolio-confirm-warning-v16521683{margin:18px 0 0;padding:14px 16px;border-radius:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;line-height:1.55}.portfolio-confirm-warning-v16521683.danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.portfolio-confirm-actions-v16521683{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.portfolio-confirm-actions-v16521683 .btn{min-width:145px;justify-content:center}
.dark .portfolio-confirm-icon-v16521683{background:#172554;color:#bfdbfe;border-color:#1e40af}.dark .portfolio-confirm-icon-v16521683.danger{background:#450a0a;color:#fecaca;border-color:#991b1b}.dark .portfolio-confirm-warning-v16521683{background:#172554;border-color:#1e40af;color:#bfdbfe}.dark .portfolio-confirm-warning-v16521683.danger{background:#450a0a;border-color:#991b1b;color:#fecaca}
@media(max-width:640px){.portfolio-confirm-head-v16521683{gap:12px}.portfolio-confirm-head-v16521683 h2{font-size:19px}.portfolio-confirm-actions-v16521683{flex-direction:column-reverse}.portfolio-confirm-actions-v16521683 .btn{width:100%}}


/* V165.2.16.8.18 - Data Visibility searchable checkbox selectors */
.dv-module-card{min-width:0}.dv-module-grid{grid-template-columns:1fr 1fr!important;align-items:start}.dv-picker-field{min-width:0;grid-column:1/-1}.dv-check-picker{border:1px solid var(--line);border-radius:12px;background:var(--card2);overflow:hidden}.dv-check-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px;border-bottom:1px solid var(--line);background:var(--card)}.dv-check-tools input{margin:0!important;padding:8px 10px!important;min-width:0}.dv-check-list{height:184px;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.dv-check-item{position:relative;display:flex!important;align-items:center;gap:9px;margin:0!important;padding:8px 9px;border:1px solid transparent;border-radius:9px;cursor:pointer;color:var(--text)!important;background:transparent;transition:.15s ease}.dv-check-item:hover{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.18)}.dv-check-item.selected{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.38)}.dv-check-item input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.dv-check-box{width:21px;height:21px;flex:0 0 21px;border:1.5px solid #64748b;border-radius:6px;display:grid;place-items:center;color:transparent;font-size:13px;font-weight:900;background:var(--card)}.dv-check-item.selected .dv-check-box{background:var(--primary);border-color:var(--primary);color:#fff}.dv-check-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.dv-check-text b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-check-text small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.dv-check-footer{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--card)}.dv-check-footer span:first-child{color:var(--primary);font-weight:800}.dark .dv-check-item.selected{background:rgba(37,99,235,.22);border-color:rgba(96,165,250,.45)}@media(max-width:1100px){.dv-module-grid{grid-template-columns:1fr!important}}

/* V165.2.16.8.19: four-module Data Visibility layout */
.dv-module-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
@media(max-width:1180px){.dv-module-layout{grid-template-columns:1fr}}

/* V165.2.16.8.20 - Commands History Viewer */
.chv-wrap{display:grid;gap:16px}.chv-summary,.chv-history{border:1px solid var(--border);border-radius:16px;background:rgba(15,23,42,.28);padding:18px}.chv-summary-head,.chv-history-head,.chv-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chv-summary-head h2{margin:5px 0 6px;font-size:24px}.chv-summary-head p,.chv-history-head p{margin:0;color:var(--muted)}.chv-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#60a5fa}.chv-lock,.chv-count{border:1px solid rgba(96,165,250,.35);background:rgba(37,99,235,.12);color:#bfdbfe;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.chv-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}.chv-summary-grid>div{border:1px solid var(--border);border-radius:12px;padding:11px;background:rgba(15,23,42,.35);display:flex;flex-direction:column;gap:4px}.chv-summary-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.chv-list{display:grid;gap:12px;margin-top:14px}.chv-card{border:1px solid var(--border);border-left:3px solid #3b82f6;border-radius:14px;padding:14px;background:rgba(15,23,42,.35)}.chv-card-top h3{margin:2px 0 0;font-size:14px;line-height:1.5}.chv-index{font-size:10px;color:#60a5fa;font-weight:900}.chv-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:11px}.chv-meta span{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:11px}.chv-meta b{color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.chv-evidence{margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.chv-evidence-title{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px}.chv-evidence-title span{background:rgba(59,130,246,.16);color:#93c5fd;border-radius:999px;padding:2px 7px;font-size:10px}.chv-pictures{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin-top:9px}.chv-thumb{border:1px solid var(--border);background:rgba(15,23,42,.45);padding:0;border-radius:11px;overflow:hidden;cursor:pointer;text-align:left;color:var(--text)}.chv-thumb img{display:block;width:100%;height:92px;object-fit:cover;background:#0f172a}.chv-thumb span{display:block;padding:6px 7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chv-files{display:grid;gap:7px;margin-top:9px}.chv-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:9px;background:rgba(15,23,42,.35)}.chv-file-icon{min-width:38px;text-align:center;border-radius:8px;padding:8px 5px;background:rgba(37,99,235,.13);color:#93c5fd;font-size:9px;font-weight:900}.chv-file-name{min-width:0;display:flex;flex-direction:column}.chv-file-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.chv-file-name small,.chv-no-evidence{color:var(--muted);font-size:10px}.chv-file-actions{display:flex;gap:5px}.chv-empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.poc-command-v820{margin-top:16px}.poc-command-full .attachment-card{margin-top:12px}.dv-module-card select[id^="dv_detail_"]{border-color:rgba(96,165,250,.45);background:rgba(37,99,235,.08)}
@media(max-width:720px){.chv-summary-head,.chv-history-head{flex-direction:column}.chv-lock{white-space:normal}.chv-file{grid-template-columns:auto 1fr}.chv-file-actions{grid-column:1/-1}.chv-pictures{grid-template-columns:repeat(2,minmax(0,1fr))}}