html, body, #root {
  min-height: 100%;
  background: #071426 !important;
}
body {
  background:
    radial-gradient(ellipse at 15% 85%, #94604c66, transparent 45%),
    radial-gradient(ellipse at 85% 15%, #287ac066, transparent 50%),
    linear-gradient(135deg, #071426, #163b5d) !important;
  background-attachment: fixed !important;
  color: #edf5ff !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
}
.MuiPaper-root {
  background: linear-gradient(145deg, #193550ed, #10253ced) !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 80px #00000040 !important;
  backdrop-filter: blur(20px);
}
.MuiAppBar-root {
  background: #0b2038cc !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.MuiOutlinedInput-root {
  border-radius: 13px !important;
  background: #06172c55 !important;
  color: #edf5ff !important;
}
.MuiOutlinedInput-notchedOutline {
  border-color: #ffffff35 !important;
}
.MuiInputLabel-root, .MuiFormLabel-root {
  color: #b9cfe4 !important;
}
.MuiButton-root {
  border-radius: 13px !important;
  text-transform: none !important;
  font-weight: 650 !important;
  padding: 11px 20px !important;
}
.MuiButton-containedPrimary {
  background: #147bf5 !important;
  color: white !important;
  box-shadow: 0 8px 25px #0066ec40 !important;
}
.MuiButton-containedPrimary:hover {
  background: #3694ff !important;
}
.MuiTypography-root {
  color: inherit;
}
.MuiTypography-colorTextSecondary {
  color: #b9cfe4 !important;
}
a { color: #8fc9ff; }

/* SB-NasBox login mobile layout v1 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:780px){
html,body{min-width:0!important;width:100%!important;margin:0!important}
#root{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip}
.MuiContainer-root{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important;min-width:0!important}
.MuiPaper-root{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.MuiGrid-item{min-width:0!important}.MuiTypography-root{overflow-wrap:break-word}
.MuiTypography-body1,.MuiTypography-body2,.MuiFormControlLabel-label,.MuiInputLabel-root{font-size:16px!important;line-height:1.55!important}
.MuiInputBase-root,.MuiInputBase-input{font-size:16px!important}
.MuiInputBase-input{min-height:24px!important;padding-top:16px!important;padding-bottom:16px!important}
.MuiButton-root{font-size:16px!important;min-height:48px!important;white-space:normal!important;padding:12px 18px!important}
.MuiIconButton-root{min-width:44px!important;min-height:44px!important}
.MuiDialog-paper{margin:16px!important;width:calc(100% - 32px)!important;max-height:calc(100dvh - 32px)!important}
.MuiAppBar-root{max-width:100%!important}
}