:root{
  color-scheme:dark;
  --hmp43130-glass-bg:rgba(8,18,33,.94);
  --hmp43130-border:rgba(148,163,184,.18);
  --hmp43135-bg:#06101d;
  --hmp43135-surface:#0d1b2d;
  --hmp43135-surface-2:#12243a;
  --hmp43135-surface-3:#172b43;
  --hmp43135-header:linear-gradient(135deg,rgba(10,25,43,.98),rgba(13,31,52,.96));
  --hmp43135-nav:linear-gradient(180deg,rgba(12,27,45,.97),rgba(7,18,32,.99));
  --hmp43135-line:rgba(151,174,203,.16);
  --hmp43135-line-strong:rgba(86,166,255,.28);
  --hmp43135-text:#f4f8ff;
  --hmp43135-muted:#91a5bd;
  --hmp43135-accent:#3fe08a;
  --hmp43135-blue:#4da3ff;
  --hmp43135-shadow:0 18px 48px rgba(0,0,0,.34);
}
html[data-theme="dark"],body.theme-dark,body.dark-mode{
  color-scheme:dark;
  --hmp43130-glass-bg:rgba(8,18,33,.94);
}
html,body{background:#06101d!important;color:var(--hmp43135-text)}
body{background:radial-gradient(circle at 50% -10%,#16365a 0,#091827 34%,#06101d 72%)!important}
body .app-shell{background:linear-gradient(180deg,rgba(6,16,29,.98),rgba(5,14,26,.99))!important}
body .app-header{
  background:var(--hmp43135-header)!important;
  border:0!important;
  border-bottom:1px solid var(--hmp43135-line)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.28)!important;
  color:var(--hmp43135-text)!important;
}
body .app-header::after{content:"";position:absolute;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(77,163,255,.55),transparent);pointer-events:none}
body .brand strong,body .header-user,body .user-menu-button,body .workspace-switch{color:var(--hmp43135-text)!important}
body .brand small,body .workspace-switch small,body .user-menu-button span{color:var(--hmp43135-muted)!important}
body .workspace-switch{background:rgba(255,255,255,.045)!important;border:1px solid var(--hmp43135-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body .user-menu{background:#0c1b2d!important;border-color:var(--hmp43135-line)!important;box-shadow:var(--hmp43135-shadow)!important}
body .bottom-nav{
  background:var(--hmp43135-nav)!important;
  border-top:1px solid var(--hmp43135-line)!important;
  box-shadow:0 -14px 38px rgba(0,0,0,.38)!important;
}
body .bottom-nav .nav-item{background:transparent!important;color:#8398b0!important;min-height:48px}
body .bottom-nav .nav-item.active{color:var(--hmp43135-accent)!important;text-shadow:0 0 18px rgba(63,224,138,.28)}
body .bottom-nav .nav-item.active::before{background:linear-gradient(90deg,transparent,var(--hmp43135-accent),transparent)!important}
body .view-container,body main{background:transparent!important}
body .card,body .modal-content,body .login-box,body .workspace-card,body .admin-metric,body .hmp43134-panel,body .hmp43134-card{
  background:linear-gradient(145deg,rgba(17,35,57,.97),rgba(10,25,43,.98))!important;
  border-color:var(--hmp43135-line)!important;
  color:var(--hmp43135-text)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
body .modal{background:rgba(2,8,16,.78)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body input,body select,body textarea,body .search-input{
  background:#091827!important;
  border-color:var(--hmp43135-line)!important;
  color:var(--hmp43135-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body input::placeholder,body textarea::placeholder{color:#6f849e!important}
body option{background:#0c1b2d;color:var(--hmp43135-text)}
body .btn-ghost,body .mini-btn{background:rgba(255,255,255,.045)!important;border-color:var(--hmp43135-line)!important;color:#dce8f6!important}
body .btn-primary{box-shadow:0 10px 24px rgba(52,152,219,.22)}
body .text-muted,body small{color:var(--hmp43135-muted)}
body table{color:var(--hmp43135-text)}
body th{background:rgba(7,18,32,.92)!important;color:#9fb4cb!important}
body td{border-color:var(--hmp43135-line)!important}
body .fab-ai{border-color:rgba(255,255,255,.28)!important;box-shadow:0 16px 38px rgba(31,76,168,.38)!important}
@media(max-width:560px){
  body .app-header{padding-top:max(10px,env(safe-area-inset-top));gap:6px}
  body .bottom-nav{padding-bottom:max(9px,env(safe-area-inset-bottom))}
  body .workspace-switch{max-width:170px}
  body .card,body .modal-content{box-shadow:0 10px 28px rgba(0,0,0,.2)!important}
}
