:root{
  --coopener-primary:#1fc8c5;
  --coopener-primary-dark:#0ea5a8;
  --coopener-ink:#1d2333;
  --coopener-ink-2:#4f5b76;
  --coopener-surface:#f5f8fb;
  --coopener-card:#ffffff;
  --coopener-border:#e7edf3;
  --coopener-shadow:0 12px 30px rgba(25, 45, 75, 0.08);
}
body{background:var(--coopener-surface)}
.app-header{background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--coopener-border)}
.app-sidebar{background:linear-gradient(180deg,#34465f 0%,#29384e 100%);box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}
.app-sidebar-logo{min-height:72px;border-bottom:1px dashed rgba(255,255,255,.08)}
.brand-sidebar{display:flex;align-items:center;gap:.85rem;text-decoration:none}
.brand-sidebar img{height:42px;width:auto;display:block}
.brand-sidebar-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-sidebar-title{font-size:1.2rem;font-weight:800;letter-spacing:.01em;color:#fff}
.brand-sidebar-subtitle{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.55)}
.app-sidebar .menu-heading{color:rgba(255,255,255,.58)!important;letter-spacing:.08em}
.app-sidebar .menu-link{border-radius:.95rem;color:rgba(255,255,255,.84)}
.app-sidebar .menu-link .menu-title{font-weight:700}
.app-sidebar .menu-link .menu-icon i{color:rgba(255,255,255,.9)}
.app-sidebar .menu-link:hover,.app-sidebar .menu-link.active{background:linear-gradient(135deg, rgba(31,200,197,.34), rgba(31,200,197,.15));color:#fff;box-shadow:inset 3px 0 0 #50e6df}
.app-sidebar .menu-link:hover .menu-icon i,.app-sidebar .menu-link.active .menu-icon i{color:#ffffff}
.app-sidebar-footer{border-top:1px dashed rgba(255,255,255,.08)}
.app-sidebar-footer .tenant-badge{color:rgba(255,255,255,.62)!important}
.card{border:1px solid var(--coopener-border);box-shadow:var(--coopener-shadow);border-radius:1.2rem}
.card .card-header{min-height:72px;border-bottom:1px solid var(--coopener-border)}
.notice.coopener-hero{background:linear-gradient(135deg, rgba(31,200,197,.12), rgba(31,200,197,.04));border-color:rgba(31,200,197,.45)!important}
.metric-card{position:relative;overflow:hidden}
.metric-card:before{content:"";position:absolute;right:-32px;top:-32px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(31,200,197,.18), rgba(31,200,197,0));}
.metric-icon{height:60px;width:60px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:rgba(31,200,197,.12);color:var(--coopener-primary-dark)}
.metric-card .fs-2hx{font-size:2rem!important}
.coopener-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;background:rgba(31,200,197,.12);color:#128789;font-weight:700;font-size:.82rem}
.coopener-panel{padding:1.5rem;border:1px dashed var(--coopener-border);border-radius:1rem;height:100%;background:linear-gradient(180deg,#fff, #fbfdff)}
.coopener-panel h4{margin:0 0 .45rem 0;font-size:1.12rem;font-weight:800;color:var(--coopener-ink)}
.coopener-panel p{margin:0;color:#697386;line-height:1.7}
.brand-avatar{height:40px;width:40px;border-radius:16px;background:linear-gradient(135deg,#1fc8c5,#16a6d8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(31,200,197,.25)}
.auth-shell{min-height:100vh;background:radial-gradient(circle at 20% 20%, rgba(31,200,197,.23), transparent 28%),radial-gradient(circle at 80% 18%, rgba(15,112,255,.18), transparent 25%),linear-gradient(180deg, #f5fcfb 0%, #f2f6fb 100%)}
.auth-visual{position:relative;overflow:hidden;background:linear-gradient(180deg,#0d1320 0%, #141d2f 100%)}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:999px;filter:blur(6px)}
.auth-visual:before{width:340px;height:340px;right:-80px;top:40px;background:radial-gradient(circle, rgba(31,200,197,.24), rgba(31,200,197,0))}
.auth-visual:after{width:280px;height:280px;left:-90px;bottom:-20px;background:radial-gradient(circle, rgba(67,56,202,.22), rgba(67,56,202,0))}
.auth-logo{max-width:260px;width:100%;height:auto}
.auth-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(18, 31, 53, .12);border-radius:1.5rem}
.auth-badge{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:rgba(31,200,197,.12);color:#118c8e;font-weight:700;font-size:.8rem;letter-spacing:.03em}
.auth-points li{position:relative;padding-left:1.4rem;margin-bottom:.85rem;color:rgba(255,255,255,.82)}
.auth-points li:before{content:"";position:absolute;left:0;top:.55rem;width:.5rem;height:.5rem;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 6px rgba(34,211,238,.15)}
.auth-form-title{font-size:2rem;font-weight:800;color:var(--coopener-ink)}
.auth-mini-copy{color:#6b7280;line-height:1.8}
.form-control.coopener-input{min-height:52px;border-radius:1rem;border-color:#dfe8f0;background:#f8fbfd}
.form-control.coopener-input:focus{border-color:#66d9d4;box-shadow:0 0 0 .25rem rgba(31,200,197,.12);background:#fff}
.btn-coopener{background:linear-gradient(135deg,#1fc8c5,#13b8bc);border:0;color:#fff;border-radius:1rem;box-shadow:0 16px 30px rgba(31,200,197,.25)}
.btn-coopener:hover{background:linear-gradient(135deg,#14b8b1,#11a5a8);color:#fff}
.login-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.login-help-item{padding:1rem;border-radius:1rem;background:#f7fafc;border:1px solid var(--coopener-border)}
.login-help-item strong{display:block;color:var(--coopener-ink);font-size:.95rem;margin-bottom:.3rem}
.page-heading{letter-spacing:.01em}
.breadcrumb-item,.text-muted{color:#7a869a!important}
@media (max-width: 991.98px){
  .auth-visual{display:none!important}
  .login-help-grid{grid-template-columns:1fr}
  .app-sidebar-logo{min-height:64px}
  .brand-sidebar img{height:36px}
}


/* Dark mode alignment */
[data-bs-theme="dark"] body{background:#111827;color:#e5e7eb}
[data-bs-theme="dark"] .app-header{background:rgba(17,24,39,.94);border-bottom-color:#2a3548}
[data-bs-theme="dark"] .app-toolbar,[data-bs-theme="dark"] .app-content,[data-bs-theme="dark"] .app-main,[data-bs-theme="dark"] .app-wrapper{background:#111827}
[data-bs-theme="dark"] .app-footer{background:#111827;border-top:1px solid #273244}
[data-bs-theme="dark"] .card{background:#182233;border-color:#2b374a;box-shadow:0 14px 32px rgba(0,0,0,.22)}
[data-bs-theme="dark"] .card .card-header{border-bottom-color:#2b374a}
[data-bs-theme="dark"] .card-title,[data-bs-theme="dark"] .page-heading,[data-bs-theme="dark"] .text-gray-900,[data-bs-theme="dark"] .text-gray-800,[data-bs-theme="dark"] .coopener-panel h4{color:#f3f4f6!important}
[data-bs-theme="dark"] .text-gray-700,[data-bs-theme="dark"] .text-muted,[data-bs-theme="dark"] .breadcrumb-item{color:#9ba8ba!important}
[data-bs-theme="dark"] .coopener-panel{background:linear-gradient(180deg,#1b2638,#172132);border-color:#334156}
[data-bs-theme="dark"] .coopener-panel p{color:#a9b4c4}
[data-bs-theme="dark"] .notice.coopener-hero{background:linear-gradient(135deg,rgba(31,200,197,.16),rgba(31,200,197,.05));border-color:rgba(71,224,217,.38)!important}
[data-bs-theme="dark"] .metric-icon{background:rgba(31,200,197,.16);color:#67e8e2}
[data-bs-theme="dark"] .coopener-pill{background:rgba(31,200,197,.15);color:#6ee7df}
[data-bs-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:#d8dee8;--bs-table-border-color:#334155}
[data-bs-theme="dark"] .table thead th{color:#a8b3c3!important}
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background-color:#111827;border-color:#344154;color:#e5e7eb}
[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background-color:#151f30;border-color:#39d7d0;color:#fff;box-shadow:0 0 0 .25rem rgba(31,200,197,.12)}
[data-bs-theme="dark"] .btn-light,[data-bs-theme="dark"] .btn-light-primary{background:#253247;border-color:#334155;color:#dbe4ef}
[data-bs-theme="dark"] .btn-light:hover,[data-bs-theme="dark"] .btn-light-primary:hover{background:#304059;color:#fff}
[data-bs-theme="dark"] .menu-sub-dropdown{background:#1a2434;border:1px solid #334155}
[data-bs-theme="dark"] .brand-avatar{box-shadow:0 8px 20px rgba(0,0,0,.25)}
[data-bs-theme="dark"] .auth-card{background:rgba(24,34,51,.94);border-color:#334155}
[data-bs-theme="dark"] .login-help-item{background:#111827;border-color:#334155}
[data-bs-theme="dark"] .login-help-item strong,[data-bs-theme="dark"] .auth-form-title{color:#f3f4f6}
[data-bs-theme="dark"] .auth-mini-copy{color:#a7b1c0}
[data-bs-theme="dark"] .form-control.coopener-input{background:#111827;border-color:#334155;color:#fff}
[data-bs-theme="dark"] .form-control.coopener-input::placeholder{color:#778397}

/* Icon consistency */
.metric-icon .ki-duotone,.menu-icon .ki-duotone{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.metric-icon .ki-duotone:before,.metric-icon .ki-duotone:after{opacity:1}